Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here: Sunrisetheme on ThemeForest. Thanks so much!
“LYON HTML5 is absolutely one of our most gorgeous and professional template ever which is specially designed for hotel booking and room reservation. Besides its luxurious look, Lyon also comes with a user-friendly datepicker & booking forms as well as outstanding room listing layouts. This HTML5 template is responsive and retina-ready.
If you like my template, please rate it 5 stars.
Follow the steps below to get started with your Site Template:
html - lyon
Folder to find all the Templates Fileshtml - lyon/css
- Extra Stylesheets Folderhtml - lyon/font
- Fonts Folderhtml - lyon/images
- Images Folderhtml - lyon/js
- Javacripts Folderhtml - lyon/revolution
- Revolution Slider Folderhtml - lyon/index.html
- Index File/HomepageLYON follows a simple coding structure. here is the sample:
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<!-- Your Stylesheets, Scripts
============================================= -->
...
</head>
<body>
<!-- Header -->
<header class="k2t-header">
<!-- Header Top -->
...
<div class="col-10"> <!-- Menu Top -->
...
</div> <!-- Menu Top End -->
</div>
</div>
</div> <!-- Header Top End -->
</body>
</html>
The Logo Container can be found in the Header Container - #k2t-header-mid
<div class="h-element "> <a class="k2t-logo" rel="home" href="index.html"><img src="images/upload/logo.png" alt="Lyon – Hotel Booking HTML5 Template"></a> </div>
Change your Fonts on the LYON as we have included a css/main.css
file to manage the custom fonts you include with ease. By default, LYON uses 2 Fonts namely: Lato
& Old Standard TT
from the Google Fonts Library. You just copy Import Font Code from Google Font Library to the Import Fonts in css/main.css
@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700);
@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700);
In order to change the Fonts, you will need to Edit the Above Links with your Custom Font if you plan to use a Google Font or Remove it complete if you plan to use a Self Hosted font. Here is an Example for using Self Hosted Fonts.
You can now be able to change the Font Names in the css/main.css
File.
This is just a part of what is included in this html template. There is much more in there so you should check out the screenshots. If you have any questions about customization of this template which are not covered in the documentation feel free to ask a question in the comment section or contact me directly via e-mail form on my profile page.
A Product of Sunrisetheme
Don’t forget to rate the template. Thanks so much!