Merge pull request #107 from HimanshuSinghNegi/main

Interface updated

Author: Nitesh-thapliyal

assets/style.css

@@ -70,6 +70,29 @@ p {
     margin-bottom: 25px;
     line-height: 1.7;
 }
+/*logo*/
+.logo img{
+    border-radius: 50%;
+    padding: 2%;
+    background-color: #0C0C0C;
+}
+/*tittle*/
+.tittle {
+    margin: 0 15% 0 15%;
+    padding: 2%;
+    border-radius: 20px;
+    border-top: 1px  darkgrey solid;
+    border-bottom: 1px #FF00E8 solid;
+}
+
+
+ /*animation for "contributions-so-far"*/
+.animated{
+    animation: tada; 
+   --animate--slower:10s;
+    animation-iteration-count:infinite;
+}
+
 
 .searchContainer {
     display: flex;

index.html

@@ -18,11 +18,11 @@
     <div class="container">
         <div class="row">
             <div class="column">
-                <!-- Night Mode Creation -->
+                 <!-- Night Mode Creation -->
                 <div class="nightmode" >
-                    <div class="logo" style="width: 25%; float:left; "><img src="img/logo.gif" width="25%" height="25%"></div>
-                    <div class="heading" style="width: 75%; float:left; margin-left:12%"><h1>Resⓞurce Finder</h1></div>
-                    <div class="toggle-box" style="width:5%; float:right; padding-right: 10px;">
+                    <div class="logo" style="width: 20%;"><img src="img/logo.gif" width="25%" height="25%"></div>
+                    <div  style="width: 70%; float:left; margin-left:15%"><h1 class="tittle">Resⓞurce Finder</h1></div>
+                    <div class="toggle-box" style=" float:right; padding-right: 10px;">
                         <input type="checkbox" name="checkbox1" id="toggle-box-checkbox" />
                         <label for="toggle-box-checkbox" class="toggle-box-label-left"></label>
                         <label for="toggle-box-checkbox" class="toggle-box-label"></label>
@@ -65,7 +65,7 @@ <h2>Help your friends find some good learning resources</h2>
                             text-align: center;
                         }
                     </style>
-                    <p class="animated">------- CONTRIBUTIONS SO FAR -------</p>
+                    <p >------- CONTRIBUTIONS SO FAR -------</p>
                     <div class="animated" id="contributions-number">07</div>
                 </div>
             </div>
@@ -134,7 +134,7 @@ <h2>Help your friends find some good learning resources</h2>
                 <p class="name">Gilang Kharisma</p>
                 <p class="contact">
                     <i class="fab fa-twitter"></i>
-                    <a href="https://www.twitter.com/lalumuhammadgk1" target="_blank">Your handle</a>
+                    <a href="https://www.twitter.com/lalumuhammadgk1" target="_blank">@lalumuhammadgk1</a>
                 </p>
                 <p class="about">I'm Gilang Kharisma, I'm still learning about mysql, and I interested with web
                     programing, I'm from indoneisa, Nice to meet you</p>
@@ -1463,7 +1463,7 @@ <h2>Help your friends find some good learning resources</h2>
             <p class="name">Anirudha Kurhade</p>
             <p class="contact">
                 <i class="fab fa-linkedin-in"></i>
-                <a href="https://www.linkedin.com/in/anikurhade/" target="_blank">Anirudha Kurhade/a>
+                <a href="https://www.linkedin.com/in/anikurhade/" target="_blank">Anirudha Kurhade</a>
             </p>
             <p class="about">Hey I'am Anirudha Kurhade👋. I am 19 Year Student ,
                 Currently Perusing My BTech In Computer Engineering At Pune.