iorbita

Tabs

Sep 20th, 2019
370
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.40 KB | None | 0 0
  1. <div class="container-fluid">
  2.     <div class="row menu-restaurant">{article Édition Menu Restaurant}
  3.         <div class="col-sm-10 col-md-8 col-lg-4 px-4 menu-restaurant-col1">
  4.             {tab Lunch}
  5.             <section class="lunch">
  6.                 <div class="lunch-intro">[lunch-intro]</div>
  7.                
  8.                 <div class="wrapper-title wrapper-lunch-title">
  9.                     <h4 class="lunch-title">[lunch-titre]</h4>
  10.                     <span class="lunch-price">[lunch-prix]</span></div>
  11.                
  12.                 <p class="lunch-disp">[lunch-disponibilite]</p>
  13.                
  14.                 <p class="lunch-txt">[lunch-texte]</p>
  15.             </section>
  16.             {tab Didons}           
  17.             <section class="didons">
  18.                 <div class="didons-intro">[didons-intro]</div>
  19.                
  20.                 <div class="wrapper-title wrapper-didons-title">
  21.                     <h4 class="didons-title">[didons-titre]</h4>
  22.                     <span class="didons-price">[didons-prix]</span></div>
  23.                
  24.                 <p class="didons-disp-s1">[didons-disponibilite-s1]</p>
  25.                
  26.                 <div class="didons-dishes">[didons-plats-s1]</div>
  27.                
  28.                 <p class="didons-disp-s1">[didons-disponibilite-s2]</p>
  29.                
  30.                 <div class="didons-dishes">[didons-plats-s2]</div>
  31.             </section>
  32.             {/tabs}
  33.         </div>
  34.         {/article} {article Édition Menu Restaurant}
  35.        
  36.         <div class="col-sm-10 col-md-8 col-lg-4 px-4 menu-restaurant-col2">
  37.             {tab Plateaux}
  38.             <section class="plateaux">
  39.                 <div class="plateaux-intro">[plateaux-intro]</div>
  40.                
  41.                 <p class="plateaux-disp">[plateaux-disponibilite]</p>
  42.                
  43.                 <div class="wrapper-title wrapper-nyama-title">
  44.                     <h4 class="nyama-title">[nyama-titre]</h4>
  45.                     <span class="nyama-price">[nyama-prix]</span></div>
  46.                
  47.                 <div class="nyama-dishes">[nyama-plats]</div>
  48.                
  49.                 <div class="wrapper-title wrapper-samaki-title">
  50.                     <h4 class="samaki-title">[samaki-titre]</h4>
  51.                     <span class="samaki-price">[samaki-prix]</span></div>
  52.                
  53.                 <div class="samaki-dishes">[samaki-plats]</div>
  54.                
  55.                 <div class="wrapper-title wrapper-mboga-title">
  56.                     <h4 class="mboga-title">[mboga-titre]</h4>
  57.                     <span class="mboga-price">[mboga-prix]</span></div>
  58.                
  59.                 <div class="mboga-dishes">[mboga-plats]</div>
  60.                
  61.                 <div class="wrapper-title wrapper-kiongozi-title">
  62.                     <h4 class="kiongozi-title">[kiongozi-titre]</h4>
  63.                     <span class="kiongozi-price">[kiongozi-prix]</span></div>
  64.                
  65.                 <div class="kiongozi-dishes">[kiongozi-plats]</div>
  66.             </section>
  67.             {/tabs}
  68.         </div>
  69.         {/article} {article Édition Menu Restaurant}
  70.        
  71.         <div class="col-sm-10 col-md-8 col-lg-4 px-4 menu-restaurant-col3">
  72.             {tab Afro Burgers}
  73.             <section class="burgers">
  74.                 <div class="burgers-intro">[afro-burger-intro]</div>
  75.                
  76.                 <div class="wrapper-title wrapper-burgers-title">
  77.                     <h3 class="afro-burger-title">[afro-burger-titre]</h3>
  78.                     <span class="afro-burger-price">[afro-burger-prix]</span></div>
  79.                
  80.                 <p class="afro-burger-disp">[afro-burger-disponibilite]</p>
  81.                
  82.                 <div class="afro-burger-dishes">[afro-burger-plats]</div>
  83.             </section>
  84.             {tab Sauces maison}
  85.            
  86.             <section class="sauces">
  87.                 <div class="sauces-intro">[sauces-intro]</div>
  88.                
  89.                 <div class="wrapper-title wrapper-sauces-title">
  90.                     <h3 class="sauces-title">[sauces-titre]</h3>
  91.                     <span class="sauces-price">[sauces-prix]</span></div>
  92.                
  93.                 <p class="sauces-disp">[sauces-disponibilite]</p>
  94.                
  95.                 <div class="sauces-dishes">[sauces-plats]</div>
  96.             </section>
  97.             {tab Desserts}
  98.            
  99.             <section class="desserts">
  100.                 <div class="desserts-intro">[desserts-intro]</div>
  101.                
  102.                 <div class="wrapper-title wrapper-desserts-title">
  103.                     <h3 class="desserts-title">[desserts-titre]</h3>
  104.                     <span class="desserts-price">[desserts-prix]</span></div>
  105.                
  106.                 <p class="desserts-disp">[desserts-disponibilite]</p>
  107.                
  108.                 <div class="desserts-dishes">[desserts-plats]</div>
  109.             </section>
  110.             {/tabs}
  111.         </div>
  112.         {/article}
  113.     </div>
  114.     <div class="row menu-brunch">{article Édition Menu Restaurant}
  115.         <div class="col-sm-10 col-md-8 col-lg-4 px-4 menu-brunch-col1">
  116.             {tab Buffet}
  117.             <section class="brunch1">
  118.                 <div class="brunch-intro">[brunch-intro]</div>
  119.                
  120.                 <p class="brunch-disp">[brunch-disponibilite]</p>
  121.                
  122.                 <div class="wrapper-title wrapper-buffet-title">
  123.                     <h4 class="buffet-title">[buffet-titre]</h4>
  124.                     <span class="buffet-price">[buffet-prix]</span></div>
  125.                
  126.                 <div class="buffet-dishes">[buffet-plats]</div>
  127.                 {tab Funky}
  128.                
  129.                 <div class="wrapper-title wrapper-funky-title">
  130.                     <h4 class="funky-title">[funky-titre]</h4>
  131.                     <span class="funky-price">[funky-prix]</span></div>
  132.                
  133.                 <div class="funky-dishes">[funky-plats]</div>
  134.             </section>
  135.             {/tabs}
  136.         </div>
  137.         {/article} {article Édition Menu Restaurant}
  138.        
  139.         <div class="col-sm-10 col-md-8 col-lg-4 px-4 menu-brunch-col2">
  140.             {tab Vegan}
  141.             <section class="brunch2">
  142.                 <div class="wrapper-title wrapper-vegan-title">
  143.                     <h4 class="vegan-title">[vegan-titre]</h4>
  144.                     <span class="vegan-price">[vegan-prix]</span></div>
  145.                
  146.                 <div class="vegan-dishes">[vegan-plats]</div>
  147.             </section>
  148.             {/tabs}
  149.         </div>
  150.         {/article} {article Édition Menu Restaurant}
  151.        
  152.         <div class="col-sm-10 col-md-8 col-lg-4 px-4 menu-brunch-col3">
  153.             {tab Epicurien}
  154.             <section class="brunch3">
  155.                 <div class="wrapper-title wrapper-epic-title">
  156.                     <h4 class="epic-title">[epicurien-titre]</h4>
  157.                     <span class="epic-price">[epicurien-prix]</span></div>
  158.                
  159.                 <div class="epic-dishes">[epicurien-plats]</div>
  160.             </section>
  161.             {/tabs}
  162.         </div>
  163.         {/article}
  164.     </div>
  165. </div>
Advertisement
Add Comment
Please, Sign In to add comment