added resume

bhat-shubham · Jun 23, 2024 · 013e602 · 013e602
1 parent b34afa6
commit 013e602
Show file tree

Hide file tree

Showing 13 changed files with 111 additions and 32 deletions.
diff --git a/DMSans-Italic-VariableFont_opsz,wght.ttf b/DMSans-Italic-VariableFont_opsz,wght.ttf
diff --git a/DMSans-VariableFont_opsz,wght.ttf b/DMSans-VariableFont_opsz,wght.ttf
diff --git a/Mofijo.ttf b/Mofijo.ttf
diff --git a/Quicksand-VariableFont_wght.ttf b/Quicksand-VariableFont_wght.ttf
diff --git a/assests/fonts/Poppins-Light.ttf b/assests/fonts/Poppins-Light.ttf
diff --git a/assests/img/download-2-line.svg b/assests/img/download-2-line.svg
diff --git a/assests/img/edited_final_resume 18jun2024.pdf.jpg b/assests/img/edited_final_resume 18jun2024.pdf.jpg
diff --git a/assests/img/gmail-svgrepo-com.svg b/assests/img/gmail-svgrepo-com.svg
diff --git a/assests/img/official-gmail-icon-2020-.svg b/assests/img/official-gmail-icon-2020-.svg
diff --git a/edited_final_resume 18jun2024.pdf b/edited_final_resume 18jun2024.pdf
diff --git a/index.html b/index.html
@@ -27,7 +27,7 @@
             <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>
+            <li><a id="Resume" href="resume.html">Resume</a></li>
             <!-- <img id="arrow" src="pngwing.com.png"> -->
         </ul>
     </div>
@@ -37,10 +37,10 @@
         <span id="w2">An Aspiring</span>
         <span id="w1"> <br>
         Cyber Security Engineer.</span>
-        <span id="w3">Know More About Me <span id="w4">Here -></span></span>
+        <!-- <span id="w3">Know More About Me <span id="w4">Here -></span></span> -->
     </pr>
     <div id="me_button"> 
-    <a href="about_me.html"><button id="about_me">About Me</button></a></div>
+    <!-- <a href="about_me.html"><button id="about_me">About Me</button></a></div> -->
 
         <img id="pfp" src="/assests/img/pfp.png">
         </pr>
@@ -59,6 +59,7 @@
                 <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>
+                <a href="mailto:bhatsupshubham@gmail.com" target="_blank"> <img id="sm_logo" src="/assests/img/official-gmail-icon-2020-.svg"></a>
         </div>
     </div>
     <pr id="text_socials">Socials!</pr>

diff --git a/resume.html b/resume.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Shubham Bhat</title>
+    <link rel="icon" type="image/x-icon" href="/assests/img/favicon-32x32.png">
+    <link rel="Stylesheet" href="style.css">
+</head>
+<body>
+    <div id="navbar">
+        <span id="top_name"> SB </span>
+            <!-- <pr id="tag_line">Cyber Security & AI/ML</pr>         -->
+            <ul class="top_items">
+                <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>
+        <hr>
+    <div id="download_div">
+        <button id="down_button"><img src="/assests/img/download-2-line.svg"> <a href="edited_final_resume 18jun2024.pdf" target="_blank">Download CV</button></a>
+    </div>
+    <div id="resume_container">
+        <img id="resume" src="/assests/img/edited_final_resume 18jun2024.pdf.jpg">
+    </div>
+</body>
+
+</html>
+
diff --git a/style.css b/style.css
@@ -14,6 +14,11 @@
     font-family: "minimal5";
     src: url(assests/fonts/BricklayDemoRegular.ttf);
 }
+@font-face{
+    font-family: "minimal7";
+    src: url(/assests/fonts/BandarRegular.ttf);
+
+}
 a{
     text-decoration: none;
 }
@@ -42,36 +47,23 @@ a{
 .top_items {
     color: #ffff;
     display: flex;
-    font-family: "minimal6";
+    font-family:"minimal7";
     list-style-type:none;
     text-decoration: none;
     /* justify-content: right; */
     font-size: 25px;
-    gap:0.6vw;
-    font-weight: 900;
+    gap:0.5vw;
+    /* font-weight: 500; */
     margin-right: 0.8vw;
     }
 .top_items li:hover{
     position:relative ;
     top: 0px;
     font-size: larger;
     transition-duration: 0.5s;
-    text-decoration-line: underline;
-    text-decoration-color: #383B53;
-    text-decoration-style: wavy;
-    text-decoration-thickness: 2px;
-
-}
-.top_items img:hover{
-    position:relative ;
-    top: 0px;
-    border: none;
-    font-size: larger;
-    color: #092327;
-    transition-duration: 0.5s;
-    text-decoration-line: underline;
-    text-decoration-color: #383B53;
-    text-decoration-style: wavy;
+    /* text-decoration-line: underline; */
+    /* text-decoration-color: #383B53; */
+    /* text-decoration-style: wavy; */
     text-decoration-thickness: 2px;
 
 }
@@ -103,12 +95,6 @@ body{
     display: flex;
 
 }
-#body:hover{
-    border-style: none;
-    border-radius: 0;
-    transition-duration: 1.5s;
-}
-
 #pfp{
     position: absolute;
     top: 11rem;
@@ -172,8 +158,8 @@ body{
     /* background-color: #626267; */
     transition-duration: 0.4s;
     font-size: 50px;
-    height: 65px;
-    width: 14rem;
+    height: 60px;
+    width: 12rem;
     border-radius: 55px;
     border-color:yellow;
 }
@@ -258,7 +244,7 @@ footer{
 #text_socials{
     display: flex;
     margin-bottom: 30vh;
-    margin-left: 11.7vw;
+    margin-left: 14.5vw;
     /* text-align: center; */
     font-size: 25px;
     font-family: "minimal6";
@@ -393,4 +379,51 @@ footer{
         display: block;
     }
 
-}
+}
+#download_div a{
+    color: white;
+}
+#download_div{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 7vh;
+    font-size: 10vh;
+    margin-top: 7vh;
+}
+#down_button{
+    font-size: 4vh;
+    border-radius: 15px;
+    padding: 5px;
+    width: 30vh;
+    border-style: solid;
+    border-width: 0.3px;
+    background-color: #4E8098;
+    font-family: 'Times New Roman', Times, serif;
+}
+#down_button:hover{
+    border-style: dashed;
+    border-width: 1px;
+}
+#resume_container{
+    margin-top: 50px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    /* width: 98.9vw; */
+    height: 100%;
+    background-color: #0F2027;
+    margin-left: 50vh;
+    margin-right: 50vh;
+}
+#resume{
+    justify-content: center;
+    align-items: center;
+    height: 1280px;
+    width: 1264px;
+    margin-top: auto;
+    border-style: dashed;
+    border-radius: 20px;
+}
+
+