templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{ controller_name }}{% endblock %}
  5. {% block metas %}
  6. <meta property="og:url"           content="https://computechapps.com" />
  7. <meta property="og:type"          content="website" />
  8. <meta property="og:title"         content="RockOut Cafe, Manati" />
  9. <meta property="og:description"   content="Your description" />
  10. <meta property="og:image"         content="https://www.your-domain.com/path/image.jpg" />
  11. {% endblock %}
  13. {% block body %}
  16.     <!-- slider_section - start
  17.     ================================================== -->
  18.     <section class="slider_section slider_dark" style="background-image: url({{ asset("assets/images/backgrounds/bg_01.png") }});">
  19.         <div class="main_slider pb-0 wow fadeInUp" data-wow-delay=".1s">
  20.             <div class="slider_item text-white" style="background-image: url({{ asset("assets/images/slider/img_03a.jpg") }});">
  21.                 <div class="container">
  22.                     <div class="row justify-content-lg-start justify-content-md-center">
  23.                         <div class="col-lg-6 col-md-8">
  24.                             <h3 class="title_text text-white text-uppercase" data-animation="fadeInUp" data-delay=".2s">
  25.                                 Rock Out Cafe
  26.                             </h3>
  27.                             <p data-animation="fadeInUp" data-delay=".4s">
  28.                                    Hamburgers, Cervezas y Rock
  29.                             </p>
  30.                             <ul class="btns_group ul_li" data-animation="fadeInUp" data-delay=".6s">
  31.                                 <li><a class="btn btn_primary text-uppercase" href="{{ url('menu_cat', {'slug':'all'}) }}">Menu</a></li>
  32. {#                                <li><a class="btn btn_border border_white text-uppercase" href="{{ url('tags') }}">Search</a></li>#}
  33.                             </ul>
  34.                         </div>
  35.                     </div>
  36.                 </div>
  37.                 <div class="shape_image">
  38. {#                    <img src="{{ asset("assets/images/slider/shape_01.png") }}" alt="image_not_found">#}
  39.                 </div>
  40.             </div>
  42.             <div class="slider_item text-white" style="background-image: url({{ asset("assets/images/slider/img_01a.jpg") }});">
  43.                 <div class="container">
  44.                     <div class="row justify-content-lg-start justify-content-md-center">
  45.                         <div class="col-lg-6 col-md-8">
  46.                             <h3 class="title_text text-white text-uppercase" data-animation="fadeInUp" data-delay=".2s">
  47.                                 Hamburgers Homemade
  48.                             </h3>
  49.                             <p data-animation="fadeInUp" data-delay=".4s">
  50.                                 Hamburgers rellenos de churrasco, chorizos, y más
  51.                             </p>
  52.                             <ul class="btns_group ul_li" data-animation="fadeInUp" data-delay=".6s">
  53.                                 <li><a class="btn btn_primary text-uppercase" href="{{ url('menu_cat', {'slug':'hamburgers'}) }}">Menu de Hamburgers</a></li>
  54. {#                                <li><a class="btn btn_border border_white text-uppercase" href="{{ url('tags') }}">Search</a></li>#}
  55.                             </ul>
  56.                         </div>
  57.                     </div>
  58.                 </div>
  59.                 <div class="shape_image">
  60. {#                    <img src="{{ asset("assets/images/slider/shape_01.png") }}" alt="image_not_found">#}
  61.                 </div>
  62.             </div>
  64.             <div class="slider_item text-white" style="background-image: url({{ asset("assets/images/slider/img_01.png") }});">
  65.                 <div class="container">
  66.                     <div class="row justify-content-lg-start justify-content-md-center">
  67.                         <div class="col-lg-6 col-md-8">
  68.                             <h3 class="title_text text-white text-uppercase" data-animation="fadeInUp" data-delay=".2s">
  69.                                 Cervezas artesanales
  70.                             </h3>
  71.                             <p data-animation="fadeInUp" data-delay=".4s">
  72.                                 Disfruta de nuestra gran variedad de cervezas.
  73.                             </p>
  74.                             <ul class="btns_group ul_li" data-animation="fadeInUp" data-delay=".6s">
  75.                                 <li><a class="btn btn_primary text-uppercase" href="{{ url('menu_cat', {'slug': 'cervezas'}) }}">Menú de Cervezas</a></li>
  76. {#                                <li><a class="btn btn_border border_white text-uppercase" href="shop_details.html">Learn more</a></li>#}
  77.                             </ul>
  78.                         </div>
  79.                     </div>
  80.                 </div>
  81.                 <div class="shape_image">
  82.                     <img src="{{ asset("assets/images/slider/shape_01.png") }}" alt="image_not_found">
  83.                 </div>
  84.             </div>
  86.         </div>
  87.         <div class="carousel_nav">
  88.             <button class="main_left_arrow" type="button"><i class="fal fa-arrow-up"></i></button>
  89.             <button class="main_right_arrow" type="button"><i class="fal fa-arrow-down"></i></button>
  90.         </div>
  91.         <div class="slider_social_wrap">
  92.             <div class="container maxw_1560">
  93.                 <div class="row align-items-center justify-content-lg-between">
  94. {#                    <div class="col-lg-6 col-md-4 order-last">#}
  95. {#                        <a class="popup_video video_btn1 text-uppercase wow fadeInRight" href="http://www.youtube.com/watch?v=0O2aH4XLbto">#}
  96. {#                            <span class="pulse"><i class="fas fa-play"></i></span>#}
  97. {#                            <small>Play video</small>#}
  98. {#                        </a>#}
  99. {#                    </div>#}
  100. {#                    <div class="col-lg-6 col-md-8">#}
  101. {#                        <ul class="social_links social_text ul_li text-uppercase wow fadeInLeft">#}
  102. {#                            <li><a href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i> facebook</a></li>#}
  103. {#                            <li><a href="https://twitter.com/"><i class="fab fa-twitter"></i> twitter</a></li>#}
  104. {#                            <li><a href="https://www.youtube.com/"><i class="fab fa-youtube"></i> youtube</a></li>#}
  105. {#                        </ul>#}
  106. {#                    </div>#}
  107.                 </div>
  108.             </div>
  109.         </div>
  110.     </section>
  111.     <!-- slider_section - end
  112.     ================================================== -->
  115.     <!-- about_section - start
  116.     ================================================== -->
  117.     <section class="about_section sec_ptb_120 pb-0">
  118.         <div class="container">
  119.             <div class="row align-items-center justify-content-lg-between">
  120.                 <div class="col-lg-6 col-md-6 order-last">
  121.                     <div class="about_image2">
  122.                         <img class="wow fadeInUp" data-wow-delay=".1s" src="{{ asset('assets/images/about/img_12.png') }}" alt="image_not_found">
  123.                         <div class="year_content_wrap text-uppercase">
  124.                             <span class="wow fadeInUp" data-wow-delay=".2s">Desde....</span>
  125.                             <strong class="wow fadeInUp" data-wow-delay=".3s">2018</strong>
  126.                         </div>
  127. {#                        <div class="leaf_image wow fadeInUp" data-wow-delay=".4s">#}
  128. {#                            <img src="{{ asset('assets/images/about/img_12.png') }}" alt="image_not_found">#}
  129. {#                        </div>#}
  130.                     </div>
  131.                 </div>
  133.                 <div class="col-lg-5 col-md-6">
  134.                     <div class="about_content">
  135.                         <div class="section_title text-uppercase">
  136.                             <h2 class="small_title wow fadeInUp" data-wow-delay=".1s"><i class="fas fa-wine-bottle"></i> sobre nosotros</h2>
  137.                             <h3 class="big_title wow fadeInUp" data-wow-delay=".2s">
  138.                                 <u>rock out café</u>
  139.                             </h3>
  140.                         </div>
  141.                         <p class="wow fadeInUp" data-wow-delay=".3s">
  143.                         </p>
  144.                         <ul class="about_info ul_li_block">
  145.                             <li class="wow fadeInUp" data-wow-delay=".4s">
  146.                                 <h4 class="text-uppercase">es el lugar en manati </h4>
  147.                                 <p class="mb-0">
  148.                                     ...donde encontrará sus <strong><em>Hamburgers</em></strong> y <strong><em>Cervezas</em></strong> favoritas, acompañadas
  149.                                     de <strong><em>Rock</em></strong> clásico y moderno, en un ambiente sano y familiar.
  150.                                 </p>
  151.                             </li>
  152.                             <li class="wow fadeInUp" data-wow-delay=".5s">
  153.                                 <h4 class="text-uppercase">en las noches</h4>
  154.                                 <p class="mb-0">
  155.                                     ...<strong><em>Rock Out Café</em></strong> se convierte en el punto de encuentro donde tanto jóvenes como adultos disfrutan de
  156.                                     <strong><em>Karaoke</em></strong>, <strong><em>Música en vivo</em></strong>, y buena conversación.
  157.                                 </p>
  158.                             </li>
  159.                         </ul>
  160.                         <ul class="btns_group ul_li wow fadeInUp" data-wow-delay=".6s">
  161. {#                            <li>#}
  162. {#                                <a class="btn btn_primary text-uppercase" href="about.html">Learn more</a>#}
  163. {#                            </li>#}
  164. {#                            <li>#}
  165. {#                                <div class="chip_item">#}
  166. {#                                    <div class="chip_thumbnail">#}
  167. {#                                        <img src="{{ asset('assets/images/about/img_12.png') }}" alt="image_not_found">#}
  168. {#                                    </div>#}
  169. {#                                    <div class="chip_content text-uppercase">#}
  170. {#                                        <h5 class="chip_name">rasalina De Willamson</h5>#}
  171. {#                                        <span class="chip_title">Founder & CO</span>#}
  172. {#                                    </div>#}
  173. {#                                </div>#}
  174. {#                            </li>#}
  175.                         </ul>
  176.                     </div>
  177.                 </div>
  178.             </div>
  179.         </div>
  180.     </section>
  181.     <!-- about_section - end
  182.     ================================================== -->
  185.     <!-- recipe_menu_section - start
  186.     ================================================== -->
  187.     {% if evento %}
  188.     <section class="recipe_menu_section sec_ptb_120 bg_gray deco_wrap">
  189.         <div class="container">
  191.             <div class="section_title text-uppercase text-center">
  192.                 <h3 class="big_title wow fadeInUp" data-wow-delay=".2s">Próximo evento</h3>
  193.             </div>
  195.             <div class="testimonial_slider wow fadeInUp" data-wow-delay=".2s">
  196.                 <div class="testimonial_item_1 slider_item">
  197.                     <div class="row align-items-center">
  198.                         <div class="col-lg-6">
  199.                             <div class="item_image">
  200.                                 <img src="{{ asset("images/events/"~evento.imageName) }}" alt="image_not_found">
  201.                                 <div class="quote_icon">
  202.                                     {#                                    <img src="assets/images/testimonial/icon_01.png" alt="image_not_found">#}
  203.                                 </div>
  204.                             </div>
  205.                         </div>
  206.                         <div class="col-lg-6">
  207.                             <div class="item_content">
  208.                                 <div class="section_title text-uppercase">
  209.                                     <h3 class="small_title"><i class="fas fa-clock"></i> {{ evento.fecha.format('l d M, Y, h:i A') }}</h3>
  210.                                     <h4 class="big_title">
  211.                                         {{ evento.title }}
  212.                                     </h4>
  213.                                 </div>
  214.                                 <p>
  215.                                     {{ evento.description }}
  216.                                 </p>
  217.                                 {#                                <div class="testimonial_admin text-uppercase">#}
  218.                                 {#                                    <h5 class="admin_name">rasalina De Willamson</h5>#}
  219.                                 {#                                    <ul class="rating_star ul_li">#}
  220.                                 {#                                        <li><i class="fas fa-star"></i></li>#}
  221.                                 {#                                        <li><i class="fas fa-star"></i></li>#}
  222.                                 {#                                        <li><i class="fas fa-star"></i></li>#}
  223.                                 {#                                        <li><i class="fas fa-star"></i></li>#}
  224.                                 {#                                        <li><i class="far fa-star"></i></li>#}
  225.                                 {#                                    </ul>#}
  226.                                 {#                                    <span class="admin_title">Founder & CO</span>#}
  227.                                 {#                                </div>#}
  228.                             </div>
  229.                         </div>
  230.                     </div>
  231.                 </div>
  233.             </div>
  234.         </div>
  236.     </section>
  237.     {% endif %}
  238.     <!-- recipe_menu_section - end
  239.     ================================================== -->
  240.     <!-- feature_primary_section - start
  241.     ================================================== -->
  243. {% if tags %}
  244.     <section class="feature_primary_section3 mt-5">
  245.         <div class="container maxw_1720">
  246.             <div class="row">
  248.                 <div class="section_title text-uppercase text-center">
  249.                     <h3 class="big_title wow fadeInUp" data-wow-delay=".1s">tags destacados</h3>
  250.                 </div>
  252.             {% for t in tags %}
  253.                 <div class="col-lg-2 col-md-4 col-sm-6">
  254.                     <div class="feature_primary box_style wow fadeInUp" data-wow-delay=".1s">
  255. {#                        <div class="item_icon">#}
  256. {#                            <span class="item_serial">1</span>#}
  257. {#                            <img src="assets/images/feature/icon_01.png" alt="icon_not_found">#}
  258. {#                        </div>#}
  259.                         <a href="{{ url('tag', {'slug':t.slug}) }}" class="tag_list">
  260.                             <h3 class="item_title text-uppercase mb-0">#{{ t.content }}</h3>
  261.                         </a>
  262.                     </div>
  263.                 </div>
  264.             {% endfor %}
  266.             </div>
  267.         </div>
  268.     </section>
  269. {% endif %}
  270.     <!-- feature_primary_section - end
  271.     ================================================== -->
  274.     <!-- recipe_menu_section - start
  275.     ================================================== -->
  276.     <section class="recipe_menu_section sec_ptb_120 deco_wrap text-white" style="background-image: url(assets/images/backgrounds/bg_08.png);">
  277.         <div class="container">
  278.             <div class="section_title text-uppercase text-center">
  279. {#                <h2 class="small_title text-white wow fadeInUp" data-wow-delay=".2s"><i class="fas fa-coffee"></i> Our special Menu</h2>#}
  280.                 <h3 class="big_title text-white wow fadeInUp" data-wow-delay=".3s">
  281.                     menú destacado
  282.                 </h3>
  283.             </div>
  285.             <div class="recipe_item_grid grid wow fadeInUp" data-wow-delay=".5s">
  286.                 {% for p in prods %}
  287.                     {% if p.isActivo %}
  288.                         <div class="element-item chocolate greantea " data-category="chocolate">
  289.                             <div class="recipe_item style_2">
  290.                                 <div class="content_col">
  291.                                     <a class="item_image" href="{{  url('menu_item', {'slug':p.slug}) }}">
  292.                                         <img src="{{ asset("images/products/"~p.imageName) }}" alt="image_not_found" width="240" height="180">
  293.                                     </a>
  294.                                     <div class="item_content">
  295.                                         <h3 class="item_title text-uppercase">
  296.                                             <a href="{{  url('menu_item', {'slug':p.slug}) }}">{{ p }}</a>
  297.                                         </h3>
  298.                                         <p class="pb-2">
  299.                                             {{ p.description }}
  300.                                         </p>
  301.                                         <div class="details_share_links">
  303.                                             <ul class="tag_list ul_li">
  304.                                                 <li><h4 class="list_title"><i class="fas fa-tags mr-1"></i> </h4></li>
  305.                                                 {% for t in p.tags %}
  306.                                                     <li class="tag_list"><a href="{{url('tag', {'slug':t.slug})}}">#{{ t.content }}</a></li>
  307.                                                 {% endfor %}
  309.                                             </ul>
  310.                                         </div>
  311.                                     </div>
  312.                                 </div>
  313.                                 <div class="content_col">
  314.                                     <strong class="item_price">
  315.                                         <sub>$</sub>{{ p.priceRetail | number_format(2) }}
  316.                                     </strong>
  317.                                 </div>
  318.                             </div>
  319.                         </div>
  320.                     {% endif %}
  321.                 {% endfor %}
  322.             </div>
  323.         </div>
  325.         <div class="deco_big_text text-uppercase text-center wow fadeInUp" data-wow-delay=".1s">
  326.             RockOut
  327.         </div>
  329.         <div class="scratch scratch_top">
  330.             <img src="assets/images/decorations/scratch_02.png" alt="image_not_found">
  331.         </div>
  332.         <div class="scratch scratch_bottom">
  333.             <img src="assets/images/decorations/scratch_01.png" alt="image_not_found">
  334.         </div>
  335.     </section>
  336.     <!-- recipe_menu_section - end
  337.     ================================================== -->
  339.     <!-- blog_section - start
  340.     ================================================== -->
  341.     {% if eventos %}
  342.     <section class="blog_section sec_ptb_120">
  343.         <div class="container">
  345.             <div class="section_title text-uppercase text-center">
  346.                 <h3 class="big_title wow fadeInUp" data-wow-delay=".1s">Próximos Eventos</h3>
  347.             </div>
  349.             {% for e in eventos %}
  350.             <div class="row justify-content-center">
  351.                 <div class="col-lg-4 col-md-6 col-sm-6">
  352.                     <div class="blog_grid wow fadeInUp" data-wow-delay=".1s">
  353.                         <div class="post_date bg_default_brown text-uppercase">{{ e.fecha.format('D d M y, h:i A') }}</div>
  354.                         <a class="item_image" href="#">
  355.                             <img src="{{ asset("images/events/"~e.imageName) }}" alt="image_not_found">
  356.                         </a>
  357.                         <div class="item_content">
  358.                             <h3 class="item_title text-uppercase">
  359.                                 <a href="#">{{ e.title }}</a>
  360.                             </h3>
  361.                             <p>{{e.description}}</p>
  362.                             <a class="btn_text text-uppercase" href="#"><span>Más</span> <i class="far fa-angle-double-right"></i></a>
  364.                         </div>
  365.                     </div>
  366.                 </div>
  368.             </div>
  369.             {% endfor %}
  371.             <div class="load_more text-center wow fadeInUp" data-wow-delay=".2s">
  372.                 <a class="btn btn_border border_black text-uppercase" href="{{ url('eventos') }}">Ver todos</a>
  373.             </div>
  375.         </div>
  376.     </section>
  377.     {% endif %}
  378.     <!-- blog_section - end
  379.     ================================================== -->
  381. {% endblock %}