diff options
| author | Saumit Dinesan <justsaumit@protonmail.com> | 2023-08-10 17:04:42 +0530 |
|---|---|---|
| committer | Saumit Dinesan <justsaumit@protonmail.com> | 2023-08-10 17:04:42 +0530 |
| commit | defb19e922bb09e52c495a9393f35479d48b1203 (patch) | |
| tree | d74ecaff185d12e0a2e0af2b7650306443c3753f /Lab01 | |
Lab01: Create Basic Portfolio website w table
Diffstat (limited to 'Lab01')
| -rw-r--r-- | Lab01/index.html | 78 | ||||
| -rw-r--r-- | Lab01/style.css | 57 |
2 files changed, 135 insertions, 0 deletions
diff --git a/Lab01/index.html b/Lab01/index.html new file mode 100644 index 0000000..482ddf6 --- /dev/null +++ b/Lab01/index.html @@ -0,0 +1,78 @@ +<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="style.css">
+ <title>Saumit's Portfolio Website</title>
+</head>
+<body>
+<h1 class="header">Saumit's Portfolio Website</h1>
+<nav >
+ <ul>
+ <li><a href="#about">[About Me]</a></li>
+ <li><a href="#skills">[Skills]</a></li>
+ <li><a href="#projects">[Projects]</a></li>
+ <li><a href="#contact">[Contact]</a></li>
+ </ul>
+</nav>
+<h2 style="text-align: center;">Welcome to my website!</h2>
+<div id="about">
+<h2><u>About Me</u></h2>
+<p> My name is Saumit Dinesan. I'm a final year undergrad at Sikkim Manipal Institute of Technology, currently pursuing pursuing B.Tech Degree in Informational Technology with Honors in CyberSecurity.</p>
+<p> I'm a free and open source software enthusiast with a strong focus on development in C, Python and Golang.</p>
+<p> I initially started out with making a career in Systems Administration but after researching and getting to know the industry demands I upskilled myself to be proficient in Cloud and DevOps domains.</p>
+</div>
+
+<div id="skills">
+<h2><u> My Skills</u></h2>
+<ul>
+ <li>Systems Adminstration</li>
+ <li>Cloud Adminstration</li>
+ <li>DevOps</li>
+ <li>Scripting & Automation</li>
+ <li>CyberSecurity</li>
+ <li>Webscraping</li>
+</ul>
+</div>
+<div id="projects">
+ <h2><u> My Projects</u></h2>
+ <table border="2" >
+ <tr>
+ <td>Sr. No</td>
+ <td>Project Name</td>
+ <td>Tech Stack Used</td>
+ <td>License</td>
+ <td>Github Link</td>
+ </tr>
+ <tr>
+ <td>1.</td>
+ <td>Auto-Captive Portal Login</td>
+ <td>Python, Selenium Webdriver</td>
+ <td>GPL V3</td>
+ <td><a href="https://github.com/justsaumit/auto-captive-portal-login">[Link]</a></td>
+ </tr>
+ <tr>
+ <td>2.</td>
+ <td>OpenCV-Facial-Recognition-RPI4</td>
+ <td>Raspberry Pi 4, Camera Module, OpenCV-HaarCascade LBPH, Flask Server, 16x2 LED Screen </td>
+ <td>MIT</td>
+ <td><a href="https://github.com/justsaumit/opencv-face-recognition-rpi4">[Link]</a></td>
+ </tr>
+ <tr>
+ <td>3.</td>
+ <td>BashModoro.sh</td>
+ <td>Bash, Libnotify, TTS</td>
+ <td>GPL V3</td>
+ <td><a href="https://github.com/justsaumit/BashModoro.sh">[Link]</a></td>
+ </tr>
+ </table>
+ </ul>
+ </div>
+ <div id="contact">
+ <h2><u>Contact</u></h2>
+ <p> Don't im shy.</p>
+ <p> Else justsaumit@protonmail.com <a href="mailto:justsaumit@protonmail.com">[mailto]</a></p>
+</body>
+</html>
\ No newline at end of file diff --git a/Lab01/style.css b/Lab01/style.css new file mode 100644 index 0000000..cc34197 --- /dev/null +++ b/Lab01/style.css @@ -0,0 +1,57 @@ +body{
+ padding: 0;
+ margin: 5%;
+ font-family: openSans, sans-serif;
+ color: #ffffff;
+ background: #2a2525;
+}
+
+.header{
+ text-align: center;
+ margin: 0;
+ padding: 5px 5px;
+ color: #f94413;
+}
+
+nav{
+ text-align: center;
+}
+nav ul{
+ margin: 0;
+ list-style-type: none;
+ padding: 5px;
+}
+nav li {
+ display: inline-block;
+ margin: 2px;
+ padding: 2px;
+}
+
+a{
+ text-decoration: none;
+ color: rgb(26, 202, 237);
+}
+
+a:hover{
+ text-decoration: underline;
+}
+
+p {
+ line-height: 1.25;
+}
+
+td {
+ padding-left: 20px;padding-right: 20px;
+}
+
+.section{
+ padding: 25px;
+}
+
+pre{
+ padding: 10px;
+ border-radius: 10px;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+ text-align: justify;
+}
|