<!DOCTYPE>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.body-aa{ width: 100%; float: left; background: white;  }

.body-aaa{ width:98%; margin: auto;  }

.col-body-a {  float: left;  width: 70%;  padding: 15px; opacity: .9;}

.col-body-aa {  float: left;  width: 20%;  padding: 25px; color: #848482; font-size: small; }

.col-body-ab {  float: left;  width: 30%;  padding: 25px; color: #848482; font-size: small; }

.col-body-ab p { padding: 10px; }

.col-body-ab a { float: right; color:#91A3B0; font-weight: bold; font-size: x-small;}

.navslide{ width: 100%; margin: auto; }

.btn-products { padding: 8px 10px; background: none;  font-size: x-small;  border: 1px solid whitesmoke; margin: 2%; }

.btn-products:hover { background: whitesmoke; border-radius: 3px; }

.col-body-ab label { font-size:small;color:  #ED9121;}

input[type=search]{ width: 100%;  padding: 10px;  border: 1px solid #ccc;  border-radius: 5px; background: whitesmoke;  margin: auto; color: #ED9121;margin-top: 3%; }

input[type=search]:focus {  border:none; padding: 7px; }



/* Clear floats after the col-body-as */
.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:600px) {
   
.btn-products {padding: 6px; font-size: x-small;}
  .body-aa{ width: 100%; float: left; margin-top: 15%; }
  .col-body-a {  width: 100%; padding: 15px;    }
  .col-body-ab {width: 100%; padding: 20px;}
  .col-body-ab { display: none; }
  
   }

</style>
</head>
<body>


<div class="row">

<nav class="body-aaa">

<nav class="body-aa">

 <div class="col-body-a"> <nav class="navslide"> <?php include "slideshow.php" ;?>  </nav>   </div>
  
  <div class="col-body-ab">
 <h4> <i style="margin-right: 1%;" class="fa fa-shopping-basket"></i> Featured Categories  </h4>
 <dir>
 <?php include ("inc/config.php"); $sql = "SELECT * FROM categories limit 4 "; $result = $conn->query($sql);
 while($row = $result->fetch_array()){
 $c = $row['Category_name']; 
  echo " <p> "; 
  echo $c; 
  echo "</p>"; 
}  ?>

  </dir>

  </div>


 </nav>

</nav>


</div>
</body>
</html>
