Welcome Thank you for purchasing this HTML template. If you have any questions that are beyond the scope of this documentation, please visit our FAQ. Thank you! Getting Started To install this HTML template you will need to upload all files and folders using an FTP client. We recommend using FileZilla FTP client. To upload your template you will need the following: ● Domain ● FTP Username ● FTP Password Once connected make sure to upload ALL files and folders within the HTML folder of your download. In this Documentation ● Homepage Slider ● About Us ● Our Team ● Recent Works ● Blog ● Contact Us ● Get Job ● Layout & Content Styling ● Post page ● Portfolio Page ● Credits
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
WelcomeThank you for purchasing this HTML template. If you have any questions that are beyondthe scope of this documentation, please visit our FAQ. Thank you!
Getting Started
To install this HTML template you will need to upload all files and folders using an FTPclient. We recommend using FileZilla FTP client. To upload your template you will need thefollowing:
Domain FTP Username FTP Password
Once connected make sure to upload ALL files and folders within the HTML folder of yourdownload.
In this Documentation
Homepage Slider About Us Our Team Recent Works Blog Contact Us Get Job Layout & Content Styling Post page Portfolio Page Credits
Homepage Slider SlipprySlider, Jquery Plugin
Folder Structure and Naming
file: index.html, id=”slider”
Initializing the Slider
folder “js” file “scripts.js” , please find: var slippry
var slippry = $("#slippry").slippry(pager: false,auto: false
);
Slider Image Sizes
Minimal size of the image is 1920px x 1416px. The ratio of width to heigh is 1.8 : 1.
Adding a Slide
This is the way how to add a slide. You need to insert new HTML tag inside ul list:
In our example following css class are responsible for the caption position:
lgheaders, lgheadersdark, slidertext, textcenter, textleft,textright and others bootstrap3 selectors to text positioning
Caption Types
If you want your caption to have different font or background you can do it by adding this tothe <li> element additional class <your_class>, whereby you will define look of the file withstyles.
Media Inside Slide Video
In the HTML iframe we need to define the width and height original video
<p class="megahoverdeschiddenxs">Lorem ipsum dolor sit amet enim. Etiam ullamcorper.Suspendisse a pellentesque dui, non felis.</p>
<br /><a href="./recentwork.html"
class="btn btnlg active">Details</a></div>
</div></div>
Preffered max dimmensions of the block: width: 600px height:600px
How to add loaded work
folder: “ajax” file: “recentworks.html”
You can add here additional works, which will be loaded AJAX on the main page.
Blog
Folder Structure and Naming
file: index.html, id=”blog”
Content Owl Slider, Jquery Plugin
blog headers posts from our blog inside slider:
desktop, tablet 4 posts in the slide mobile 1 post in the slide
Contact Us
Folder Structure and Naming
file: index.html, id=”contactus”
Validation required/type fields
folder: “js” file: “scripts.js” line 133
Content
contact header contact form with following fields:
full name email address company name phone describe your project timeline budget additional comments
Love Your Job
Folder Structure and Naming
file: index.html, id=”getjob”
Content header and text inviting to send CV
Portfolio Page
Folder Structure and Naming
folder “/” file “recentwork.html”
Content
portfolio preview image, line 47, id = “fullscreenportfolioimage” description, line 66 clients comments, line 71 technology, line 123 recent works, line 193 carousel same as carousel in home page ( members team )
Post Page
Folder Structure and Naming
folder “/” file “post.html”
Content
big post image, preffered size: width: 1920px height: 500px
post container: header post details:
post date post author post comments sum up
post content post comments
multilevel comments display
reply form, fields: full name (required) email address (required) your comment
Layout & Content Styling
Styles are based on popular framework Bootstrap3. Whole site is in 100% responsive andperfectly adapts to display on the tablets and on mobile devices.