ThemeForest Drench A Responsive HTML5 Creative Template 2287449

ThemeForest Drench A Responsive HTML5 Creative Template 2287449

ThemeForest Drench A Responsive HTML5 Creative Template 2287449
Site Template \ Creative
Mobile \ Jquery \ Multiple \ Columns \ Responsive \ Portfolio \ Icons \ Html \ Fluid



Site Template - Drench A Responsive HTML5 Creative Template 2287449 by ThemeTile @ ThemeForest

Site Template \ Creative

Last Update: 5 May 12; Columns: 4+; Compatible Browsers: IE7, IE8, IE9, Firefox 2, Firefox 3, Firefox 4, Safari 4, Safari 5, Chrome; Documentation: Some Help; Layout: Liquid; ThemeForest Files Included: HTML Files, CSS Files, JS Files.

Introducing Drench
Drench brand new, exclusive HTML5 template. This website is perfect for any business’ or creative agency that want a stylish way of showing off their projects.

About Drench
What’s Included.

- HTML Files

- LESS /CSS Files

- JS/jQuery Files

- Pre built columns

- Flex Slider

- Isotope

Customising Drench.
Drench is one of easiest themes to customise. To allow this we’ve used LESS .css to make it as is as possible for you to edit. The file that lets you do this is customize.less . In here you’ll find self explanatory code to let you change the maximum width of your site as well as the base colour!

The best part of this is that you only need to change one colour and it will do it for the whole site! For example, the code you have at the moment looks like so.

@main-color: rgb(204, 61, 0);

but if we want to change that to a nice blue we could turn it into this.

@main-color: rgb(15, 60, 79);

It’s really as easy as that. Everything else will change automatically!

Columns Package
Drench comes with a pre built columns package to easily allow you to create your own columned pages. The different classes to use are all stored in the css.less file. To use these columns you just have to add the right classes. For example if I wanted to create a new page with two columns, one thin and one wide I’d just have to add this.

<div class="clearfix">
<div class="col-1">
Thin Column
</div>
<div class="col-3 no-right">
Wide Column
</div>
</div>

This will automatically give you flexible columns that will resize with page resizes. Remember you do have to make sure these are wrapped in a div width the class .clearfix to make sure it clears properly. And also that the div that will be on the right hand size needs to have the class .no-right to make sure there is no right margin.

Splash - HTML5 CSS3 Stylish Responsive Template; Squared - Responsive HTML5 CSS3 Creative Template; Drench WordPress - a Resonsive HTML5 WP Theme.

Keywords: agency, css3, fluid, fonts, gallery, google, html5, icons, jquery, mobile, multiple-columns, portfolio, responsive.



Tags: Responsive, Icons, Jquery, Google, Multiple, Portfolio

Premium ThemeForest Drench A Responsive HTML5 Creative Template 2287449 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of ThemeForest Drench A Responsive HTML5 Creative Template 2287449 for digital design and education. ThemeForest Drench A Responsive HTML5 Creative Template 2287449 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *