Ridgewood Co. – Responsive HTML5 Portfolio for Creatives

This template is a responsive and retina-ready HTML5 website with grid system layout. Its packary extention of Isotope2 arranges the tiles automatically, so that empty space is filled.

Features

  • Based on Twitter Bootstrop
  • Valid HTML5 / CSS3 pages
  • Perfectly responsive
  • Retina-Ready
  • Cross browser compatible – tested in IE 9,10,11; Firefox; Safari; Chrome and Opera.
  • Well formatted and commented, so it should be easy to adapt and extend
  • Website includes:
    • Home
    • About
    • Portfolio (+ separate Detail pages)
    • Services
    • Blog (+ separate Post page)
    • Contact
  • Very easy combination of blocks
  • Working ajax contact form with validation and working PHP mailer script
  • Hundreds of Retina-Ready Icons included
  • Working Twitter feed
  • Documentation included

Updates

  • October 2016 – Initial Release

Documentation / Support

An item documentation is included and the source code is properly commented and formatted, so you shouldn’t have any problem working with this item.

If you need support, please submit a ticket on our support forum (weibergmedia.ticksy.com). Please include the template name, website URL and detailed information about your problem. You can expect a response within 48 hours on weekdays, depending on the number of requests in queue.

Fonts

The following fonts were used:

  • Lato (Google Web Font)
  • Lora (Google Web Font)

Credtis

The Logo and all images are NOT included, but can be purchased. I will send you the links by email upon request.

Support & FAQ

Thank you for purchasing this HTML Template! I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

How do I add or remove the preloader?

Right below the 

<body>
tag comes the preloader code. Its code needs to be added or removed to have the preloader active. The JavaScript (preloader.js) is already included on all pages.

How to add another subpage?

Simply add another link to the main navigation menu and add the corresponding #tag in the link. Now, when the link is clicked all tiles with the corresponding #tag will be shown.

How to add another tile?

The tiles can have the 1/3, 2/3, 3/3, and 4/3 widths and needs the "home" class to be shown on default. You can also create 1/3 double in height (col1-3 double) and 2/3 half in width (col2-3 half).

How to implement a slideshow?

Link the flexslider JS and CSS file from project.html and add in the designated content area:

<div class="flexslider">
<div class="images">
<ul class="slides">
<li><img src="images/image01.jpg" alt="" /></li> 
<li><img src="images/image02.jpg" alt="" /></li>
</ul> </div>
</div>

How to alter the transition animation speed of the filter?

In jquery.isotope.load.js line 14, you can change the speed, which is displayed in seconds: The default is: transitionDuration: '0.6s'

Need more icons?

You find the codes in styles.css under section 10: Icons. If you need more font-awesome icons, then you’ll find what you need on this cheat sheet.

How to change the email address to which emails are sent from the contact form?

Find in contact.php: $address = 'hello@email.com'; There you can enter your email address. A few lines further down, you can also change the text which is displayed in the email.