image change + header tweaks

rupakyeware · Jan 28, 2022 · 39b696b · 39b696b
1 parent 71aaa37
commit 39b696b
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 12 deletions.
diff --git a/Images/main-img.png b/Images/main-img.png
diff --git a/Images/rupak-main-img.png b/Images/rupak-main-img.png
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <!-- Required meta tags -->
     <meta
       name="viewport"
-      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+      content="width=device-width, initial-scale=1"
     />
 
     <!-- Bootstrap Scripts -->
@@ -56,16 +56,19 @@
         <div class="collapse navbar-collapse" id="navbarTogglerDemo02">
           <ul class="navbar-nav ml-auto">
             <li class="nav-item mr-1">
-              <a class="nav-link" href="#">Home</a>
+              <a class="nav-link" href="#">home</a>
             </li>
             <li class="nav-item mr-1">
-              <a class="nav-link" href="#">Skills</a>
+              <a class="nav-link" href="#">skills</a>
             </li>
             <li class="nav-item mr-1">
-              <a class="nav-link" href="#">Videos</a>
+              <a class="nav-link" href="#">projects</a>
             </li>
             <li class="nav-item mr-1">
-              <a class="nav-link" href="#">Contact</a>
+              <a class="nav-link" href="#">videos</a>
+            </li>
+            <li class="nav-item mr-1">
+              <a class="nav-link" href="#">contact</a>
             </li>
           </ul>
         </div>
@@ -88,7 +91,7 @@ <h2 class="text-hl">Web Developer</h2>
             class="col-md-6 d-flex align-items-center justify-content-center"
           >
             <div class="">
-              <img src="Images/main-img.png" alt="title-img" class="w-100" />
+              <img src="Images/rupak-main-img.png" alt="title-img" class="w-100" />
             </div>
           </div>
         </div>
@@ -98,7 +101,7 @@ <h2 class="text-hl">Web Developer</h2>
       <section id="skills">
         <div class="mt-3 pt-5 pb-5">
           <div class="d-flex align-items-center justify-content-center">
-            <h2 class="h2-skills mt-3">Skills</h2>
+            <h2 class="h2-skills mt-3">skills</h2>
           </div>
           <div class="row no-gutters">
             <div
@@ -218,13 +221,13 @@ <h3>Node.js</h3>
       <section id="videos">
         <div class="mt-3 pt-5 pb-5">
           <div class="d-flex align-items-center justify-content-center">
-            <h2 class="h2-videos mt-3">Videos</h2>
+            <h2 class="h2-videos mt-3">videos</h2>
           </div>
-          <div class="container-fluid">
-            <div class="row p-1">
+          <div class="container-fluid mt-5">
+            <div class="row">
               <!-- Video 1 -->
               <div class="col-sm-4">
-                <div class="embed-responsive embed-responsive-16by9">
+                <div class="embed-responsive embed-responsive-16by9 d-flex align-items-center">
                   <iframe
                     class="embed-responsive-item"
                     width="560"
@@ -268,7 +271,7 @@ <h2 class="h2-videos mt-3">Videos</h2>
                 </div>
               </div>
             </div>
-            <div class="row p-1">
+            <div class="row mt-3">
               <!-- Video 4 -->
               <div class="col-sm-4">
                 <div class="embed-responsive embed-responsive-16by9">