<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<!-- IE Support -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- first Mobile Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> -  CHARL'S - </title>
<link rel="icon" href="img/icon.ico" sizes="16x16">
<link rel="stylesheet" href="css/bootstrap.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
<!-- font --> 
    <link href="https://fonts.googleapis.com/css?family=STIX Two Text' rel='stylesheet" rel="stylesheet">
<!-- css menu -->
<link rel="stylesheet" href="css/menu.css">
<!-- Css slider  -->   
<link rel="stylesheet" href="css/slider.css">
<!-- css caroseal -->
<link href="css/caroseal.css" rel="stylesheet" type="text/css" />
<!-- News --> 
<link rel="stylesheet" href="css/news.css" />
<link rel="stylesheet" href="css/news-style.css" />
 <!-- news v -->
<link rel="stylesheet" href="css/news-v.css">
<!-- style --> 
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="css/hidden.css" />
<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>

<body>

<!-- Header -->
  <headr>
    <div class="container">
      
         
         <div class="menu"> 
            <div class="col-md-6 col-sm-4 col-xs-4" style="padding-left:0;">
               <div class="logo"><img src="img/logo.png" alt="" title="" class="img-responsive"/></div>
            </div>
            <!-- Menu -->
            <div class="col-md-6 col-sm-6 col-xs-6">
                <div id='cssmenu'>
                        <ul>
                        <li class="active"><a href='index.php'> Home  </a></li>  
                        <li><a href='about.php'>  About </a></li>
                         
                        <li class="has-sub"><a href='#'>  Menu </a>
                            <ul>
                              <li><a href='menu.php'> Menu </a></li>
                              <li><a href='img/charls-menu.pdf' target="_blank"> download PDF menu </a></li>
                            </ul>
                        </li>
                       
                       
                        <li><a href='contact.php'> Contact Us </a></li>
                    
              </div>
           </div>
           <!-- Menu End -->
          
      </div>
     </div>
    </headr>
    
     