Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Burger Code</title>
- <meta charset="utf-8"/>
- <meta name="viewport" content="width:device-width, initial-scale:1">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
- <link rel="stylesheet" href="css/style.css">
- <link href="https://fonts.googleapis.com/css?family=Holtwood+One+SC" rel="stylesheet">
- </head>
- <body>
- <div class="container site">
- <h1 class="text-logo"><span class="glyphicon glyphicon-cutlery"></span> Burger Code <span class="glyphicon glyphicon-cutlery"></span></h1>
- <nav>
- <ul class="nav nav-pills">
- <li role="presentation" class="active"><a href="#1" data-toggle="tab">Menus</a></li>
- <li role="presentation" ><a href="#2" data-toggle="tab">Burgers</a></li>
- <li role="presentation" ><a href="#3" data-toggle="tab">Snacks</a></li>
- <li role="presentation" ><a href="#salades" data-toggle="tab">Salades</a></li>
- <li role="presentation" ><a href="#5" data-toggle="tab">Boissons</a></li>
- <li role="presentation" ><a href="#6" data-toggle="tab">Desserts</a></li>
- </ul>
- </nav>
- <div class="tab-content">
- <div class="tab-pane active" id="1">
- <div class="row">
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/m1.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Menu Classic</h4>
- <p>Sandwich : Burger, Salade, Tomate, Cornichon + Frites + Boisson</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span> Commander</a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/m2.png" alt="...">
- <div>9.50 €</div>
- <div class="caption">
- <h4>Menu Bacon</h4>
- <p>Sandwich : Burger, Fromage, Bacon, Salade, Tomate + Frites + Boisson</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span> Commander</a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/m3.png" alt="...">
- <div>10.90 €</div>
- <div class="caption">
- <h4>Menu Big</h4>
- <p>Sandwich : Double Burger, Fromage, Cornichon, Salade + Frites + Boisson</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span> Commander</a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/m4.png" alt="...">
- <div>9.90 €</div>
- <div class="caption">
- <h4>Menu Chicken</h4>
- <p>Sandwich : Poulet Frit, Tomate, Salade, Mayonaise + Frites + Boisson</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span> Commander</a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/m5.png" alt="...">
- <div>10.90 €</div>
- <div class="caption">
- <h4>Menu Fish</h4>
- <p>Sandwich : Poisson, Salade, Mayonaise, Cornichon + Frites + Boisson</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span> Commander</a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/m6.png" alt="...">
- <div>11.90 €</div>
- <div class="caption">
- <h4>Menu Double steak</h4>
- <p>Sandwich : Double Burger, Fromage, Bacon, Salade, Tomate + Frites + Boisson</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span> Commander</a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 2 partie-->
- <div class="tab-pane" id="2">
- <div class="row">
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/b1.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Menu Classic</h4>
- <p>Sandwich : Burger, Salade, Tomate, Cornichon + Frites + Boisson</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/b2.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Menu Bacon</h4>
- <p>'Sandwich: Burger, Fromage, Bacon, Salade, Tomate</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/b3.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Menu Big</h4>
- <p>Sandwich: Double Burger, Fromage, Cornichon, Salade</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/b4.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Menu Chicken</h4>
- <p>Sandwich: Poulet Frit, Tomate, Salade, Mayonnaise</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/b5.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Menu Fish</h4>
- <p>Sandwich: Poisson Pané, Salade, Mayonnaise, Cornichon</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/b6.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Menu Double Steak</h4>
- <p>Sandwich: Double Burger, Fromage, Bacon, Salade, Tomate + Frites + Boisson</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 3 partie -->
- <div class="tab-pane" id="3">
- <div class="row">
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/S1.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Frites</h4>
- <p>Pommes de terre frites</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/S2.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Onion Rings</h4>
- <p>'ondelles d''oignon frits</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/S3.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Nuggets</h4>
- <p>Nuggets de poulet frits</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/s4.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Nuggets Fromage</h4>
- <p>Nuggets de fromage frits</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/s5.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Ailes de Poulet</h4>
- <p>Ailes de poulet Barbecue</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 4 partie-->
- <div class="tab-pane" id="salades">
- <div class="row">
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/sa1.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Céssar Poulet Pané</h4>
- <p>'Poulet Pané, Salade, Tomate et la fameuse sauce Céssar</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/sa2.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Céssar Poulet Grillade</h4>
- <p>Poulet Grillé, Salade, Tomate et la fameuse sauce Céssar</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/sa3.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Salade Light</h4>
- <p>Salade, Tomate, Concombre, Maïs et Vinaigre balsamique</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/sa4.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Poulet Pané'</h4>
- <p>Poulet Pané, Salade, Tomate et la sauce de votre choix</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/sa5.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Poulet Grillé'</h4>
- <p>Poulet Grillé, Salade, Tomate et la sauce de votre choix</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 5 partie-->
- <div class="tab-pane" id="5">
- <div class="row">
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/bo1.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Coca-Cola</h4>
- <p>Au choix: Petit, Moyen ou Grand</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/bo2.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Coca-Cola Light</h4>
- <p>'Au choix: Petit, Moyen ou Grand</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/bo3.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Coca-Cola Zéro</h4>
- <p>Au choix: Petit, Moyen ou Grand</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/bo4.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Fanta</h4>
- <p>Au choix: Petit, Moyen ou Grand</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/bo5.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Sprite</h4>
- <p>Au choix: Petit, Moyen ou Grand</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/bO6.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Nestea</h4>
- <p>Au choix: Petit, Moyen ou Grand</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 6 -->
- <div class="tab-pane" id="6">
- <div class="tab-pane" id="6">
- <div class="row">
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/d1.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Fondant au chocolat</h4>
- <p>Au choix: Chocolat Blanc ou au lait</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/d2.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Muffin</h4>
- <p>Au choix: Au fruits ou au chocolat</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/d3.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Beignet</h4>
- <p>Au choix: Au chocolat ou à la vanille</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/d4.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Milkshake</h4>
- <p>Au choix: Fraise, Vanille ou Chocolat</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4">
- <div class="thumbnail">
- <img src="images/d5.png" alt="...">
- <div>8.90 €</div>
- <div class="caption">
- <h4>Sundae</h4>
- <p>Au choix: Fraise, Caramel ou Chocolat</p>
- <a href="#" class="btn btn-order" role="button"><span class="glyphicon glyphicon-shopping-cart"></span></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- stop -->
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement