AISOC-KIIT · ANANT-1510 · Jul 12, 2024 · Jul 17, 2024 · Jul 17, 2024 · Jul 17, 2024
diff --git a/index.html b/index.html
@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <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=Poppins:ital,wght@0,300;0,400;0,500;
+      0,600;0,800;1,800&display=swap"
+      rel="stylesheet"
+    />
+    <link href="style.css" rel="stylesheet" />
+    <link href="mediaQueries.css" rel="stylesheet" />
+    <title>Anant Sureka</title>
+  </head>
+  <body>
+    <div class="container">
+      <!-- NAVIGATION -->
+      <nav class="desktop-nav">
+        <p class="logo">Anant Sureka</p>
+        <div>
+          <ul class="nav-links">
+            <li class="about"><a href="#about">About</a></li>
+            <li class="skill"><a href="#skills">Skills</a></li>
+            <li class="project"><a href="#Projects">Projects</a></li>
+            <li class="contact"><a href="#contact">Contact</a></li>
+          </ul>
+        </div>
+      </nav>
+      <!-- SECTIONS -->
+      <section id="profile">
+        <!-- PROFILE -->
+        <!-- <div class="sec_img_container">
+          <img
+            class="pic"
+            src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSnTIQjFZAcvUrcxZBq791m-EfPPPzSIHFxfA&s"
+          />
+        </div> -->
+        <div class="section_text">
+          <p class="section_text_1">Hello, I'm</p>
+          <h1 class="name">Anant Sureka</h1>
+          <p class="section_text_2">Frontend Developer</p>
+          <div class="btn-container">
+            <button class="btn btn-resume">Download Resume</button>
+          </div>
+          <div class="social-container">
+            <img
+              src="./logos/linkedin-logo.png"
+              class="social linkedin"
+            />
+            <img
+              src="./logos/github-logo.png"
+              class="social github"
+            />
+          </div>
+        </div>
+      </section>
+      <!-- ABOUT -->
+      <section id="about">
+        <h1 class="heading"><u>About Me</u></h1>
+        <p class="about-1">
+          Hello my name is , <span>Anant Sureka</span>. I from
+          <span>Kolkata, West Bengal</span>, and a sophomore at
+          <span>KIIT University</span>, Bhubaneswar, India.
+        </p>
+        <p class="about-myself">
+          I completed my 12th from <span>Delhi Public School Megacity</span> and scored <span>93%</span> in my 10th boards and <span>95%</span> in my 12th boards.
+        </p>
+        <p class="about-myself">
+          My current cgpa is <span>9.1</span> and I have studied data structures and algorithms, and I am currently
+          learning web development due to my strong interest in it.
+        </p>
+      </section>
+      <!-- SKILLS -->
+      <section id="skills">
+        <h1 class="heading"><u>My Skills are</u>:</h1>
+        <div class="tools">
+          <div class="label-skill">
+            <img
+              src="./logos/java-logo.png"
+              class="skill-img java"
+            />
+            <p class="label">Java</p>
+          </div>
+          <div class="label-skill">
+            <img
+              src="./logos/html-logo.jpg"
+              class="skill-img html"
+            />
+            <p class="label">Html</p>
+          </div>
+          <div class="label-skill">
+            <img
+              src="./logos/css-logo.png"
+              class="skill-img css"
+            />
+            <p class="label">CSS</p>
+          </div>
+          <div class="label-skill">
+            <img
+              src="./logos/javascript-logo.png"
+              class="skill-img javascript"
+            />
+            <p class="label">Javascript</p>
+          </div>
+        </div>
+      </section>
+      <!-- PROJECT -->
+      <section id="Projects">
+        <h1 class="heading"><u>Project</u></h1>
+        <h2> Bank Management System| <span>Html,Css,Javascript, API</span></h2>
+        <div class="project_container">
+          <div>
+            <img class="bankist-img" src="./resume/bankist.png">
+          </div>
+          <div class="description">
+            <p class="overview">• Created a secure website with authentication for 
+              login with options for loan, <br>bank transfer and closing an account </p>
+             <p class="overview"> • Displayed transactions with date and type of transaction and a 5 min login window.</p>
+          </div>
+        </div>
+      </section>
+      <!-- CONTACT -->
+      <section id="contact">
+        <h1 class="heading"><u>Contatct Me</u></h1>
+        <div class="contact-container">
+          <div class="email-container">
+            <img
+              src="./logos/mail-logo.jpg"
+              class="social email-logo"
+            />
+            <a href="mailto:sureka.anant2004@gmail.com" class="email"
+              >sureka.anant2004@gmail.com</a
+            >
+          </div>
+          <div class="linkedin-container">
+            <img
+              src="https://w7.pngwing.com/pngs/940/589/png-transparent-linkedin-free-text-telephone-call-trademark-thumbnail.png"
+              class="linkedin"
+            />
+            <a href="https://www.linkedin.com/in/your-profile" class="linkedin-text"
+        >LinkedIn</a
+          </div>
+        </div>
+      </section>
+      <svg class="nav-bar" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M224,128a8,8,0,0,1-8,8H40a8,8,0,0,1,0-16H216A8,8,0,0,1,224,128ZM40,72H216a8,8,0,0,0,0-16H40a8,8,0,0,0,0,16ZM216,184H40a8,8,0,0,0,0,16H216a8,8,0,0,0,0-16Z"></path></svg>
+      <svg class ="nav-close" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z"></path></svg>
+    </div>
+    <script src="script.js"></script>
+  </body>
+</html>
diff --git a/logos/css-logo.png b/logos/css-logo.png
diff --git a/logos/github-logo.png b/logos/github-logo.png
diff --git a/logos/html-logo.jpg b/logos/html-logo.jpg
diff --git a/logos/java-logo.png b/logos/java-logo.png
diff --git a/logos/javascript-logo.png b/logos/javascript-logo.png
diff --git a/logos/linkedin-logo.png b/logos/linkedin-logo.png
diff --git a/logos/mail-logo.jpg b/logos/mail-logo.jpg