Idea-Innovation-Cell-VSSUT-Burla · aniket3532 · Jun 30, 2022
diff --git a/task_webDev/Aniket Pradhan_2102041033/APlogo.jpg b/task_webDev/Aniket Pradhan_2102041033/APlogo.jpg
diff --git a/task_webDev/Aniket Pradhan_2102041033/Gmail-Logo.png b/task_webDev/Aniket Pradhan_2102041033/Gmail-Logo.png
diff --git a/task_webDev/Aniket Pradhan_2102041033/bg1.jpg b/task_webDev/Aniket Pradhan_2102041033/bg1.jpg
diff --git a/task_webDev/Aniket Pradhan_2102041033/collab.png b/task_webDev/Aniket Pradhan_2102041033/collab.png
diff --git a/task_webDev/Aniket Pradhan_2102041033/edu.png b/task_webDev/Aniket Pradhan_2102041033/edu.png
diff --git a/task_webDev/Aniket Pradhan_2102041033/hob1.jpeg b/task_webDev/Aniket Pradhan_2102041033/hob1.jpeg
diff --git a/task_webDev/Aniket Pradhan_2102041033/hob2.jpeg b/task_webDev/Aniket Pradhan_2102041033/hob2.jpeg
diff --git a/task_webDev/Aniket Pradhan_2102041033/hob3.jpeg b/task_webDev/Aniket Pradhan_2102041033/hob3.jpeg
diff --git a/task_webDev/Aniket Pradhan_2102041033/hob4.jpeg b/task_webDev/Aniket Pradhan_2102041033/hob4.jpeg
diff --git a/task_webDev/Aniket Pradhan_2102041033/hob5.jpeg b/task_webDev/Aniket Pradhan_2102041033/hob5.jpeg
diff --git a/task_webDev/Aniket Pradhan_2102041033/hob6.jpeg b/task_webDev/Aniket Pradhan_2102041033/hob6.jpeg
diff --git a/task_webDev/Aniket Pradhan_2102041033/hobbies-like.png b/task_webDev/Aniket Pradhan_2102041033/hobbies-like.png
diff --git a/task_webDev/Aniket Pradhan_2102041033/index.html b/task_webDev/Aniket Pradhan_2102041033/index.html
@@ -0,0 +1,165 @@
+<!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">
+    <title>Aniket Pradhan : Portfolio</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="navb">
+        <nav class="nav">
+            <div class="logo"><img src="APlogo.jpg" alt=""></div>
+            <div class="none">
+                <h1>PORTFOLIO</h1>
+            </div>
+            <ul class="navbar">
+                <li>About</li>
+                <li>Education</li>
+                <li>Experience</li>
+                <li>Hobby</li>
+                <li>Collaborate</li>
+            </ul>
+        </nav>
+    </div>
+
+
+
+    <section class="home-content">
+        <div><img class="photo" src="mypic.jpeg" alt=""></div>
+        <div class="home-text">
+            <h2>Hello! I'm</h2><br>
+            <h1>ANIKET PRADHAN</h1><br>
+            <h2>I live in Bhubaneswar</h2><br>
+            <p>I am a first year student(2025' batch) at Veer Surendra Sai University of Technology, Burla from branch of CSE. I love to code and explore new areas. Basic knowledge in python, C, exploring Web dev and App dev. Member at Idea Innovation Cell, VSSUT.</p>
+        </div>
+    </section>
+
+
+    <section>
+        <header>
+            <h1 class="section-heading">EDUCATION</h1>
+            <img class="sideimg" src="edu.png" alt="">
+        </header>
+        <article>
+            <section class="item">
+                <h2>Under-Graduation</h2>
+                <img class="edupic" src="vssut.jpeg" alt="">
+                <p><ul>
+                    <li><p>1st year at Veer Surendra Sai University of Technology, Burla</p></li>
+                    <li><p>Current CGPA: <b>8.66</b></p></li>
+                </ul></p>
+            </section>
+            <section class="item">
+                <h2>Intermediate</h2>
+                <img class="edupic" src="kv.jpg" alt="">
+                <p><ul>
+                    <li><p>Passed from Kendriya Vidyalaya No. 3, Bhubaneswar</p></li>
+                    <li><p>Boards percentage: <b>94</b></p></li>
+                   </ul>
+                </p>
+            </section>
+            <section class="item">
+                <h2>Matriculation</h2>
+                <img class="edupic" src="kv3.jpeg" alt="">
+                <p><ul>
+                    <li><p>Passed from Kendriya Vidyalaya No. 3, Bhubaneswar</p></li>
+                    <li><p>Boards percentage: <b>96.2</b></p></li>
+                   </ul>
+                </p>
+            </section>
+        </article>
+    </section>
+
+
+    <section>
+        <header>
+            <h1 class="section-heading">EXPERIENCE</h1>
+            <img class="sideimg" src="skill.png" alt="">
+        </header>
+        <article>
+            <section class="item">
+                <h2>Skills</h2>
+
+                <p><ul>
+                    <li><p>Good problem solving ability</p></li>
+                    <li><p>HTML, CSS, python, C</b></p></li>
+                   </ul></p>
+            </section>
+            <section class="item">
+                <h2>Projects</h2>
+
+                <p><ul>
+                    <li><p>Railway Reservation and Ticket display using python</p></li>
+                    <li><p>Contributed in <a href="https://github.com/Philotes-exceptus/Whooby">Whooby</a>: TTS based app</p></li>
+                    <li><p>Smart dustbin, LFR during fest</p></li>
+                   </ul></p>
+            </section>
+            <section class="item">
+                <h2>Achievements</h2>
+
+                <p><ul>
+                    <li><p>Regional lvl in Science Exhibition</p></li>
+                    <li><p>School level IMO 2nd, NSO 3rd</p></li>
+                    <li><p>Topped in Class X</p></li>
+                   </ul></p>
+            </section>
+        </article>
+    </section>
+
+
+    <section class="hobby-content">
+        <header>
+            <h1 class="section-heading" id="hob">HOBBIES</h1>
+            <img class="sideimg" src="hobbies-like.png" alt="">
+        </header>
+        <article>
+            <div class="hob-text">
+
+                <p>Have you had the pleasure of exploring a new place from the seat of a bicycle? Pedaling along, you are part of life all around you, breathing in the fresh air, smiling and nodding at people, feeling present and alive and vibrant. I love to ride bicylces to new places and here are some of the pictures of my journey! </p>
+            </div>
+            <div class="hobb">
+                <div class="hobpic">
+                    <img src="hob1.jpeg" alt="">
+                    <img src="hob2.jpeg" alt="">
+
+                </div>
+                <div class="hobpic">
+                    <img src="hob3.jpeg" alt="">
+                    <img src="hob4.jpeg" alt="">
+
+                </div>
+                <div class="hobpic">
+                    <img src="hob5.jpeg" alt="">
+                    <img src="hob6.jpeg" alt="">
+
+                </div>
+            </div>
+        </article>
+    </section>
+
+
+    <section>
+        <header class="colab">
+            <h1 class="section-heading col">TO COLLABORATE</h1>
+            <img src="collab.png" alt="">
+        </header>
+        <main>
+            <h2>Send me a message or review</h2>
+            <textarea name="review" id="" placeholder="  Type your message..." cols="30" rows="10"></textarea>
+            <br><button>Send</button>
+            <h2>Or</h2>
+            <h2>Connect with me:</h2>
+            <article>
+                <a href="https://www.instagram.com/aniketpradhan_3532/" class="insta" target="_blank"><img class="igm" src="insta.png" alt=""></a>
+                <a href="" target="_blank" class="gmail"><img class="igm" src="Gmail-Logo.png" alt=""></a>
+                <a href="https://www.linkedin.com/in/aniket-pradhan-88277a238/" target="_blank" class="linkedin"><img class="igm" src="linkedin.png" alt=""></a>
+            </article>
+        </main>
+    </section>
+
+
+
+</body>
+</html>
diff --git a/task_webDev/Aniket Pradhan_2102041033/insta.png b/task_webDev/Aniket Pradhan_2102041033/insta.png
diff --git a/task_webDev/Aniket Pradhan_2102041033/kv.jpg b/task_webDev/Aniket Pradhan_2102041033/kv.jpg
diff --git a/task_webDev/Aniket Pradhan_2102041033/kv3.jpeg b/task_webDev/Aniket Pradhan_2102041033/kv3.jpeg
diff --git a/task_webDev/Aniket Pradhan_2102041033/linkedin.png b/task_webDev/Aniket Pradhan_2102041033/linkedin.png
diff --git a/task_webDev/Aniket Pradhan_2102041033/mypic.jpeg b/task_webDev/Aniket Pradhan_2102041033/mypic.jpeg
diff --git a/task_webDev/Aniket Pradhan_2102041033/skill.png b/task_webDev/Aniket Pradhan_2102041033/skill.png
diff --git a/task_webDev/Aniket Pradhan_2102041033/styles.css b/task_webDev/Aniket Pradhan_2102041033/styles.css
@@ -0,0 +1,207 @@
+@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital@1&family=Open+Sans:ital,wght@1,500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital@1&family=Lobster&family=Open+Sans:ital,wght@1,500&display=swap');
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+.navb{
+    background-color: rgb(243, 241, 238);
+
+    width: 100%;
+}
+nav ul {
+    list-style: none;
+}
+h2{
+    font-family: 'Yellowtail', cursive;
+}
+.nav{
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: space-between;
+    position:static;
+}
+img{
+    height: 60px;
+    width: 60px;
+}
+.navbar{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+}
+.none {
+    text-align: center;
+    border-bottom: 2%;
+    margin-right: 50px;
+}
+.none h1{
+    align-self: center;
+    justify-self: center;
+    color: rgb(198, 20, 20);
+    border: 5px solid #de1010;
+    padding: 6px 12px;
+    display: inline-block;
+    border-radius: 35px;
+    margin-right: 10%;
+}
+
+.navbar li{
+    margin: 0 60px;
+    color: rgb(228, 13, 13);
+    font-size: larger;
+}
+.navbar li:hover{
+    text-decoration: underline;
+}
+.home-content{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-image: url('bg1.jpg');
+    background-size: cover;
+    /* background-position: 100% 150%; */
+
+}
+.photo{
+    height: 451px;
+    width: 450px;
+    margin: 25% 20% 27% 60%;
+}
+.home-text{
+    margin-right: 18%;
+    margin-left: 22%;
+    color: aliceblue;
+}
+article{
+    display: flex;
+    justify-content: space-between;
+    margin: 0%;
+    align-items: center;
+}
+.section-heading{
+    margin-top: 5%;
+    font-size: 200%;
+    margin-left: 43%;
+    text-decoration: underline;
+    text-decoration-style: dashed;
+}
+.item{
+    margin: 4%;
+}
+#hob {
+    color: aliceblue;
+    margin-left: 44%;
+}
+.item h2{
+    text-align: center;
+    margin-bottom: 5%;
+    font-size: 30px;
+}
+.edupic{
+    margin: 3%;
+    height: 220px;
+    width: 100%;
+}
+.item p{
+    margin-left: 3.5%;
+    text-align: center;
+}
+header{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.sideimg{
+    margin-right: 42%;
+    margin-top: 4.3%;
+}
+.hobpic{
+    display: flex;
+    justify-content: space-between;
+    margin: 3%;
+}
+.hobpic img{
+    margin: 3%;
+    height: 200px;
+    width: 350px;
+
+}
+img:hover{
+    opacity: .5;
+}
+.hobb{
+    margin-right: 8%;
+}
+.hob-text{
+    margin-left: 12%;
+    color: aliceblue;
+}
+.hobby-content{
+    background-image: url('bg1.jpg');
+}
+main{
+    text-align: center;
+}
+main h2{
+    margin: 1%;
+}
+main textarea{
+    margin: 1%;
+}
+main h2{
+    margin: 2%;
+}
+.insta{
+    margin-left: 40%;
+    height: 10%;
+}
+.linkedin{
+    margin-right: 40%;
+}
+.gmail{
+    width: 45px;
+    height: 50px;
+}
+.colab h1{
+    margin-top: 3%;
+    margin-left: 42%;
+}
+.colab img{
+    margin-top: 3%;
+    margin-right: 42%;
+}
+textarea{
+    border-radius: 20px;
+    size-adjust: none;
+    resize: none;
+}
+p{
+    font-size: 20px;
+    font-family: 'Cormorant', serif;
+    font-family: 'Open Sans', sans-serif;
+}
+.section-heading col{
+    margin-left: 30%;
+}
+ul{
+    list-style: none;
+}
+button{
+    border: #de1010;
+    border-radius: 3px;
+    border-style: dotted;
+}
+.igm{
+    height: 50px;
+    height: 50px;
+}
+.section-heading .col{
+    margin-left: 40%;
+}
+h1{
+    font-size: 30px;
+}
diff --git a/task_webDev/Aniket Pradhan_2102041033/vssut.jpeg b/task_webDev/Aniket Pradhan_2102041033/vssut.jpeg