Update

7Kushal · Jan 17, 2021 · 41908c2 · 41908c2
1 parent f0ec50e
commit 41908c2
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 29 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -1,5 +1,5 @@
 body {
-  background-color: #121212;
+  background-color: #000000;
   text-align: center;
   color: white;
   margin: 0;
@@ -18,19 +18,20 @@ body {
   margin: 0;
 }
 .nightModeButton_1{
-  border-radius: 5px;
+  border-radius: 20px;
   /* padding: 1px 15px 1px 15px; */
+  float: right;
   margin: 0;
   border: none;
   text-align: center;
   background: #333333;
   background-color: white;
   font-size: 18px;
-  margin-bottom: 3%;
-  position: absolute;
-  top: 50%;
-  left: 4px;
-  bottom: 50%;
+  margin-bottom: 1%;
+  position: relative;
+  /* top: 50%;
+  left: 4px; */
+  /* bottom: 50%; */
   width: 40px;
   height: 40px;
   /* top: 1px;
@@ -59,12 +60,15 @@ body {
   background-color: white;
   color: black;
 }
-
+.logo{
+  margin :2px;
+  float: left;
+}
 .hello {
-  font-size: 3.9rem;
-  font-weight: bold;
+  font-size: 11rem;
+  font-weight: normal;
   display: inline-block;
-  position: absolute;
+  position: relative;
   top: 50%;
   right: 2%;
   z-index: 3;
@@ -157,9 +161,8 @@ h4 {
   text-align: center;
 }
 .first{
-  padding-left: 15px;
-  padding-right: 15px;
-  padding-top: 70px;
+
+  padding-top: 20px;
 
 }
 .background {
@@ -173,7 +176,7 @@ h4 {
   background-size: cover;
   text-align: center;
   /* color: #fff; */
-  padding-top: 110px;
+  padding-top: 100px;
   min-height: 500px;
   letter-spacing: 2px;
   font-family: "Montserrat", sans-serif;
@@ -198,11 +201,11 @@ h4 {
 
 .navbar-brand {
 
-  font-size: 3.5rem;
+  font-size: 3rem;
   font-weight: bolder;
   font-family: 'Open Sans', sans-serif;
   /* color: black; */
-  margin: 1;
+  margin: 0;
   color: inherit;
   /* display: inline-block; */
   position: fixed;
@@ -238,8 +241,8 @@ h2 {
 
 .profile {
   display: inline-block;
-  margin: 15px auto 15px auto;
-  padding: 2%;
+  margin: 0;
+  padding: 0%;
   font-size: 4.6rem;
 }
 

diff --git a/images/PP.jpeg b/images/PP.jpeg
diff --git a/images/logo.gif b/images/logo.gif
diff --git a/index.html b/index.html
@@ -6,7 +6,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Kushal_jangir | Software Developer | Web Developer</title>
 
-  <link rel="icon" href="images/row.png">
+  <link rel="icon" href="images/logo.gif">
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
@@ -23,25 +23,27 @@
 <body>
   <!-- Image and text -->
  <!-- <img  src="images/dark.png" class="dark" onclick="myFunction()" width="40px" height="40px"> -->
- <button class="nightModeButton_1 dark" id="night" onclick="myFunction()">
- <img class="button-image" src="images/dark.png" width="20px" height="20px" alt="">
- </button>
+
   <section class="first">
     <header id="header">
-      <nav class="navbar navbar-expand-lg navbar-light bg-light" id="navv">
-        <a class="navbar-brand" href="#"><strong>Kushal Jangir</strong></a>
-      </nav>
+      <!-- <nav class="navbar navb  ar-expand-lg navbar-light bg-light" id="navv"> -->
+        <a href="#"><img class="logo" src="images/logo.gif" alt="logo" width="70px" height="70px"></a>
+        <button class="nightModeButton_1 dark" id="night" onclick="myFunction()">
+          <img class="button-image" src="images/dark.png" width="20px" height="20px" alt="">
+          </button>
+        <!-- <a class="navbar-brand" href="#"><strong>Kushal Jangir</strong></a> -->
+      <!-- </nav> -->
 
     </header>
     <div class="background" id="back">
       <!-- <div class="top-title">
     <h1>Kushal jangir</h1>
-  </div> -->
+     </div> -->
       <!-- <img class="background" src="images/jefferson.jpg" alt="mountain"> -->
       <div class="profile">
         <!-- <img class="mypic" src="images/Myself.jpg" alt="kushal_jangir"> -->
         <!-- <h2>Hola ! I'M COOL.</h2> -->
-        <p class="hello">Undergraduate at NIT surat</p>
+        <p class="hello">Graduate at NIT surat</p>
       </div>
     </div>
 
@@ -109,7 +111,7 @@ <h4>Designed a deep neural network for image recognition.
 </div>
   <div class="skill-row">
     <!-- <img class="animated" src="images/200w2.webp" alt="animated"> -->
-    <h3>TECH STACK</h3>
+    <h3>Core Skills</h3>
     <ul>
 
     </ul>