<header>
<?php
$header_logo = mysqli_query($link,"select * from tbl_web_logo");
$header_logo_arr = mysqli_fetch_assoc($header_logo);
?>
<?php
$social_sel = mysqli_query($link,"select * from tbl_social_media");
$social_arr = mysqli_fetch_assoc($social_sel);
?>
<?php
$contact_sel = mysqli_query($link,"select * from tbl_admin");
$contact_arr = mysqli_fetch_assoc($contact_sel);
?>
   <div class="header-container">
      <div class="header-area header-absolute header-sticky">
         <div class="header-boxshadow">
            <div class="container header-inner" style="min-width:1170px;    padding: 0 50px;">
               <div class="row">
                  <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
                     <div class="logo-area">
                        <a href="index.php">
                        <img src="header-image/<?=$header_logo_arr['logo_image_name'];?>" alt="" style="width:100px;float:left"><span 
                        style="font-weight: 900;
                                    letter-spacing: 2px;
                                    font-size: 27px;
                                    color: #353a84;
                                    float: left;
                                    line-height: 2.6;
                                    font-family: 'Dancing Script', cursive;">Asmorning</span>
                        </a>
                     </div>
                  </div>
                  <div class="col-lg-9 col-md-9  col-sm-12 col-xs-12 text-lg-right">
                     <div class="header-menu col-lg-10 col-md-10" style="padding:0;float:left">
                        <nav>
                           <ul class="main-menu">
                              <li><a href="index.php">home</a>
                              </li>
                              <li><a href="#">About Us</a></li>
                              <li>
                                 <a href="##">Products</a>
                                 <ul class="dropdown">
                                    <?php
                                    $category_sel = mysqli_query($link,"select * from tbl_category");
                                    while($category_arr = mysqli_fetch_assoc($category_sel))
                                    {
                                    ?>
                                       <li><a href="#"><?=$category_arr['cate_name'];?></a></li>
                                    <?php
                                    }
                                    ?>
                                  </ul>
                                  <!-- product.php?detail=<?=$category_arr['cat_id'];?> -->
                              </li>
                              <li><a href="#">Gallery</a></li>
                              <li><a href="#">Contact Us</a></li>
                              <li class="hidden-lg hidden-md enquirysd"><a href="#">Enquiry</a></li>
                             
                           </ul>
                        </nav>
                     </div>
                     <div class="header-option col-lg-2 col-md-2 hidden-xs hidden-sm" style="padding:0;float:left">
                        <div class="mini-cart-search">
                           <div class="mini-cart">
                              <ul class="social-link">
                                 <li><a href="<?=$social_arr['fb_add'];?>" target="_blank" style="background:#3b5998;"><i class="fa fa-facebook"></i></a></li>
                                 <li><a href="<?=$social_arr['twitter_add'];?>" target="_blank" style="background:#1da1f2;"><i class="fa fa-twitter"></i></a></li>
                                 <li><a href="<?=$social_arr['linkdn_add'];?>" target="_blank" style="background-color: #0381bd;"><i class="fa fa-linkedin"></i></a></li>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>
			           <div class="col-sm-6 col-xs-6">
                     <div class="mobile-menu d-lg-none"></div>
                  </div>
                </div>
            </div>
         </div>
      </div>
   </div>
</header>
<style type="text/css">
.header-option .social-link > li > a {
    color: #fff;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    font-size: 15px;
    margin-left: 3px;
}
.button{
  background-color: #004A7F;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 20px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% { background-color: #e21a67; -webkit-box-shadow: 0 0 3px #e21a67; }
  50% { background-color: #9bf999; -webkit-box-shadow: 0 0 40px #9bf999; }
  100% { background-color: #e21a67; -webkit-box-shadow: 0 0 3px #e21a67; }
}

@-moz-keyframes glowing {
  0% { background-color: #e21a67; -moz-box-shadow: 0 0 3px #e21a67; }
  50% { background-color: #FF0000; -moz-box-shadow: 0 0 40px #FF0000; }
  100% { background-color: #e21a67; -moz-box-shadow: 0 0 3px #e21a67; }
}

@-o-keyframes glowing {
  0% { background-color: #e21a67; box-shadow: 0 0 3px #e21a67; }
  50% { background-color: #9bf999; box-shadow: 0 0 40px #9bf999; }
  100% { background-color: #e21a67; box-shadow: 0 0 3px #e21a67; }
}

@keyframes glowing {
  0% { background-color: #e21a67; box-shadow: 0 0 3px #e21a67; }
  50% { background-color: #9bf999; box-shadow: 0 0 40px #9bf999; }
  100% { background-color: #e21a67; box-shadow: 0 0 3px #e21a67; }
}
</style>