Merge pull request SauravMukherjee44#683 from surbhi400/Search-icon

Adding Search icon
imkeshriraj · Oct 19, 2022 · 2cdbf91 · 2cdbf91
2 parents 494f96e + df519db
commit 2cdbf91
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/assets/css/hacktoberfest.css b/assets/css/hacktoberfest.css
@@ -137,3 +137,10 @@
       object-fit: contain !important;
     } */
 }
+.search-box-container {
+  display: flex;
+  align-items: center;
+}
+.search-icon {
+  display: flex;
+}
diff --git a/hacktoberfest2022.html b/hacktoberfest2022.html
@@ -151,11 +151,18 @@ <h2 class="section-title wow fadeInDown" data-wow-delay="0.3s">Projects</h2>
     </div>
     <div class="col-md-1"></div>
 
-    <div class="col-md-3">
+    <div class="col-md-3 search-box-container">
       <div style="float: left;margin-right: 5%;" class="searchbar_div">
         <input style="border-radius: 3rem; padding: 10px;border-color: grey;width: 130%;" id="searchbar"
           onkeyup="search_blog()" type="text" name="search" placeholder='Search projects.....' />
       </div>
+      <div class="search-icon">
+        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-search"
+          viewBox="0 0 16 16">
+          <path
+            d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z" />
+        </svg>
+      </div>
     </div>
   </div>
   <br>