-->

Cara membuat template Restoran dengan html dan CSS

Cara membuat template Restoran dengan html dan CSS. Pertama kita buat html seperti berikut ini:


<!DOCTYPE html>
<Html>
<Head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><br />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"><br />
    <meta name="description" content=""><br />
    <meta name="author" content=""><br />
    <link rel="shortcut icon" href="themes/assets/ico/favicon.ico"><br />
    <title>Bootstrappage.com free templates</title><br />
<br />
    <!-- Bootstrap core CSS --><br />
    <link href="themes/dist/css/bootstrap.min.css" rel="stylesheet"><br />
<br />
    <!-- Just for debugging purposes. Don't actually copy this line! --><br />
    <!--[if lt IE 9]><script src="themes/assets/js/ie8-responsive-file-warning.js"></script><![endif]--><br />
<br />
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --><br />
    <!--[if lt IE 9]><br />
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><br />
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script><br />
    <![endif]--><br />
<br />
    <!-- Custom styles for this template --><br />
    <link href="themes/assets/css/carousel.css" rel="stylesheet">
</Head>
<body>
<div class="navbar-wrapper">
<br />
      <div class="container">
<br />
<br />
        <div class="navbar navbar-inverse navbar-static-top" role="navigation">
<br />
          <div class="container">
<br />
            <div class="navbar-header">
<br />
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><br />
                <span class="sr-only">Toggle navigation</span><br />
                <span class="icon-bar"></span><br />
                <span class="icon-bar"></span><br />
                <span class="icon-bar"></span><br />


Untuk mengganti nama Restoran silahkan ganti yang berwarna merah dan untuk alamatnya ganti tanda pagar dengan alamat web anda


              </button><br />
              <a class="navbar-brand" href="#">Restoran</a><br />
            </div>
<br />
            <div class="navbar-collapse collapse">
<br />
              <ul class="nav navbar-nav"><br />
<li class="active"><a href="#">Home</a></li>
<br />
<li><a href="#">About Us</a></li>
<br />
<li><a href="#">Contact</a></li>
<br />
<li><a href="#">Table Booking</a></li>
<br />

dan ganti menunya sesuai dengan restoran milik anda

<li class="dropdown"><br />
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Indina <b class="caret"></b></a><br />
                  <ul class="dropdown-menu"><br />
<li><a href="#">DRINKS</a></li>
<br />
<li><a href="#">STARTERS</a></li>
<br />
<li><a href="#">TANDOORI - CLAY OVEN - DISHES</a></li>
<br />
<li class="divider"></li>
<br />
<li class="dropdown-header">SEAFOOD MAIN COURSES</li>
<br />
<li><a href="#">CHICKEN MAIN COURSES</a></li>
<br />
<li><a href="#">LAMB MAIN COURSES</a></li>
<br />
<li><a href="#">RICE/BREDS</a></li>
<br />
<li><a href="#">ACCOMPANIMENTS</a></li>
<br />
                  </ul>
<br />
                </li>
<br />
   <br />

Dibawah ini adalah daftar menu, silahkan ganti nama menunya seusai dengan nama restoran milik anda.

<li class="dropdown"><br />
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Italian <b class="caret"></b></a><br />
                  <ul class="dropdown-menu"><br />
<li><a href="#">DRINKS</a></li>
<br />
<li><a href="#"">STARTERS</a></li>
<br />
<li><a href="#">TANDOORI - CLAY OVEN - DISHES</a></li>
<br />
<li class="divider"></li>
<br />
<li class="dropdown-header"><script data-cfasync = "false" type = "text / javascript" </li>
<br />
<li><a href="#">CHICKEN MAIN COURSES</a></li>
<br />
<li><a href="#">LAMB MAIN COURSES</a></li>
<br />
<li><a href="#">RICE/BREDS</a></li>
<br />
<li><a href="#">ACCOMPANIMENTS</a></li>
<br />
                  </ul>
<br />
                </li>
<br />
   <br />
<li class="dropdown"><br />
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Chines <b class="caret"></b></a><br />
                  <ul class="dropdown-menu"><br />
<li><a href="#">DRINKS</a></li>
<br />
<li><a href="#">STARTERS</a></li>
<br />
<li><a href="#">TANDOORI - CLAY OVEN - DISHES</a></li>
<br />
<li class="divider"></li>
<br />
<li class="dropdown-header">SEAFOOD MAIN COURSES</li>
<br />
<li><a href="#">CHICKEN MAIN COURSES</a></li>
<br />
<li><a href="#">LAMB MAIN COURSES</a></li>
<br />
<li><a href="#">RICE/BREDS</a></li>
<br />
<li><a href="#">ACCOMPANIMENTS</a></li>
<br />
                  </ul>
<br />
                </li>
<br />
              </ul>
<br />
            </div>
<br />
          </div>
<br />
        </div>
<br />
<br />
      </div>
<br />
    </div>
<br />
<br />
<br />
    <!-- Carousel<br />
    ================================================== --><br />
    <div id="mainCarousel">
<br />
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
<br />
      <!-- Indicators --><br />
      <ol class="carousel-indicators"><br />
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<br />
<li data-target="#myCarousel" data-slide-to="1"></li>
<br />
<li data-target="#myCarousel" data-slide-to="2"></li>
<br />
      </ol>
<br />
      <div class="carousel-inner">
<br />
        <div class="item active">
<br />
          <script<br />

  ini adalah kode html untuk gambar google maps. Yang nanti akan muncul jika template sudah selesai di buat

src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false"><br />
   </script><br />
   <script><br />
   var myCenter=new google.maps.LatLng(51.508742,-0.120850);<br />
   var marker;<br />
   function initialize()<br />
   {<br />
   var mapProp = {<br />
     center:myCenter,<br />
     zoom:15,<br />
     mapTypeId:google.maps.MapTypeId.ROADMAP<br />
     };<br />
   var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);<br />
   marker=new google.maps.Marker({<br />
     position:myCenter,<br />
    // icon:'themes/assets/images/nepali-momo.png',<br />
     animation:google.maps.Animation.BOUNCE<br />
     });<br />
<br />
   marker.setMap(map);<br />
<br />
   // Info open<br />
   var infowindow = new google.maps.InfoWindow({<br />
     content:"Hello World!"<br />
     });<br />
<br />
   google.maps.event.addListener(marker, 'click', function() {<br />
     infowindow.open(map,marker);<br />
     });<br />
   }<br />
   google.maps.event.addDomListener(window, 'load', initialize);<br />
   </script><br />
   <div id="googleMap" style="height:450px;">
</div>
<br />
     <div class="container">
<br />
    <div class="carousel-caption">
<br />
      <a class="btn btn-lg btn-default" href="#" role="button" style="font-size:2em">Order Online Now »</a><br />
    </div>
<br />
     </div>
<br />
   </div>
<br />
    </div>
<br />
  </div>
<!-- /.carousel --><br />
 </div>
<br />
<br />
 <div class="mainTitle">
<br />
 <div class="container">
<br />

Ganti nama Restuarant dibawah ini:

 <h1>
 Restaurant</h1>
<br />
 <p><br />
 Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy<br />
 </p>
<br />
 </div>
<br />
 </div>
<br />
<br />
    <!-- Marketing messaging and featurettes<br />
    ================================================== --><br />
    <!-- Wrap the rest of the page in another container to center all the content. --><br />
<br />
    <div class="container marketing">
<br />
      <!-- Three columns of text below the carousel --><br />
      <div class="row">
<br />
        <div class="col-lg-4">
<br />
          <img class="img-circle" src="themes/assets/images/nepali-momo.png" alt="Generic placeholder image"><br />
          <h2>
Nepalese MOMO</h2>
<br />
          <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies</p>
<br />
          <p><a class="btn btn-default" href="#" role="button">£ 2.2 Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img class="img-circle" src="themes/assets/images/burger.png" alt="Generic placeholder image"><br />
          <h2>
Burger</h2>
<br />
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. </p>
<br />
          <p><a class="btn btn-default" href="#" role="button">£5 Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
    <img class="img-circle" src="themes/assets/images/gorkha-special-chicken.png" alt="Lam Tikka"><br />
          <h2>
Gurkha Chicken</h2>
<br />
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p>
<br />
          <p><a class="btn btn-default" href="#" role="button">£4 Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
      </div>
<!-- /.row --><br />
 </div>
<br />
<span style="white-space: pre;"> </span><br />
<br />
<span style="white-space: pre;"> </span><br />
<span style="white-space: pre;"> </span><br />
 <div class="introSection">
<br />
  <div class="container">
<br />
  <div class="row">
<br />
   <div class="col-lg-12">
<br />
    <h1 class="cntr">
We are launching complete online food order system for restaurent and takeaway Only at the rate <br>£999 </h1>
<br />
   </div>
<br />
  </div>
<br />
  </div>
<br />
 </div>
<br />
<span style="white-space: pre;"> </span><br />
<span style="white-space: pre;"> </span><br />
<span style="white-space: pre;"> </span><br />
<span style="white-space: pre;"> </span><br />
<span style="white-space: pre;"> </span><br />
<span style="white-space: pre;"> </span><br />
<span style="white-space: pre;"> </span><br />
<span style="white-space: pre;"> </span><br />
  <div class="container marketing">
<br />
    <h2 class="itemsTitle">
Breakfast</h2>
<br />
 <div id="myCarousel1" class="carousel slide" data-ride="carousel">
<br />
      <!-- Indicators --><br />
      <div class="carousel-inner">
<br />
        <div class="item active">
<br />
         <div class="row">
<br />
        <div class="col-lg-4">
<br />

Dibawah ini adalah kode untuk gambar menu ganti sesuai dengan menu restoran

          <img src="themes/assets/images/salate.png" alt="Generic placeholder image"><br />
          <h4>
Salates</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/burger.png" alt="Generic placeholder image"><br />
          <h4>
Meal</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/drinks.png" alt="Generic placeholder image"><br />
          <h4>
Drink</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
      </div>
<!-- /.row --><br />
  <br />
        </div>
<br />
        <div class="item">
<br />
         <div class="row">
<br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/salate.png" alt="Generic placeholder image"><br />
          <h4>
Salates</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/burger.png" alt="Generic placeholder image"><br />
          <h4>
Meal</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/drinks.png" alt="Generic placeholder image"><br />
          <h4>
Drink</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
      </div>
<!-- /.row --><br />
  <br />
        </div>
<br />
        <div class="item">
<br />
          <div class="row">
<br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/salate.png" alt="Generic placeholder image"><br />
          <h4>
Salates</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/burger.png" alt="Generic placeholder image"><br />
          <h4>
Meal</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/drinks.png" alt="Generic placeholder image"><br />
          <h4>
Drink</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
      </div>
<!-- /.row --><br />
        </div>
<br />
      </div>
<br />
      <a class="left carousel-control" href="#myCarousel1" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a><br />
      <a class="right carousel-control" href="#myCarousel1" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a><br />
    </div>
<!-- /.carousel --><br />
 </div>
<br />
<span style="white-space: pre;"> </span><br />
 <div class="container marketing">
<br />
    <h2 class="itemsTitle">
Lunch</h2>
<br />
 <div id="myCarousel2" class="carousel slide" data-ride="carousel">
<br />
      <!-- Indicators --><br />
      <div class="carousel-inner">
<br />
        <div class="item active">
<br />
         <div class="row">
<br />
        <div class="col-lg-4">
<br />
           <img src="themes/assets/images/salate.png" alt="Generic placeholder image"><br />
          <h4>
Salates</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
         <img src="themes/assets/images/chicken.png" alt="Generic placeholder image"><br />
          <h4>
Meal</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/drinks_lussy.png" alt="Generic placeholder image"><br />
          <h4>
Drink</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
      </div>
<!-- /.row --><br />
  <br />
        </div>
<br />
        <div class="item">
<br />
         <div class="row">
<br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/chicken_fry.png" alt="Generic placeholder image"><br />
          <h4>
Salates</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/fish-and-chips.png" alt="Generic placeholder image"><br />
          <h4>
Meal</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/drinks.png" alt="Generic placeholder image"><br />
          <h4>
Drink</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
      </div>
<!-- /.row --><br />
  <br />
        </div>
<br />
        <div class="item">
<br />
          <div class="row">
<br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/salate.png" alt="Generic placeholder image"><br />
          <h4>
Salates</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/burger.png" alt="Generic placeholder image"><br />
          <h4>
Meal</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/drinks.png" alt="Generic placeholder image"><br />
          <h4>
Drink</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
      </div>
<!-- /.row --><br />
        </div>
<br />
      </div>
<br />
      <a class="left carousel-control" href="#myCarousel2" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a><br />
      <a class="right carousel-control" href="#myCarousel2" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a><br />
    </div>
<!-- /.carousel --><br />
 </div>
<br />
<span style="white-space: pre;"> </span><br />
 <div class="container marketing">
<br />
    <h2 class="itemsTitle">
Dinner</h2>
<br />
 <div id="myCarousel3" class="carousel slide" data-ride="carousel">
<br />
      <!-- Indicators --><br />
      <div class="carousel-inner">
<br />
        <div class="item active">
<br />
         <div class="row">
<br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/chicken_fry.png" alt="Generic placeholder image"><br />
          <h4>
Chicken</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/rice.png" alt="Generic placeholder image"><br />
          <h4>
Rice</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/drinks.png" alt="Generic placeholder image"><br />
          <h4>
Drink</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
      </div>
<!-- /.row --><br />
  <br />
        </div>
<br />
        <div class="item">
<br />
         <div class="row">
<br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/courinder.png" alt="Generic placeholder image"><br />
          <h4>
Salates</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/burger.png" alt="Generic placeholder image"><br />
          <h4>
Meal</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/drinks.png" alt="Generic placeholder image"><br />
          <h4>
Drink</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
      </div>
<!-- /.row --><br />
  <br />
        </div>
<br />
        <div class="item">
<br />
          <div class="row">
<br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/salate.png" alt="Generic placeholder image"><br />
          <h4>
Salates</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/chicken_fry.png" alt="Generic placeholder image"><br />
          <h4>
Chicken</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
        <div class="col-lg-4">
<br />
          <img src="themes/assets/images/drinks.png" alt="Generic placeholder image"><br />
          <h4>
Drink</h4>
<br />
          <p><a class="btn btn-default" href="#" role="button">Add to cart »</a></p>
<br />
        </div>
<!-- /.col-lg-4 --><br />
      </div>
<!-- /.row --><br />
        </div>
<br />
      </div>
<br />
      <a class="left carousel-control" href="#myCarousel3" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a><br />
      <a class="right carousel-control" href="#myCarousel3" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a><br />
    </div>
<!-- /.carousel --><br />
 </div>
<br />
<span style="white-space: pre;"> </span><br />
<br />
 <div class="highlightSection">
<br />
 <div class="container">
<br />
 <div class="row">
<br />
  <div class="col-lg-4">
<br />
  <div class="media">
<br />
   <a href="menu/"><img src="themes/assets/images/nepali-momo.png" alt="nepali-momo"> </a><br />
   <h3 class="media-heading text-primary-theme">
NEPALESE LAMB MOMO</h3>
<br />
   <p>Steamed dumplings filled with slightly spiced minced meat served with special sauce.</p>
<br />
  </div>
<br />
  </div>
<br />
  <div class="col-lg-4">
<br />
  <div class="media">
<a href="menu/"><img src="themes/assets/images/gorkha-special-chicken.png" alt="GURKHA SPECIAL CHICKEN"> </a>     <br />
  <h3 class="media-heading text-danger-theme">
GURKHA SPECIAL CHICKEN</h3>
<br />
  <p>Boneless chicken marinated in mustard, smoked chilli, herbs and spices slowly cooked in tandoor. </p>
<br />
 <br />
  </div>
<br />
  </div>
<br />
  <div class="col-lg-4">
<br />
  <div class="media">
<br />
  <a href="menu/"><img src="themes/assets/images/lam-tikka.png" alt="Lam Tikka"> </a><br />
  <h3 class="media-heading">
LAMB TIKKA SPECIAL</h3>
<br />
  <p>Tender pieces of lamb mixed with our own spices and gently cooked in clay oven. </p>
<br />
  </div>
<br />
  </div>
<br />
 </div>
<br />
 </div>
<br />
 </div>
<br />
      <br />
<br />
<span style="white-space: pre;"> </span><br />
 <div class="introSection">
<br />
  <div class="container">
<br />
  <div class="row">
<br />
  <div class="col-lg-5">
<br />
  <h3>
Welcome to restaurent</h3>
<br />
  <p><br />
  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy<br />
  text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br />
  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. <br><br><br />
  It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages,<br />
  and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<br />
  </p>
<br />
  </div>
<br />
 <br />
  <div class="col-lg-4">
<br />
  <h3>
Welcome to restaurent</h3>
<br />
  <p><br />
  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy<br />
  text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br />
  It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. <br><br><br />
 <br />
  </p>
<br />
 <br />
  </div>
<br />
 <br />
  <div class="col-lg-3">
<br />
  <h3>
Welcome to restaurent</h3>
<br />
  <p><br />
  Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy<br />
  text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.<br />
 <br />
  </p>
<br />
 <br />
  </div>
<br />
 <br />
  </div>
<br />
  </div>
<br />
 </div>
<br />
<br />
<br />
   <div class="container marketing">
<br />
   <div id="myCarousel4" class="carousel slide" data-ride="carousel">
<br />
      <!-- Indicators --><br />
      <div class="carousel-inner">
<br />
      <div class="item active">
<br />
      <div class="row featurette">
<br />
        <div class="col-md-7">
<br />
          <h2 class="featurette-heading">
Fish and Chips <span class="text-muted">It's very very testy</span></h2>
<br />
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
<br />
        </div>
<br />
        <div class="col-md-5">
<br />
          <img src="themes/assets/images/fish-and-chips.png" alt="Fish and Chips"><br />
        </div>
<br />
      </div>
<br />
      </div>
<br />
<br />
     <br />
 <div class="item">
<br />
      <div class="row featurette">
<br />
        <div class="col-md-5">
<br />
          <img src="themes/assets/images/burger.png" alt="Generic placeholder image"><br />
        </div>
<br />
        <div class="col-md-7">
<br />
          <h2 class="featurette-heading">
Oh yeah, very nice Burger. <span class="text-muted">Delicious.</span></h2>
<br />
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
<br />
        </div>
<br />
      </div>
<br />
      </div>
<br />
<br />
<br />
 <div class="item">
<br />
      <div class="row featurette">
<br />
        <div class="col-md-7">
<br />
          <h2 class="featurette-heading">
Try yourself <span class="text-muted">Testy</span></h2>
<br />
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
<br />
        </div>
<br />
        <div class="col-md-5">
<br />
    <img class="img-circle" src="themes/assets/images/drinks.png" alt="Generic placeholder image"><br />
        </div>
<br />
      </div>
<br />
      </div>
<br />
    </div>
<br />
    </div>
<!-- /.carousel -->  <br />
    </div>
<!-- /.container --><br />
      <!-- /END THE FEATURETTES --><br />
<br />
<br />
      <!-- FOOTER --><br />
      <footer><br />
  <div class="container">
<br />
        <p class="pull-right"><a href="#">Back to top</a></p>
<br />
        <p>© 2014 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
<br />
  </div>
<br />
      </footer><br />
<br />
<br />
<br />
    <!-- Bootstrap core JavaScript<br />
    ================================================== --><br />
    <!-- Placed at the end of the document so the pages load faster --><br />
    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script><br />
    <script src="themes/dist/js/bootstrap.min.js"></script><br />
    <script src="themes/assets/js/holder.js"></script><br />
  </body>
</Html>

itu adalah cara mengedit template Restoran jika ada pertanyaan silahkan bertanya lewat kolom komentar. Dibawah ini adalah file xml template Restoran yang sudah siap pakai



Jika Anda berminat memakai template Restoran ini silahkan Disini

Berlangganan update artikel terbaru via email:

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel