<!DOCTYPE html> <html lang="en"> <head> <title>HOMENEEDS SUPERMARKET</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content="Colo Shop Template"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="styles/bootstrap4/bootstrap.min.css"> <link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.carousel.css"> <link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.theme.default.css"> <link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/animate.css"> <link rel="stylesheet" type="text/css" href="styles/main_styles.css"> <link rel="stylesheet" type="text/css" href="styles/responsive.css"> </head> <body> <header class="header trans_300"> <div class="super_container"> <div class="main_nav_container"> <div class="container"> <div class="row"> <div class="col-lg-12 text-right"> <div class="logo_container"> <a href="#">HOMENEEDS<span>SUPERMARKET</span></a> </div> <nav class="navbar"> <ul class="navbar_menu"> <li><a href="home.php">HOME</a></li> <li><a href="customer.php">CUSTOMER</a></li> <li><a href="employee.php">EMPLOYEES</a></li> <li><a href="product.php">PRODUCTS</a></li> <li><a href="supplier.php">SUPPLIER</a></li> <li><a href="sale.php">SALE</a></li> <li><a href="stock.php">STOCK</a></li> </ul> </nav> </div> </div> </div> </div> </header> <div class="fs_menu_overlay"></div> <div class="hamburger_menu"> <div class="hamburger_close"><i class="fa fa-times" aria-hidden="true"></i></div> <div class="hamburger_menu_content text-right"> <ul class="menu_top_nav"> <li class="menu_item has-children"> <a href="#"> usd <i class="fa fa-angle-down"></i> </a> <ul class="menu_selection"> <li><a href="#">cad</a></li> <li><a href="#">aud</a></li> <li><a href="#">eur</a></li> <li><a href="#">gbp</a></li> </ul> </li> <li class="menu_item has-children"> <a href="#"> English <i class="fa fa-angle-down"></i> </a> <ul class="menu_selection"> <li><a href="#">French</a></li> <li><a href="#">Italian</a></li> <li><a href="#">German</a></li> <li><a href="#">Spanish</a></li> </ul> </li> <li class="menu_item has-children"> <a href="#"> My Account <i class="fa fa-angle-down"></i> </a> <ul class="menu_selection"> <li><a href="#"><i class="fa fa-sign-in" aria-hidden="true"></i>Sign In</a></li> <li><a href="#"><i class="fa fa-user-plus" aria-hidden="true"></i>Register</a></li> </ul> </li> <li class="menu_item"><a href="#">home</a></li> <li class="menu_item"><a href="#">shop</a></li> <li class="menu_item"><a href="#">promotion</a></li> <li class="menu_item"><a href="#">pages</a></li> <li class="menu_item"><a href="#">blog</a></li> <li class="menu_item"><a href="#">contact</a></li> </ul> </div> </div> <div class="banner"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="banner_item align-items-center" style="background-image:url(ex2.jpeg)"> <div class="banner_category"> <a href="display_sale.php">SALE TABLE</a> </div> </div> </div> <div class="col-md-4"> <div class="banner_item align-items-center" style="background-image:url(adp.png)"> <div class="banner_category"> <a href="form_sale.html">UPDATE SALE</a> </div> </div> </div> </div> </div> </div> </div> <script src="js/jquery-3.2.1.min.js"></script> <script src="styles/bootstrap4/popper.js"></script> <script src="styles/bootstrap4/bootstrap.min.js"></script> <script src="plugins/Isotope/isotope.pkgd.min.js"></script> <script src="plugins/OwlCarousel2-2.2.1/owl.carousel.js"></script> <script src="plugins/easing/easing.js"></script> <script src="js/custom.js"></script> </body> </html>