EnigmaVSSUT · Tanay-025 · Mar 31, 2024 · Apr 1, 2024 · Apr 2, 2024 · Apr 2, 2024
diff --git a/Web Development/Task/Task Submission/My Portfolia/2.png b/Web Development/Task/Task Submission/My Portfolia/2.png
diff --git a/Web Development/Task/Task Submission/My Portfolia/3.png b/Web Development/Task/Task Submission/My Portfolia/3.png
diff --git a/Web Development/Task/Task Submission/My Portfolia/back.jpg b/Web Development/Task/Task Submission/My Portfolia/back.jpg
diff --git a/Web Development/Task/Task Submission/My Portfolia/github.png b/Web Development/Task/Task Submission/My Portfolia/github.png
diff --git a/Web Development/Task/Task Submission/My Portfolia/index.html b/Web Development/Task/Task Submission/My Portfolia/index.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>My Portfolio</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <header>
+        <div class="first-section">
+            <div class="first-text-section">
+              <h1>Hey There! <br><span class="name-colour">My Name is Tanay Banerjee</span></h1>
+            <style class="background">
+                body {
+                  background-image: url("back.jpg");
+                 object-fit: cover;
+                }
+                </style>
+        </div>
+        <div class="image-first-section">
+            <img src="pic.jpg" alt="profile picture" class="firstimage">
+            <h1>Frontend <span class="developer-colour">Developer</span></h1>
+          </div> <!--end of the first section-->
+    </header>
+    <br>
+    <div class="about">
+        <h7>About me</h7>
+    </div>
+    <div id="abtme">
+        <div class="abtmee">
+       <p> 
+        I am Tanay Banerjee 
+        I am from sambalpur 
+        I have completed my matriculation from St Joseph's convent higher secondary school sambalpur. I have completed my intermediate from Madnawati public school sambalpur.
+        Currently i am pursuing my Bachelor of technology degree from Veer Surendra Sai University of technology, burla in the department of Civil Engineering .
+        (Formerly known as University college of engineering burla,  samblapur 
+        My aim is to be a cabinet secretary of Yogi Aditya nath / have a start up based on civil engineering.
+        </p>
+
+    </div>
+
+
+
+
+
+
+    <div id="flex-container">
+        <div class="second-section">
+            <h2 class="second-section-heading">Gallery</h2>
+            <div class="images">
+
+              <div id="pic2">
+                <img src="2.png">
+              </div>
+              <div id="pic3">
+                <img src="3.png">
+              </div>
+
+
+            </div>
+          </div>
+    </div>
+    <div class="interesth">
+        <h3>My Interests!</h3>
+    </div>
+    <div id="interest-qual">
+        <div class="interests">
+            My journey encompasses coding, photography, cricket, chess, and entrepreneurship, a blend of creativity, strategy, and innovation. Coding forms my technical backbone, enabling software development and problem-solving. Photography hones my eye for detail, capturing moments with depth and narrative.
+
+In sports, cricket instills teamwork and strategy, while chess sharpens analytical thinking and foresight. Entrepreneurship merges coding skills with strategic vision, fostering innovation and impact.
+
+This diverse journey molds me into a versatile individual, adept at blending technical expertise, creative vision, and strategic thinking.
+
+    <footer>
+        <h1>Contact Me</h1>
+
+        <div class="buttons">
+          <div id="github">
+            <a href="https://github.com/Tanay-369"><img src="github.png" alt="github"></a>
+
+          </div>
+          <div id="instagram">
+            <a href="https://www.instagram.com/the.tanay_/"><img src="instagram.jpg" alt="instagram"></a>
+
+          </div>
+          <div id="linkedin">
+            <a href="https://www.linkedin.com/in/tanay-banerjee-63b0482b0?original_referer="><img src="linkedin.png" alt="linkedin"></a>
+          </div>  
+
+        </div>  
+
+
+
+    </footer>
+</body>
+
+</html>
diff --git a/Web Development/Task/Task Submission/My Portfolia/instagram.jpg b/Web Development/Task/Task Submission/My Portfolia/instagram.jpg
diff --git a/Web Development/Task/Task Submission/My Portfolia/link.txt b/Web Development/Task/Task Submission/My Portfolia/link.txt
@@ -0,0 +1 @@
+https://tanay-369.github.io/tanaysportfolio/
diff --git a/Web Development/Task/Task Submission/My Portfolia/linkedin.png b/Web Development/Task/Task Submission/My Portfolia/linkedin.png
diff --git a/Web Development/Task/Task Submission/My Portfolia/pic.jpg b/Web Development/Task/Task Submission/My Portfolia/pic.jpg
diff --git a/Web Development/Task/Task Submission/My Portfolia/style.css b/Web Development/Task/Task Submission/My Portfolia/style.css
@@ -0,0 +1,109 @@
+
+body{
+    margin: 0;
+    padding: 0;
+  }
+  .first-section{
+    display: flex;
+    height: max-content;
+    width: 100%;
+    padding: 50px;
+
+  }
+  .first-text-section{
+    width: 90%;
+
+    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  }
+  .first-text-section>h1{
+    font-size: 75px;
+  }
+  .
+
+
+
+  .name-colour{
+    color: rgb(0, 0, 0);
+  }
+  .image-first-section{
+    width: 45%;
+    margin-left: 24%;
+
+  }
+
+  .firstimage{
+    height: 400px;
+    border-radius: 200px;
+
+  }
+
+  .developer-colour{
+    color:greenyellow;
+    /* clear: right; */
+
+  }
+
+  .second-section-heading{
+    text-align: left;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+
+  }
+
+  .interesth{
+    text-align: center;
+    font-size: 21px;
+    margin-left: 3%;
+  }
+  .interests{text-align: center;
+    font-size: 21px;
+    margin-left: 3%;}
+  .images{
+    height: 350px;
+    display: flex;
+    justify-content: space-evenly;
+
+  }
+
+
+  #pic2 img{
+    height: 300px;
+    display:flex;
+    justify-content: space-evenly;
+  }#pic3 img{
+    height: 300px;
+    display:flex;
+    justify-content: space-evenly;
+  }
+
+
+
+
+
+  footer{
+    border-top: 3px solid black;
+    text-align: center;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  }
+  .buttons{
+    display: flex;
+    justify-content: space-around;
+  }
+  #github img{
+    height:50px;
+
+  }
+  #linkedin img{
+    height:50px ;
+
+  }
+  #instagram img{
+    height:50px;
+
+
+  }
+
+.interests{
+  border-top: 3px solid black;
+    text-align: center;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}