From f061dea0b6d5c1a9c09597f9509821bfffdea528 Mon Sep 17 00:00:00 2001
From: Madhurima Rawat <105432776+madhurimarawat@users.noreply.github.com>
Date: Sun, 23 Jun 2024 18:53:25 +0530
Subject: [PATCH] Update search.html

---
 search.html | 197 +++++++++++++++++++++++++++++-----------------------
 1 file changed, 110 insertions(+), 87 deletions(-)
diff --git a/search.html b/search.html
index 21457d4..65dd63f 100644
--- a/search.html
+++ b/search.html
@@ -1,103 +1,126 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-    <!-- Bootstrap CSS  CDN-->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
+<head>
+  <!-- Required meta tags -->
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <link rel="stylesheet" href="css/style.css">
 
-    <Title>Search Books</Title>
-  </head>
-  <body>
+  <!-- Bootstrap CSS  CDN-->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
+    integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
+
+  <Title>Search Books</Title>
+</head>
+
+<body>
   <div class="fluid-container">
     <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">
-	
-    <a class="navbar-brand" href="index.html">
-    <img src="Image\Logo.png" width="140" height="80" alt="logo">
-  </a>
-   
-  <button class="navbar-toggler" type="button" data-toggle="collapse" 
-  data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" 
-  aria-expanded="false" aria-label="Toggle navigation">
-  
-  
-    <span class="navbar-toggler-icon"></span>
-  </button>
-
-  <div class="collapse navbar-collapse" id="navbarSupportedContent">
-    <ul class="navbar-nav mr-auto">
-      <li class="nav-item active">
-        <a class="nav-link" href="finalproject.htm">Home <span class="sr-only">(current)</span></a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link" href="ABOUT.HTML">About</a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link" href="CONTACT.HTML">Contact</a>
-      </li>
-    </ul>
+
+      <a class="navbar-brand" href="index.html">
+        <img src="Image\Logo.png" width="140" height="80" alt="logo">
+      </a>
+
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
+        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+
+
+        <span class="navbar-toggler-icon"></span>
+      </button>
+
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav mr-auto">
+          <li class="nav-item active">
+            <a class="nav-link" href="index.htm">Home <span class="sr-only">(current)</span></a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="ABOUT.HTML">About</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" href="CONTACT.HTML">Contact</a>
+          </li>
+        </ul>
+      </div>
+    </nav>
   </div>
-</nav>
-</div>
-
-<div class="fluid-container" >
-<div class="row">
-        <div class="col-md-12">
-                <h1 style="margin-top:8%; background-color:powderblue; color:black; padding:60px; text-align:center">Search Books</h1>
-               
-         </div>
-</div>
-</div>
-<br>
-<br>
-<br>
-<!-------------- student Slide Ends From Here------------------------------------>
-<!-------------- Search Book form starts From Here------------------------------------>
-<div class="container">
+
+  <div class="fluid-container">
     <div class="row">
-	      <div class="col-md-4">
-		  
-		     <img src="Image\Search-Book.jfif" width="400px" height="350px" alt="Book Image">
-          </div>
-		  <div class="col-md-8">
-		       <h1 align="center">Search Books</h1>
-			    <p style="text-alin:center; padding:35px">Search registered books using book number  and book name from here.</p>
-          
-<form style="margin-left:5%">
- 
-  
- 
-  <div class="form-group">
-    <label for="quantity">Enter Subject</label>
-  <input type="text">
-  </div>
-   <div class="row">
-    <div class="col">
-      <input type="mobile" class="form-control" placeholder="Enter Book Number">
-    </div>
-    <div class="col">
-      <input type="text" class="form-control" placeholder="Enter Book Name">
+      <div class="col-md-12">
+        <h1 style="margin-top:8%; background-color:powderblue; color:black; padding:60px; text-align:center"
+          class="heading_1">Search Books</h1>
+
+      </div>
     </div>
   </div>
-  <br><br>
- <h3 STYLE="MARGIN-LEFT:45%"><button type="submit"  class="btn btn-primary">Search book</button></h3>
-     
-    </select>
- 
-</form>
-		  
-		 
+  <br>
+  <br>
+  <br>
+  <!-------------- student Slide Ends From Here------------------------------------>
+  <!-------------- Search Book form starts From Here------------------------------------>
+  <div class="container heading_1">
+    <div class="row">
+      <div class="col-md-6">
+        <div class="card">
+          <img src="Image\Search-Book.jfif" width="100%" height="100%" alt="Library Management System Image"
+            class="card hover">
+        </div>
+      </div>
+      <div class="col-md-6">
+        <div class="card">
+          <div class="card-body">
+
+            <p>Search registered books using book number and book name from here.</p><br>
+
+            <div class="row">
+              <div class="col">
+                <form style="margin-left:5%">
+
+
+
+                  <div class="form-group">
+                    <label for="quantity">Enter Subject</label>
+                    <input type="text"><br>
+                  </div><br>
+                  <div class="row">
+                    <div class="col">
+                      <input type="mobile" class="form-control heading_1" placeholder="Enter Book Number">
+                    </div>
+                    <div class="col">
+                      <input type="text" class="form-control heading_1" placeholder="Enter Book Name">
+                    </div>
+                  </div>
+                  <br><br>
+                  <center>
+                    <h3><button type="submit" class="btn btn-primary">Search book</button></h3>
+                  </center>
+                </form>
+
+                </select>
+
+                </form>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+
+
+      <!-------------- Registration form Ends From Here------------------------------------>
+
 
-<!-------------- Registration form Ends From Here------------------------------------>
 
+      <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
+      <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
+        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
+        crossorigin="anonymous"></script>
+      <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"
+        integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF"
+        crossorigin="anonymous"></script>
 
 
-    <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
-    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
+</body>
 
-    
-  </body>
 </html>
