EnigmaVSSUT · Jay-Prakash-Tanty · Mar 18, 2024 · Mar 26, 2024 · Mar 30, 2024
diff --git a/Induction-2024 b/Induction-2024
diff --git a/Web Development/Task/Task Submission/Jay Prakash Tanty/1st.jpeg b/Web Development/Task/Task Submission/Jay Prakash Tanty/1st.jpeg
diff --git a/Web Development/Task/Task Submission/Jay Prakash Tanty/index.html b/Web Development/Task/Task Submission/Jay Prakash Tanty/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Demo Portfolio</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Audiowide">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
+</head>
+<body>
+    <section id="my-first-first-section">
+        <div class="my-first-section">
+            <div class="my-fisrt-section-text">
+                <h1 class="hello">Hello,I'm </h1>
+                <h1 class="name">Jay Prakash Tanty</h1>
+                <h1 class="about-me-title">About Me!</h1>
+                <p class="aboutme">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quod magni sit quam veritatis, culpa magnam sapiente eius iusto molestiae nulla aut. Impedit magni deserunt corporis excepturi, ratione unde vel laudantium voluptas nam quae, maxime nemo commodi odit corrupti dignissimos minus, placeat natus id doloremque.</p>
+           </div>
+           <div class="my-1st-image_frontend">
+                <div class="my-only-image">
+                    <img class="est_img"src="1st.jpeg"alt="This is my image"width="350">
+                </div>
+                <h3 class="fro_tel">Frontend</h1>
+                <h1 class="tel_fro">Developer</h1>
+            </div>
+        </div>
+    </section>
+        <section id="gallery">
+            <div class="container">
+                <div class="gallery-title">
+                    <h1><u>Gallery</u></h1>
+                </div>
+                <div class="three-gallery-images">     
+                    <div class="gallerypic1">
+                        <img src="my photo1.jpeg" alt="this is my image"width="350">
+                    </div>
+                    <div class="gallerypic1">
+                        <img src="my photo1.jpeg" alt="this is my image"width="350">
+                    </div>
+                    <div class="gallerypic1">
+                        <img src="my photo1.jpeg" alt="this is my image"width="350">
+                    </div>
+                </div>
+            </div>
+    </section>
+    <section id="inter-and-qual">
+        <div class="inter-and-qual-container">
+            <div class="inter">
+                <h2>My interests!</h2>
+                <p class="int">Lorem ipsum dolor sit amet consectetur adipisicing elit. Facere rem id officia suscipit corporis amet omnis consectetur libero.
+                </p>
+            </div>
+            <div class="qual">
+                <h3>Qualifications:</h3>
+                <P>
+                    <b>2020</b>&nbsp;&nbsp;&nbsp;Matriculation<br>
+                    <b>2022</b>&nbsp;&nbsp;&nbsp;Intermediate<br>    
+                </P>
+            </div>
+        </div>
+    </section>
+    <footer>
+        <section class="myname">
+            <div class="contact-me-title">
+                <h2 >
+                    Contact Me!
+                </h2>
+            </div>
+            <div class="contact-links">
+                <a href="http://www.instagram.com/jayprakashtanty/" target="_blank" rel="noopener noreferrer">Instagram</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+                <a href="http://www.linkedin.com/in/jay-prakash-tanty-10542b2b8" target="_blank" rel="noopener noreferrer">Linkedin</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;
+                <a href="http://github.com/Jay-Prakash-Tanty" target="_blank" rel="noopener noreferrer">Github</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            </div>
+     </section>
+    </footer>
+</body>
+</html>
diff --git a/Web Development/Task/Task Submission/Jay Prakash Tanty/link.txt b/Web Development/Task/Task Submission/Jay Prakash Tanty/link.txt
@@ -0,0 +1 @@
+https://jay-prakash-tanty.github.io/
diff --git a/Web Development/Task/Task Submission/Jay Prakash Tanty/my photo1.jpeg b/Web Development/Task/Task Submission/Jay Prakash Tanty/my photo1.jpeg
diff --git a/Web Development/Task/Task Submission/Jay Prakash Tanty/screenshot.jpeg b/Web Development/Task/Task Submission/Jay Prakash Tanty/screenshot.jpeg
diff --git a/Web Development/Task/Task Submission/Jay Prakash Tanty/style.css b/Web Development/Task/Task Submission/Jay Prakash Tanty/style.css
@@ -0,0 +1,174 @@
+
+*{
+    margin:0;
+    padding:0;
+    box-sizing: border-box;
+
+}
+body{
+    background-image: linear-gradient(orange,blue,red);
+    background-image: linear-gradient(orange,blue,orange);
+}
+#my-first-first-section{
+    max-width: 1200px;
+    padding: 30px;
+    margin:auto;
+
+}
+.my-first-section{
+    display:flex;
+    justify-content: space-between;
+}
+.about-me-title{
+    font-size: 35px;
+    margin-top:10px;
+    margin-bottom:10px;
+}
+.aboutme{
+    font-size: 30px;
+}
+a{
+    text-decoration: none;
+}
+.my-fisrt-section-text
+{
+    display: flex;
+    flex-direction: column;
+    align-items: left;
+    justify-content: left;
+    margin-right: 40px;
+}
+.hello{ 
+    font-size:50px;
+    color: white;
+}
+.name{
+    font-size:51px;
+    font-family: Sofia;
+}
+#gallery{
+    max-width: 1200p                                                                                                                                                                                                                                                                                                                                                                                        x;
+    padding: 16px;
+    margin:auto; 
+    }
+.three-gallery-images{
+    margin-top: 40px;
+    display: flex;
+    justify-content: center;
+    gap: 30px;
+    flex-wrap:wrap;
+}
+.gallerypic1{
+    width: 350px;
+
+}
+.gallerypic1 img{
+    max-width:100%;
+}
+
+.gallery-title h1{
+    font-size: 50px;
+    text-align:center;
+}
+#inter-and-qual .inter-and-qual-container{
+    display:flex;
+
+}
+.fro_tel{
+    font-size:40px;
+    color:gold;
+}
+.tel_fro{
+    font-size:30px;
+}
+.inter{
+    margin-right:90px;
+}
+.inter h2{
+    font-size: 40px;
+    text-align:left;
+}
+.inter p{
+    font-size: 25px;
+    font-family: Audiowide;
+
+}
+.qual h3{
+    font-size: 40px;
+    text-align:right;
+}
+.qual p{
+    font-size: 25px;
+}
+#inter-and-qual{
+    max-width: 1200px;
+    padding: 30px;
+    margin:auto;
+
+}
+.myname{
+    max-width: 1200px;
+    padding: 10px;
+    margin:auto
+}
+.contact-me-title{
+    text-align:center;
+    margin-top: 15px;
+}
+.myname{
+    font-size:25px;
+    display:flex;
+    flex-direction:column;
+    justify-content: center;
+}
+.contact-links{
+    justify-content: center;
+    display:flex;
+    justify-content: center;
+}
+.my-only-image img{
+    width:350px;
+
+}
+@media only screen and (max-width: 912px) and (min-width:1px)
+{
+    .my-first-section{
+        flex-direction: column;
+        text-align:center;  
+        justify-content: center;
+        flex-wrap:wrap;
+    }
+    .my-fisrt-section-text{
+        margin-left: 20px;
+        margin-right: 20px;
+    }
+    .est_img{
+        margin-top: 20px;
+        width: 450px;
+    }
+    #inter-and-qual .inter-and-qual-container{
+        display:flex;
+        flex-direction: column;
+        margin: 0px;
+        text-align:center;  
+    }
+    .inter{
+        margin-left: 50px;
+        margin-right: 50px;
+    }
+    .qual h3{
+        margin-top:30px;
+
+    }
+    .inter h2{
+        text-align:center;  
+        justify-content: center;
+    }
+    .qual h3{
+        text-align:center;  
+        justify-content: center;
+    }
+
+
+
+}