Getting Started
Doyle is a minimal, creative Multipurpose HTML Template. Comes with 06 Home pages, Doyle fits for a range of business & corporation like Portfolio, fashion store, one page, photographer, media agency, web studios, designers, freelancers, entrepreneurs, marketing, artistic agencies, etc. Doyle is fully featured Multi-Concept, responsive, Bootstrap. Made for a freelancer, dressmaker or small corporations who are looking for fashionable, professional and minimum appearance. The overall minimalist coming near is the one of Doyle key point besides consumer-friendly experience and super layout.
Files Structure
/HTML/css(Template CSS)-
/img(All Images)/blog/portfolio/slideshow...
/js(Template JS)/libs(All external libs. We keep all of them in this folder to make updates easily.)
HTML Structure
We are using Bootstrap framework. So, basic HTML structure is same as it is used in Bootstrap.
<!DOCTYPE html> <html> <head> <!-- Bootstrap & Other CSS files --> </head> <body class="home-1 home"> <div id="all"> <header class="header"> <!-- Logo, Menu, Search, Cart ... --> </header> <div class="main-content"> <!-- Main Content --> </div> <footer class="section-footer"> <!-- Footer Menu, Copyright --> </footer> </div> <div class="go-up"> <!-- Go To Top button --> </div> <div id="page-preloader"> <!-- Page Loader --> </div> <!-- Include JS files --> </body> </html>
CSS Structure
The organization of the CSS is one of our priorities.
These are the CSS file we're using in the template:
style.css- (Main css style)responsive.css(Css responsive)
Customization & Styles
Fonts
To change the embedded font, please take a look in the head part of the website and you will find this tag:
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
To change the font, first go to http://www.google.com/webfonts choose a font and use the generated code.
Icons
1. Font Awesome (http://fontawesome.io/)
<i class="fa fa-edit"></i>
2. Stroke Icons 7 (https://themes-pixeden.com/font-demos/7-stroke/)
<i class="pe-7s-search"></i>
3. Flaticon (https://www.flaticon.com/)
<i class="flaticon-diamond"></i>
Source & Credits
-
Fonts:
- Google Fonts - http://www.google.com/webfonts
- Icon - Font Awesome - http://fontawesome.io/
- Icon - Stroke Icons 7 - https://themes-pixeden.com/font-demos/7-stroke/
- Icon - Flaticon - https://www.flaticon.com/
-
Scripts:
- jQuery - http://www.jquery.com/
- Bootstrap 3 - http://getbootstrap.com/
- Owl Carousel - http://www.owlgraphic.com/owlcarousel2/
- Nivo Slider - http://nivo.dev7studios.com/
Getting Support
If you are unable to find your answer here in our documentation, feel free to ask for help from our support team, all you have to do is contact with us via email tivatheme@cloodo.com.
Our support scope
Our support covers configuration, building site as demo, trouble using any features, and bug fixes. We don't provide support for customizations.
Our support time
We try our best to monitor the email around the clock, however, this is not always possible due to different time zones. We will try to reply you as fast as we can.
Our working time is 8.00 AM - 5.30 PM, Monday to Friday (GMT+7). So if ask for help in the weekend, you may have to wait a little bit for support and please be patient.