Grillino

Grillino - Restaurant & Cafe HTML5 Template

created: 22/12/2022

Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our support forum

24/7 Support: Send Us a message from Our Profile

Template Installation

FTP Upload:

Pages

Total 45 Pages

Fonts

Google free fonts:

On the header part of every page, you will find the HTML tag of fonts. If you want to change the fonts just copy your HTML embed code and replace it with the current one. Than Open assets/css/style.css file and change the fonts name from typography area. That's it...

Source File (CSS)

<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Flat Icon -->
<link rel="stylesheet" href="assets/css/flaticon.min.css">
<!-- Fontawesome Icon -->
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<!-- Date Picker -->
<link rel="stylesheet" href="assets/css/jquery.datetimepicker.min.css">
<!-- Layer Slider -->
<link rel="stylesheet" href="assets/css/layerslider.min.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<!-- Nice Select -->
<link rel="stylesheet" href="assets/css/nice-select.min.css">
<!-- Slick Slider -->
<link rel="stylesheet" href="assets/css/slick.min.css">
<!-- Theme Custom CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- Theme Color CSS -->
<link rel="stylesheet" href="assets/css/theme-color1.css">
CSS Source

Source File (Js)

<!-- Jquery -->
<script src="assets/js/vendor/jquery.min.js"></script>
<script src="assets/js/vendor/jquery-migrate-3.0.0.min.js"></script>
<!-- Slick Slider -->
<script src="assets/js/slick.min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- Layer Slider -->
<script src="assets/js/greensock.min.js"></script>
<script src="assets/js/layerslider.kreaturamedia.jquery.js"></script>
<script src="assets/js/layerslider.transitions.js"></script>
<!-- Counter js -->
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<!-- Date Picker -->
<script src="assets/js/jquery.datetimepicker.min.js"></script>
<!-- Magnific Popup -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- Nice Select -->
<script src="assets/js/jquery.nice-select.min.js"></script>
<!-- Custom Carousel -->
<script src="assets/js/vscustom-carousel.min.js"></script>
<!-- Mobile Menu -->
<script src="assets/js/vsmenu.min.js"></script>
<!-- Form Js -->
<script src="assets/js/ajax-mail.js"></script>
<!-- Google Map js -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC3Ip9iVC0nIxC6V14CKLQ1HZNF_65qEQ "></script>
<!-- Main Js File -->
<script src="assets/js/main.js"></script>
JS Source

Customization

How to Change Logo

Open assets\img folder and past your logo. Than go to the header section of html and replace the directory link.

Demo of How To Change Logo

How to Change Menu Links

Demo of How To Change Menu Links

How to Change Slider Parts

Demo of How To Change Slider Parts