redesign

bhat-shubham · Jun 22, 2024 · b34afa6 · b34afa6
1 parent 3cb394c
commit b34afa6
Show file tree

Hide file tree

Showing 10 changed files with 249 additions and 180 deletions.
diff --git a/assests/img/account-box-line.svg b/assests/img/account-box-line.svg
diff --git a/assests/img/box-3-line.svg b/assests/img/box-3-line.svg
diff --git a/assests/img/home-4-line.svg b/assests/img/home-4-line.svg
diff --git a/assests/img/home-5-line (1).svg b/assests/img/home-5-line (1).svg
diff --git a/assests/img/home-5-line (2).svg b/assests/img/home-5-line (2).svg
diff --git a/assests/img/home-5-line (3).svg b/assests/img/home-5-line (3).svg
diff --git a/assests/img/profile-line.svg b/assests/img/profile-line.svg
diff --git a/home-5-line.svg b/home-5-line.svg
diff --git a/index.html b/index.html
@@ -8,30 +8,39 @@
     <link rel="Stylesheet" href="style.css">
 
 <body>
-
+    <i id="home" class="ri-home-4-line"></i>
+    <!-- <div class="top_icons">
+            <img src="/assests/img/home-5-line (3).svg">
+            <img src="/assests/img/account-box-line.svg">
+            <img src="/assests/img/box-3-line.svg">
+            <img src="/assests/img/profile-line.svg">
+        </ul> -->
+    </div>
     <div id="navbar">
-        <pr id="tag_line">Cyber Security & AI/ML</pr>
-        <!-- <img id="pfp" src="Designer.png"> -->
+    <span id="top_name"> SB </span>
+        <!-- <pr id="tag_line">Cyber Security & AI/ML</pr>         -->
         <ul class="top_items">
-            <li><a id="Certifications"href="Certifications.html">Certifications</a></li>
-            <li><a id="Projects" href="Projects.html">Projects</a></li>
-            <li><a id="Education" href="Education.html">Education</a></li>
-            <li><a id="Skills" href="about_me.html">About</a></li>
+            <img src="/assests/img/home-5-line (3).svg">       
+            <li><a id="Home"href="index.html">Home |</a></li>
+            <img src="/assests/img/account-box-line.svg">
+            <li><a id="About" href="about_me.html">About me |</a></li>
+            <img src="/assests/img/box-3-line.svg">
+            <li><a id="Projects" href="projects.html">Projects |</a></li>
+            <img src="/assests/img/profile-line.svg">
+            <li><a id="Resume" href="Resume.html">Resume</a></li>
             <!-- <img id="arrow" src="pngwing.com.png"> -->
         </ul>
-        <div id="top_name">
-            <a id="name"href="index.html">SHUBHAM BHAT</a>
-        </div>
     </div>
+    <hr>
     <div id="body">
         <pr id="main_contents">Hi! I Am Shubham,<br>
         <span id="w2">An Aspiring</span>
         <span id="w1"> <br>
         Cyber Security Engineer.</span>
-        <span id="w3">More About Me Here -></span>
-
+        <span id="w3">Know More About Me <span id="w4">Here -></span></span>
     </pr>
-    <a href="about_me.html"><button id="about_me">About Me</button></a>
+    <div id="me_button"> 
+    <a href="about_me.html"><button id="about_me">About Me</button></a></div>
 
         <img id="pfp" src="/assests/img/pfp.png">
         </pr>
@@ -43,13 +52,16 @@
             <img id="heart" src="/assests/img/heart-svgrepo-com.svg">
             <img id="brain" src="/assests/img/brain-svgrepo-com.svg">
         </footer>
-        <pr id="text_socials">Socials!</pr>
-    <div id="sm_links">
-        <a href="https://www.linkedin.com/in/bhatsupshubham/" target="_blank"> <img id="sm_logo" src="/assests/img/linkedin-svgrepo-com.svg"></a>
-        <a href="https://discord.com/users/1092773129463550123" target="_blank"> <img id="sm_logo" src="/assests/img/discord-communication-interaction-message-network-svgrepo-com.svg"></a>
-        <a href="https://www.instagram.com/bhatsup.shubham" target="_blank"> <img id="sm_logo" src="/assests/img/instagram-2016-logo-svgrepo-com.svg"></a>
-        <a href="https://github.com/bhat-shubham" target="_blank"> <img id="sm_logo" src="/assests/img/github-svgrepo-com.svg"></a>
+
+    <div class ="wrapper">
+        <div id="sm_links">
+                <a href="https://www.linkedin.com/in/bhatsupshubham/" target="_blank"> <img id="sm_logo" src="/assests/img/linkedin-svgrepo-com.svg"></a>
+                <a href="https://discord.com/users/1092773129463550123" target="_blank"> <img id="sm_logo" src="/assests/img/discord-communication-interaction-message-network-svgrepo-com.svg"></a>
+                <a href="https://www.instagram.com/bhatsup.shubham" target="_blank"> <img id="sm_logo" src="/assests/img/instagram-2016-logo-svgrepo-com.svg"></a>
+                <a href="https://github.com/bhat-shubham" target="_blank"> <img id="sm_logo" src="/assests/img/github-svgrepo-com.svg"></a>
+        </div>
     </div>
+    <pr id="text_socials">Socials!</pr>
     </div>
     </div>