RecipePress
HTML Template

By Majestic Themes

RecipePress

RecipePress HTML Template

This documentation is last updated on 10 November 2015.

Thank you for purchasing this HTML template.

If you like this template, Please support us by rating this template with 5 stars (How to rate?)

Directories

  • images

    This folder contains all the images of RecipePress HTML template.

  • css

    This folder contains all the CSS files of RecipePress HTML template.

  • less

    This folder contains all the less files of RecipePress HTML template.

  • js

    This folder has all javascript files for various template features.

  • fonts

    This folder has all fonts used in the template.

  • video

    This folder has video files used in the template.

  • audio

    This folder has audio files used in the template.

Files

  • index.html

    Home page variation 1

  • variation-1.html

    Home page variation 1

  • variation-2.html

    Home page variation 2

  • variation-3.html

    Home page variation 3

  • variation-4.html

    Home page variation 4

  • variation-5.html

    Home page variation 5

  • blog.html

    Blog page

  • single.html

    Single post page

  • contact.html

    Contact us page

  • contact_form_handler.php

    Make contact form working

  • elements.html

    Elements page

  • our-chefs.html

    Chefs page

  • recipe-detail.html

    Recipe detail variation one page

  • recipe-detail2.html

    Recipe detail variation two page

  • recipe-listing.html

    Recipe listing list view page

  • recipe-listing-grid.html

    Recipe listing grid view page

  • submit-recipe.html

    Submit recipe form page

Head Structure

1

Header

2 2

Slider Structure

3 3

Footer Structure

4

Footer Essentials

5

Contact Form Handler

9

Embed Video

11
12
13

Animations

This theme uses WOW jQuery animation plugin and Animate CSS to make items appear when scroll down. There are lots of options and animation types available in this plugin. To add or remove animation you just have to put related classes as explained in following image.


Animation examples

'animated' and 'wow' classes are necessary to make any html content animate. You also have to give animation effect from list given on 'Animate CSS' site as 'zoomIn' and 'fadeInUp' classes are being used.

You can also use advanced effects like setting durations etc by following documentation from how to use page of this plugin.