Al Fresco - E-Commerce Restaurant Template

An eCommerce Restaurant Template

Created: 31 Oct, 2016

24/7 Support: Send us a message from our profile

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

Template Installation

  1. FTP Upload:
    • Open up your FTP manager and connect to your hosting
    • Browse to required directory (Normally public_html)
    • Upload the files inside Al Fresco folder.

Pages

    • index.html is for Default Home page
    • about.html is for aboud page
    • accordions.html is for accordions style page
    • blog-circle.html is for blog page with circle style
    • blog-full-width.html is for blog page with full width style
    • blog-grid.html is for blog page with grid style
    • blog-single.html is for blog single page
    • contact.html is for contact us page
    • layout.html is for different layout page
    • menu.html is for food menu page
    • menu-details.html is for food menu details page
    • pricing-tables.html is for pricing page
    • room-booking.html is for room booking page
    • rooms-listing.html is for rooms listing page
    • scrolled-nav.html is for scrolled nav style page
    • shop-page.html is for shop page
    • shop-cart.html is for shop cart page
    • shop-details.html is for shop details page
    • the-staff.html is for staff page

Fonts

	<!-- Google Fonts
	============================================ -->
	 Roboto Condensed  - <link href='https://www.google.com/fonts/specimen/Roboto+Condensed' rel='stylesheet' type='text/css'>
	 Montserrat  - <link href='https://www.google.com/fonts/specimen/Montserrat' rel='stylesheet' type='text/css'>
	 Alex Brush  - <link href='https://www.google.com/fonts/specimen/Alex+Brush' rel='stylesheet' type='text/css'>

Source File (CSS)

	
	<!-- All CSS Files -->

	<!-- Bootstrap CSS
	============================================ -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	

	<!-- Bootstarp Select CSS
	============================================ -->
	<link rel="stylesheet" href="css/bootstrap-select.css">
	

	<!-- Mean Menu CSS
	============================================ -->
	<link rel="stylesheet" href="css/meanmenu.css">
	

	<!-- FontAwesome CSS
	============================================ -->
	<link rel="stylesheet" href="css/font-awesome.min.css">
	

	<!-- owl.carousel CSS
	============================================ -->
	<link rel="stylesheet" href="css/owl.carousel.css">
	

	<!-- nivo slider CSS
	============================================ -->
	<link rel="stylesheet" href="lib/css/nivo-slider.css" type="text/css" />
	<link rel="stylesheet" href="lib/css/preview.css" type="text/css" media="screen" />
	

	<!-- jquery-ui CSS
	============================================ -->
	<link rel="stylesheet" href="css/jquery-ui.css">
	

	<!-- animate CSS
	============================================ -->
	<link rel="stylesheet" href="css/animate.css">
	

	<!-- style CSS
	============================================ -->
	<link rel="stylesheet" href="style.css">
	

	<!-- Responsive CSS
	============================================ -->
	<link rel="stylesheet" href="css/responsive.css">

Source File (JS)

	<!-- All JS Files-->
	
	<!-- jquery
	============================================ -->
	<script src="js/vendor/jquery-1.12.0.min.js"></script>
	

	<!-- bootstrap JS
	============================================ -->
	<script src="js/bootstrap.min.js"></script>
	<script src="js/bootstrap-select.min.js"></script>
	

	<!-- meanmenu JS
	============================================ -->
	<script src="js/jquery.meanmenu.js"></script>
	

	<!-- owl.carousel JS
	============================================ -->
	<script src="js/owl.carousel.min.js"></script>
	

	<!-- Nivo slider js
	============================================ -->
	<script src="lib/js/jquery.nivo.slider.js" type="text/javascript"></script>
	<script src="lib/home.js" type="text/javascript"></script>
	

	<!-- flex slider JS
	============================================ -->
	<script src="js/flexslider.min.js"></script>
	

	<!-- plugins JS
	============================================ -->
	<script src="js/plugins.js"></script>
	

	<!-- sticky JS
	============================================ -->
	<script src="js/sticky.js"></script>
	

	<!-- main JS
	============================================ -->
	<script src="js/main.js"></script>

Customization

How to Change Logo

How to Change Copyright

 

Thanks

Once again thank you for purchasing one of our Templates

Best Regards

envalab team