<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Search Donor</title>
    <link rel="stylesheet" href="/stylesheets/search.css">
    <link rel="stylesheet" href="/stylesheets/finalNav.css.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
</head>
<body>
    
     <div class="container-fluid">
        <div id="mySidebar" class="sidebar">
            <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
           
            <a href="/">
                <i class="fa fa-home"></i>
                Home
            </a>

            <a href="search">
                <i class="fa fa-search"></i>
                Search Donor
            </a>
            <a href="register">
                <i class="fa fa-donate"></i>
                Be Donor
            </a>
    
            <a href="#team">
                <i class="fas fa-users-cog"></i>
                Team
            </a>
            <a href="about">
                <i class="fa fa-crosshairs"></i>
                Our Aim
            </a>
          </div>
          
          
        <div class="t">
            <h3>GIO
                <span> Plasma</span>
            </h3>
        </div>


          <div id="main">
            <button class="openbtn" onclick="openNav()">&#9776;</button>
          </div>

         <div class=" row py-2">
             <form id="store-form" class="Box col-12 col-sm-10 col-md-6 col-lg-4  offset-0 offset-sm-1 offset-lg-4 offset-md-3">
                <div class="form-group pt-3">
                    <label for="store-id">Blood Group </label>
                    <select  id="store-id" class="form-control" placeholder="Select Blood Gropu You're Looking For">
                        <option value="O+">
                            O+
                        </option>
                        <option value="O-">
                            O-
                        </option>
                        <option value="A+">
                            A+
                        </option>
                        <option value="A-">
                            A-
                        </option>
                        <option value="B+">
                            B+
                        </option>
                        <option value="B-">
                            B-
                        </option>
                        <option value="AB+">
                            AB+
                        </option>
                        <option value="AB-">
                            AB--
                        </option>
                    </select>
                  </div>

                  <div class="form-group">
                    <label for="store-address">Your Address</label>
                    <input type="text" id="store-address" class="form-control" placeholder="Address of Receiver"/>
                    <small class="d-block mt-3" style="font-size: 14px; color: aliceblue;"> <b>Prefer Your City Name</b> </small>
                  </div>

                  <button type="submit" class="btn btn-primary mb-4 mt-4 col-12">Submit</button>
             </form>
         </div>
     </div>
</body>
<script src="/js/add.js"></script>
<script src="/js/dashBoard.js"></script>
</html>
