- Site Template
- WordPress Theme
- Blogging Theme
- CMS Theme
- Marketing Template
- eCommerce Theme
- Forum Theme
- Flash Template
- PSD Web Template
- .NET Script
- PHP Script
- HTML5 Code
- CSS Style
- Edge Animate Template
- Muse Template
- TypeEngine Theme
- Static Site Generator
- Sketch Template
ThemeForest Moderna Responsive HTML5 Template 2857189
Site Template \ Creative
Html \ Portfolio \ Orange \ Instagram \ Responsive \ White \ Simple \ Video
Site Template - Moderna Responsive HTML5 Template 2857189 by pixel-industry @ ThemeForest
Site Template \ Creative
Last Update: 5 September 12; Columns: 2; Compatible Browsers: IE7, IE8, IE9, Firefox 3, Firefox 4, Safari 4, Safari 5, Opera, Chrome; Documentation: Well Documented; High Resolution: No; Layout: Responsive; ThemeForest Files Included: Layered PNG, Layered PSD, HTML Files, CSS Files, JS Files, PHP Files.
WORDPRESS VERSION AVAILABLE HERE
Moderna is responsive and clean HTML template which is suited for both professional business sites and creative personal portfolio.
Moderna comes with two skins – boxed and stretched of which every has ten color styles. Boxed version comes with 15 patterns,
to give you countless options in organizing and managing your contents.
These and some other basic features of Moderna are listed below.
- Responsive Design
Now you don’t need to worry anymore about how your page will look on smartphone or iPad, or smaller resolutions.
Moderna is fully responsive, and we will show you how to use it’s responsive features in the following sections.
- HTML5 & CSS3
Enhance your online experience with CSS3 amazing effects and development process with new HTML5 semantics.
- Pinterest, Dribbble, Instagram, Picasa, Deviantart photo stream
We know social networks and photo streams are very popular these days, so we decided to develop photo stream widgets
from most popular “social networks” and similar sites. Following social widgets are included.
- Youtube videos
- Tweeter feed
- News photo feed
- Vimeo, Youtube and HTML5 video
With Moderna you can show your videos in a lightbox, when using vimeo or youtube video, or simply in HTML5 video
player. See it in action on “media” page.
- 44 social icons
We included 44 social icons that are already styled in the main .css file “style.css”. You can see preview of all of them
on “media” page.
- Info Boxes, Tabs, Toggles and more
You can see all the elements that comes with Moderna in action on the “elements page”. These elements include.
- Three different styles of dropcaps
- Accordion content
- Tabs content
- Toggle content
- Info boxes, including info, error, success, note, warning and shop boxes.
- 50 different styled icons to present your services
- List with colored icons
- List with grey color icons
- Three button sizes
- Right and left pullquote, full sized blockquote
- Three versions of highlighted text
- 2 Skins
As we already pointed, Moderna comes with two different skins, boxed and stretched version.
- 10 Color Schemes
Moderna comes with ten pre-defined color schemes, including: default blue, dark blue,
nowadays popular orange, red, pink, purple, green, dark green, chocolate brown and yellow.
- 15 Background Patterns for Boxed Version
There are 15 beautiful background patterns including dark, light for more clean design, and two wood patterns for more
- 4 Different Portfolio Page Layouts
You can choose from four different portfolio layouts. These are: portfolio 2 columns, portfolio page with three columns,
four columns and portfolio with showcase. Portfolio with showcase can also have two, three, or four columns so you have 6 possible layouts.
You can see demo on “portfolio page”.
- 2 Different Portfolio Single Layouts
There are two Portfolio Single Layouts – with grey background, in portfolio showcase style and clean white one.
- 3 Different Contact Pages
Moderna comes with 3 different Contact page layouts: with wide map, with “short map” (map width is the same as of the content),
and contact page that has no map.
- 17 HTML files
About page, blog, blog single, columns, contact, contact with wide map, contact with short map, elements page, index, media page.
portfolio 2 columns, portfolio 3 columns, portfolio 4 columns, portfolio single project, portfolio single simple, portfolio page with showcase,
- Working PHP contact and comment form
Use contact form for getting in touch with your clients. All you need to do is insert your email in PHP script file. More about it in following sections.
- Anything slider
Moderna comes with very interactive Anything slider where you can define custom animation for every element inside of a slide panel.
- Filterable portfolio
Filterable portfolio is achieve with beautiful quicksand plugin.
- prettyPhoto lightbox
Images are displayed with beautiful prettyPhoto lightbox plugin, which is used also for displaying video content.
- 3 level dropdown menu
Dropdown menu has three levels: main visible, first dropdown, second dropdown. It’s based fully on css and uses jQuery only for sliding
- 100% W3C valid HTML files
All of the HTML files that comes with Moderna has been tested with W3C validator and are 100% valid.
- 960 Grid System
Moderna is based on 960 Grid System by Nathan Smith. Illustration of 960 GS columns is presented on “columns” page.
- Google Web Fonts
There are four fonts used in Moderna: Droid Sans, Droid Serif, Pacifico and Advent Pro. All of these fonts are google web fonts so you don’t need
to download every font separately.
- Cross-browser compatible
Moderna is tested in all major browsers, that is Chrome, Firefox, Opera, Safari and IE and works good in all of them.
- Very Detailed Documentation
Moderna comes with very detailed documentation which is enhanced with images to make you easier to set up your theme. Yes, this is it what you are now reading.
- PSD Files Included
PSD files included are for stretched version, because the layout is the same for boxed version. There is included 10 index files of which every presents one color styles,
and other page designs in default blue color: about, portfolio 3 col, portfolio with showcase, portfolio project page, blog, blog single,
services, contact, contact-wide.
- Version 1.0
- 15 August 2012 – First version released
- Version 1.1 ( 04.09.2012. )
- Fixed “index.html” file on Stretched version – Unnecessary script load
- Fixed “anytinhslider.css” file on Stretched version – Deleted line 81 (loading unnecessary image)
- Fixed “about.html” file on Stretched version – Responsive nav has wrong “id”
- Fixed “elements.html” file on both Stretched and Boxed versions – Unnecessary script and css load (jquery.toggle.js and jquery-ui.css)
- Fixed “about.html” file on Boxed version – Double script load (jquery.placeholder.min.js)
Sources and Credits
- Google Web Fonts
- prettyPhoto Lightbox
- Quicksand plugin
- jQuery Anything Slider
- jQuery Easing
- Tweetable plugin
- HTML5 video
- Icon Sweets
- Icon Sweets 2
- jQuery placeholder
- Images in the Preview.
- Beautiful images by Juliana Rembrandt
- Beautiful Illustrations by Michael Schmid
Important: images used in preview are not included in the download file.
Pocket Responsive HTML5 Theme; Moderna Responsive Wordpress Theme; Alexx - Multipurpose HTML5 Theme; Alexx - Multipurpose PSD Theme.
Keywords: 960 gs, Pinterest, business, clean, css3, custom backgrounds, html5, html5 video, instagram, orange, portfolio, responsive, seo, simple, white.
Android, Builder, Business, Clean, Corporate, Creative, Design, Ecommerce, Email, Fashion, Gallery, Image, Iphone, Jquery, Landing, Magazine, Magento, Marketing, Minimal, Mobile, Modern, Multi, Multipurpose, Online, Parallax, Personal, Photography, Plugin, Portfolio, Product, Responsive, Simple, Slider, Social, Store, Template, Theme, Video, Woocommerce, Wordpress
Show all tags
Show all tags
- ThemeForest Dag Blog PSD Template 19600232
- ThemeForest Supar Multi-Purpose Landing Page HTML Template 19595165
- ThemeForest AMSport Sport Store Responsive Magento Theme 19605700
- ThemeForest Innovative HTML5 Landing Page 19581700
- ThemeForest Build With Us PSD Template 19560690
- ThemeForest Finance Business HTML Template 19501295
- ThemeForest Quick Cash Loan Company & Finance Advisor 19596655
- ThemeForest Mohawk Multipurpose WooCommerce WordPress Theme 19433744
- ThemeForest Bayn WordPress Business Portfolio Theme 19433432
- ThemeForest Kids World Children Education WordPress Theme 19646988