<!DOCTYPE html><html><!doctype html><html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="x-ua-compatible" content="ie=edge"> {% block metas %} <meta property="og:url" content="https://computechapps.com" /> <meta property="og:type" content="website" /> <meta property="og:title" content="RockOut Cafe, Manati" /> <meta property="og:description" content="Hamburgers, Cervezas y Rock" /> <meta property="og:image" content="{{ asset("assets/images/backgrounds/bg_01.png") }}" /> {% endblock %} <title>RockOut Cafe, Manati-{% block title %}{% endblock %}</title> <link rel="shortcut icon" href="{{ asset('assets/images/logo/favicon.jpg') }}"> <!-- fraimwork - css include --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/bootstrap.min.css') }}"> <!-- icon font - css include --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/fontawesome.css') }}"> <!-- animation - css include --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/animate.css') }}"> <!-- carousel - css include --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/slick.css') }}"> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/slick-theme.css') }}"> <!-- popup - css include --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/magnific-popup.css')}}"> <!-- jquery-ui - css include --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/jquery-ui.css') }}"> <!-- custom - css include --> <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/style.css') }}"> </head> <!-- body_wrap - start --> <div class="body_wrap"> <!-- backtotop - start --> <div class="backtotop"> <a href="#" class="scroll"> <i class="far fa-arrow-up"></i> <i class="far fa-arrow-up"></i> </a> </div> <!-- backtotop - end --> <!-- preloader - start --> <div id="preloader"></div> <!-- preloader - end --> <!-- header_section - start ================================================== --> <header class="header_section style_2"> <div class="content_wrap"> <div class="container maxw_1560"> <div class="row align-items-center"> <div class="col-lg-2 col-md-6 col-6"> <div class="brand_logo"> <a class="brand_link" href="{{ url('home') }}"> <img src="{{ asset("assets/images/logo/logo_white_1x.png") }}" srcset="{{ asset("assets/images/logo/logo_white_1x.png") }} 2x" alt="logo_not_found"> </a> </div> </div> <div class="col-lg-10 col-md-6 col-6"> <nav class="main_menu navbar navbar-expand-lg"> <button class="mobile_menu_btn navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_menu_dropdown" aria-controls="main_menu_dropdown" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"><i class="fal fa-bars"></i></span> </button> <div class="main_menu_inner collapse navbar-collapse" id="main_menu_dropdown"> {{ knp_menu_render('main') }} </div> <ul class="header_btns_group ul_li_right">{# <li>#}{# <button type="button" class="main_search_btn" data-bs-toggle="collapse" data-bs-target="#main_search_collapse" aria-expanded="false" aria-controls="main_search_collapse">#}{# <i class="fal fa-search"></i>#}{# </button>#}{# </li>#}{# <li>#}{# <button type="button" class="cart_btn">#}{# <i class="fal fa-shopping-bag"></i>#}{# <small class="cart_counter">2</small>#}{# </button>#}{# </li>#} <li> <a class="btn btn_primary text-uppercase" href="{{ url('contact') }}">Contacto</a> </li> </ul> </nav> </div> </div> </div> </div> <!-- collapse search - start --> <div class="main_search_collapse collapse" id="main_search_collapse"> <div class="main_search_form card"> <div class="container maxw_1560">{# <form action="#">#}{# <div class="form_item">#}{# <input type="search" name="search" placeholder="Search here...">#}{# <button type="submit" class="submit_btn"><i class="fal fa-search"></i></button>#}{# </div>#}{# </form>#} </div> </div> </div> <!-- collapse search - end --> </header> <!-- header_section - end ================================================== --> <!-- main body - start ================================================== --> <main> {% block body %}{% endblock %} </main> <!-- main body - end ================================================== --> {{ include('footer.html.twig') }} </div> <!-- fraimwork - jquery include --> <script src="{{ asset('assets/js/jquery.min.js') }}"></script> <script src="{{ asset('assets/js/bootstrap.min.js') }}"></script> <!-- animation - jquery include --> <script src="{{ asset('assets/js/wow.min.js') }}"></script> <!-- carousel - jquery include --> <script src="{{ asset('assets/js/slick.min.js') }}"></script> <!-- popup - jquery include --> <script src="{{ asset('assets/js/magnific-popup.min.js') }}"></script> <!-- isotope filter - jquery include --> <script src="{{ asset('assets/js/isotope.pkgd.min.js') }}"></script> <!-- google map - jquery include --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDk2HrmqE4sWSei0XdKGbOMOHN3Mm2Bf-M&ver=2.1.6"></script> <script src="{{ asset('assets/js/gmaps.min.js') }}"></script> <!-- jquery-ui - jquery include --> <script src="{{ asset('assets/js/jquery-ui.js') }}"></script> <!-- off canvas sidebar - jquery include --> <script src="{{ asset('assets/js/mCustomScrollbar.js') }}"></script> <!-- custom - jquery include --> <script src="{{ asset('assets/js/main.js') }}"></script></html>