Digi-digi

HTML Template Docs

These docs provide a detailed explanation of every section of the template you have purchased. If you are HTML, CSS, JS savvy, then this would be a good place to start.

Note: The images and videos used on the demo site are for demonstration purposes only and are not included in the download file.

Note: All the booking you see on the site apart don’t work!

Note: This is a HTML Template. Not a WordPress Theme. We will release it’s WordPress version soon.

On–told | Creative Agency for Digital Age

is clean, modern and professional Creative Digital Agency HTML Template. It is clean, modern and simple template that was built for designers, photographers, fashion agencies, freelancers and all creative folks.

Careful! Clings from the first second

The project

Home
Showcase
Case
Services
About us
Blog
Article
Creative menu
Feedback form
Subscribe to newsletter form
Preloader

Main Features

HTML5 and CSS 3
Clean, Creative, Modern & Beautiful Design
LESS
Fully Responsive, Compatible with all screen sizes
Well Organized Files
Well Commented Code
Easy Customization
Major Browsers compatibility
Well Documented
Google Fonts Used
Integrated Google Maps
W3C Valid Markup
Integrated Custom Image and video Slider
24/7 Friendly & Quick Support
And Much More

Support

We give support for all our items. We try to answer all questions within 24 hours in weekdays. Support requests receive during weekends or public holidays will be processed on next Monday or the next business day. if you have any questions, Please feel free to contact us.

Note -The images and videos used on the demo site are for demonstration purposes only and are not included in the download file.

Note: All the booking you see on the site apart don’t work!

Note -This is a HTML Template. Not a WordPress Theme. We will release it’s WordPress version soon.

Edit Pages

Home page Slider

Each slide has a class .slide. To add a slide, you need to add a new block with a class .slide. Each slide has a block with a class .bg_color, in which the attribute is registered with the background color. This color is used to darken the content of the slide.

For a slide with a video you need to use the class .video-slide. The video slide must have an attribute data-background, which contains the path to the image that is displayed on mobile devices when the video is disabled.

The image for the slide (.slide) is set through style=»background-image: url()»,where the url should specify the path to the image.

Portfolio

Images in portfolio entries (.portfolio .item) are set via background-image for the block .img

Contact form

The actions of the button when sending are described in file scripts.js starting from line 272 (for programming)

Form in modal window

The actions of the button when sending are described in file scripts.js starting from line 331 (for programming)

Showcase Page

The page contains switchers and associated whith them blocks. The switches are in the block .tabs-section.

Important: when you add or remove a new switch, you must do so in two blocks: .tabs и .js-mobile-select

.js-mobile-select – switch for mobile devices, connected to the main switch

div#portfolio contains the contents of the tabs. Number of switches and bloks .portfolio-block must match

Blog

Switches work similarly to a page with cases.

Other

The videos on the pages must contain the path to the image in attribute poster to be displayed before the video is played.

Changing the color of the menu opening effect. To change the colors you need to edit the block .shape-overlays > linearGradient, parameter stop-color

Menu. To add menu items, you need to add them via <li> in .global-menu__item .right ul

Preloader. To change preloader, you need to edit div#preloader. Set the height and width and set logo url.

Required Software

Text Editor

To modify this product you will require a text editor. There are a wide range of softwares out there that will do the trick but we would recommend Sumblime Text or Coda 2.

FTP Client

To publish your website you will need an FTP client which is a software that will allow you to connect to and upload the HTML files to your server. We would recommend using something like FileZilla.

Connect Using FTP

In order to connect to your server using an FTP client you’ll need the following information:

Host URL
Username
Password

Most hosts create an FTP account for you and commonly send out the above details in the welcome email when you sign up for a hosting plan. Others, require you to create an FTP account through your cPanel. If you have never set up an FTP account before, your host should be able to do this for you and answer any questions you may have.