Add files via upload

shreyas-sridhar · Dec 9, 2023 · edaa1ac · edaa1ac
1 parent eb8c67d
commit edaa1ac
Show file tree

Hide file tree

Showing 13 changed files with 433 additions and 0 deletions.
diff --git a/contact.html b/contact.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact Me</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Hedvig+Letters+Sans&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="style.css"> 
+    <style>
+        .contact {
+            padding: 5px;
+            text-align: center;
+            margin: 10px 0;
+        }
+    </style>
+</head>
+<body>
+
+    <header>
+        <nav>
+            <div class="left">
+                My Portfolio
+            </div>
+            <div class="right">
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="skills.html">Skills</a></li>
+                    <li><a href="pastprojects.html">Past Projects</a></li>
+                    <li><a href="contact.html">Contact Me</a></li>
+                </ul>
+            </div>
+        </nav>
+    </header>
+
+    <section class="contact">
+        <div class="con">
+
+            <h2>Contact Me</h2>
+
+        </div>
+            <p>Feel free to reach out to me through the following channels:</p>
+<br>
+        <ul>
+            <li>Email: <a href="mailto:ENG21CS0389DSU.EDU.IN">ENG21CS0389@DSU.EDU.IN</a></li>
+            <li>LinkedIn: <a href="https://www.linkedin.com/in/shreyas-sridhar-3a1706200/">Shreyas Sridhar</a></li>
+            <!-- <li>Twitter: <a href="https://twitter.com/your-twitter-handle">Your Twitter Handle</a></li> -->
+        </ul>
+    </section>
+</body>
+</html>
diff --git a/cssimg.png b/cssimg.png
diff --git a/htmlimg.png b/htmlimg.png
diff --git a/index.html b/index.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Portfolio</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Hedvig+Letters+Sans&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="style.css"> 
+    <style>
+        .foot{
+            text-align: center;
+            background-color: rgb(2, 2, 39);
+            color: white;
+            padding: 10px;
+            margin-top: 10px;
+        }
+        .btn1{
+            background-color: rgb(2, 2, 39);
+            color: white;
+            border: 2px solid white;
+            padding: 10px;
+            margin: 10px;
+            border-radius: 10px;
+        }
+        .btn2{
+            background-color: rgb(2, 2, 39);
+            color: white;
+            border: 2px solid white;
+            padding: 10px;
+            margin: 10px;
+            border-radius: 10px;
+        }
+        .btn1, .btn2 {
+    background-color: rgb(2, 2, 39);
+    color: white;
+    border: 2px solid white;
+    padding: 10px;
+    margin: 10px;
+    border-radius: 10px;
+    cursor: pointer; /* Add this to change cursor on hover */
+}
+
+.btn1:hover, .btn2:hover {
+    background-color: white;
+    color: rgb(2, 2, 39);
+}
+
+.buttons{
+    margin-top: 30px;
+}
+    </style>
+</head>
+<body>
+
+    <header>
+        <nav>
+            <div class="left">
+                My Portfolio
+
+            </div>
+            <div class="right">
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="skills.html">Skills</a></li>
+                    <li><a href="pastprojects.html">Past Projects</a></li>
+                    <li><a href="contact.html">Contact Me</a></li>
+                </ul>
+            </div>
+        </nav>
+    </header>
+    <main>
+        <section class="a">
+            <div class="leftside">Hi this is <span class="name">Shreyas</span> from Class 5F <br>
+                <span id="element"></span>
+                <div class="buttons">
+                    <div class="buttons">
+                        <a href="https://www.linkedin.com/in/shreyas-sridhar-3a1706200/" target="_blank">
+                            <button class="btn1">
+                                LinkedIn profile
+                            </button>
+                        </a>
+                        <a href="https://github.com/shreyas-sridhar" target="_blank">
+                            <button class="btn2">
+                                <p>Github Profile</p>
+                            </button>
+                        </a>
+                    </div>
+
+                </div>
+             </div>
+
+
+
+            <div class="rightside"><img src="new2.png" alt="developer guy" height="400px">
+            </div>
+        </section>
+    </main>
+        <footer class="foot">
+            <p>&copy; 2023 Shreyas. All rights reserved.</p>
+        </footer>
+    <script src="https://unpkg.com/typed.js@2.1.0/dist/typed.umd.js"></script>
+    <script>
+        var typed = new Typed('#element', {
+          strings: ['<i>hello</i> .', 'This is my portfolio.','<strong>Shreyas Sridhar</strong>'],
+          typeSpeed: 100,
+        });
+      </script>
+
+</body>
+</html>
diff --git a/jsimg.png b/jsimg.png
diff --git a/new.png b/new.png
diff --git a/new1.png b/new1.png
diff --git a/new2.png b/new2.png
diff --git a/pastprojects.html b/pastprojects.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Portfolio</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Hedvig+Letters+Sans&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="style.css">    
+    <style>
+        .first {
+            padding: 5px;
+            text-align: center;
+            color: tomato;
+        }
+        .second {
+            margin: 12px 0;
+            margin-left: 250px;
+        }
+    </style>
+</head>
+<body>
+
+    <header>
+        <nav>
+            <div class="left">
+                My Portfolio
+
+            </div>
+            <div class="right">
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="skills.html">Skills</a></li>
+                    <li><a href="/">Past Projects</a></li>
+                    <li><a href="contact.html">Contact Me</a></li>
+                </ul>
+            </div>
+        </nav>
+    </header>
+    <main>
+     <div class="first">
+            <h1>My Past Projects</h1>
+     </div>
+        <div class="second">
+            <div class="thrid">
+                <h2 style="color: aqua;">Project 1</h2>
+                    <p>E commerce website named "Small-Basket" using HTML CSS and JS</p>
+            </div>
+            <hr>
+            <div class="fourth">
+                <h2 style="color: aqua;">Project 2</h2>
+                    <p>"Hospital Management System" This program written in the C language using Binary_Search and Quick_Sort</p>
+            </div>
+            <hr>
+            <div class="fifth">
+                <h2 style="color: aqua;">Project 3</h2>
+                    <p>"Hospital Resources conflicts" management system using semaphores</p>
+                    <hr>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/pyimg.png b/pyimg.png
diff --git a/skills.html b/skills.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Skills</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Hedvig+Letters+Sans&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="style.css">
+    <style>
+        .skills {
+            padding: 5px;
+            text-align: center;
+        }
+
+        .skill {
+            margin: 10px 0;
+        }
+
+        .skill h3 {
+            font-size: 1rem;
+            margin-bottom: 1px;
+        }
+
+        .skill p {
+            font-size: 1.2rem;
+        }
+        nav{
+            display: flex;
+            justify-content: space-evenly;
+            align-items: center;
+            /* padding: 100 10%; */
+            height: 80px;
+            /* margin-top: 1px; */
+            background-color: rgb(2, 2, 39);
+        }
+        nav ul{
+            display: flex;
+            justify-content: space-around;
+        }
+        nav ul li{
+            list-style: none;
+            padding: 0 23px;
+        }
+        nav ul li a{
+            text-decoration: none;
+            color: white;
+            /* padding: 0 23px; */
+        }
+        nav ul li a:hover{
+            text-decoration: underline;
+            color: royalblue;
+            /* padding: 0 23px; */
+        }
+        .left {
+            width: 50%;
+            float: left;
+        }
+        .b {
+            font-size: 11px;
+            font-family: 'Hedvig Letters Sans', sans-serif;
+            text-align: center;
+            margin-top: 1px;
+        }
+        .right {
+            float: right;
+        }
+        img {
+            width: 78px; /* Adjust the width as needed */
+            height: auto;
+            margin: 0 200px; /* Add margin for spacing */
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <nav>
+            <div class="left">
+                My Portfolio
+
+            </div>
+            <div class="right">
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="skills.html">Skills</a></li>
+                    <li><a href="pastprojects.html">Past Projects</a></li>
+                    <li><a href="/">Contact Me</a></li>
+                </ul>
+            </div>
+        </nav>
+    </header>
+<main> 
+    <div class="left">
+        <section class="skills"> 
+            <div class="skill">
+                <h3>HTML</h3>
+                <p>Proficient in creating structured and semantic markup for web pages.</p>
+            </div>
+            <div class="skill">
+                <h3>CSS</h3>
+                <p>Skilled in styling web pages with CSS for a visually appealing and responsive design.</p>
+            </div>
+            <div class="skill">
+                <h3>JavaScript</h3>
+                <p>Experience in building interactive and dynamic web pages using JavaScript.</p>
+            </div>
+            <div class="skill">
+                <h3>Python</h3>
+                <p>Proficient in Python programming for ML.</p>
+            </div>
+            <div class="skill">
+                <h3>MySQL</h3>
+                <p>Knowledge in designing and managing relational databases with MySQL.</p>
+            </div>
+        </section>
+    </div>
+    <div class="right">
+        <img src="htmlimg.png" alt="html img" class="img">
+    </div>
+    <div class="right">
+        <img src="cssimg.png" alt="css img" class="img">
+    </div>
+    <div class="right">
+        <img src="jsimg.png" alt="html img" class="img">
+    </div>
+    <div class="right">
+        <img src="pyimg.png" alt="html img" class="img">
+    </div>
+    <div class="right">
+        <img src="sqlimg.png" alt="html img" class="img">
+    </div>
+</div>
+</div>
+</div>
+</main>
+</body>
+</html>
diff --git a/sqlimg.png b/sqlimg.png