
<?php session_start(); ?>

<!DOCTYPE>
<html lang="en">
<head>
    <link rel="icon" type="image/png" href="images/logo.png"/>
    <title>Jostechie Grocery - Affordable Fresh Quality grocery products conviniently at your door step</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="preconnect" href="https://fonts.gstatic.com">
  <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;900&display=swap" rel="stylesheet">


<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

* {  box-sizing: border-box; }

 body {  background-image: linear-gradient(to right,whitesmoke, #F5F5DC);  margin: 0; font-family: "Nunito", sans-serif; }

.wrapper{background: whitesmoke; width:100%; margin:  auto; height: auto;resize: none; overflow:hidden;   }

/*.header { background-image: linear-gradient(to right,#FFB200,  black); background-color:;  width:100%;  padding:1px; float: left;}*/
.header{ background:white; padding: 5px;  width: 100%; border-bottom: 2px solid whitesmoke;   }

.body-d { width: 97%; margin: auto;}

.footer { background: #36454F;   width: 100%; float: left; color:#F5F5F5 ; border-top: 0px solid white; margin-top: 10%;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width:1200px) {
.wrapper {width: 100%;}
.a-footer {margin-top: 0%; }
}



@media screen and (max-width:600px) {
.header{padding: 1px;  width: 100%; position: fixed; z-index: 1;  }
.wrapper{  width: 100%;  } 
.body-a{margin-top: 10%;}
body{font-size: small;}
}

</style>
</head>
<body>


<div class="row">
<div class="wrapper">

<div class="header"><?php include("header.php"); ?></div>


 <div >

  <?php
if(@$_GET['link']=="about-us"){ include("about-us.php"); }
elseif(@$_GET['link']=="our-products"){ include("our-products.php"); 
}elseif(@$_GET['link']=="contact-us"){ include("contact-us.php");
}elseif(@$_GET['link']=="offers"){ include("offers.php");
}elseif(@$_GET['link']=="item-search"){ include("body-search.php");
}elseif(@$_GET['link']=="track-order"){ include("track-order.php");

}else{
include("body.php");
}
?>

</div>

<!--

<nav><?php include ("body-c.php"); ?>   </nav>


-->
<nav class="body-sd"><?php // include ("body-e.php"); ?>   </nav>


  <nav class="footer"><?php include ("footer.php"); ?>   </nav>




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