WORDPRESS VERSION AVAILABLE HERE
Moderna is responsive and clear HTML template which is fitted to each skilled enterprise websites and inventive private portfolio.
Moderna comes with two skins – boxed and stretched of which each has ten colour types. Boxed model comes with 15 patterns,
to offer you numerous choices in organizing and managing your contents.
These and another fundamental options of Moderna are listed under:
Now you don’t want to fret anymore about how your web page will look on smartphone or iPad, or smaller resolutions.
Moderna is totally responsive, and we are going to present you the right way to use it’s responsive options within the following sections.
HTML5 & CSS3
Improve your on-line expertise with CSS3 wonderful results and improvement course of with new HTML5 semantics.
Pinterest, Dribbble, Instagram, Picasa, Deviantart picture stream
We all know social networks and picture streams are very fashionable nowadays, so we determined to develop picture stream widgets
from hottest “social networks” and comparable websites. Following social widgets are included:
- Youtube movies
- Tweeter feed
- Information picture feed
- Vimeo, Youtube and HTML5 video
With Moderna you may present your movies in a lightbox, when utilizing vimeo or youtube video, or just in HTML5 video
participant. See it in motion on “media” web page.
44 social icons
We included 44 social icons which are already styled in the primary .css file “model.css”. You possibly can see preview of all of them
on “media” web page.
Data Packing containers, Tabs, Toggles and extra
You possibly can see all the weather that comes with Moderna in motion on the “components web page”. These components embrace:
- Three totally different types of dropcaps
- Accordion content material
- Tabs content material
- Toggle content material
- Data bins, together with information, error, success, observe, warning and store bins.
- 50 totally different styled icons to current your providers
- Checklist with coloured icons
- Checklist with gray colour icons
- Three button sizes
- Proper and left pullquote, full sized blockquote
- Three variations of highlighted textual content
As we already pointed, Moderna comes with two totally different skins, boxed and stretched model.
10 Colour Schemes
Moderna comes with ten pre-defined colour schemes, together with: default blue, darkish blue,
these days well-liked orange, purple, pink, purple, inexperienced, darkish inexperienced, chocolate brown and yellow.
15 Background Patterns for Boxed Model
There are 15 lovely background patterns together with darkish, mild for extra clear design, and two wooden patterns for extra
four Completely different Portfolio Web page Layouts
You possibly can select from 4 totally different portfolio layouts. These are: portfolio 2 columns, portfolio web page with three columns,
4 columns and portfolio with showcase. Portfolio with showcase can even have two, three, or 4 columns so you might have 6 potential layouts.
You possibly can see demo on “portfolio web page”.
2 Completely different Portfolio Single Layouts
There are two Portfolio Single Layouts – with gray background, in portfolio showcase model and clear white one.
- three Completely different Contact Pages
Moderna comes with three totally different Contact web page layouts: with vast map, with “quick map” (map width is identical as of the content material),
and phone web page that has no map.
- 17 HTML recordsdata
About web page, weblog, weblog single, columns, contact, contact with vast map, contact with quick map, components web page, index, media web page.
portfolio 2 columns, portfolio three columns, portfolio four columns, portfolio single venture, portfolio single easy, portfolio web page with showcase,
providers web page.
- Working PHP contact and remark kind
Use contact kind for getting in contact along with your shoppers. All you might want to do is insert your electronic mail in PHP script file. Extra about it in following sections.
- Something slider
Moderna comes with very interactive Something slider the place you may outline customized animation for each factor within a slide panel.
- Filterable portfolio
Filterable portfolio is obtain with lovely quicksand plugin.
- prettyPhoto lightbox
Pictures are displayed with lovely prettyPhoto lightbox plugin, which is used additionally for displaying video content material.
- three degree dropdown menu
Dropdown menu has three ranges: predominant seen, first dropdown, second dropdown. It’s based mostly totally on css and makes use of jQuery just for sliding
- 100% W3C legitimate HTML recordsdata
The entire HTML recordsdata that comes with Moderna has been examined with W3C validator and are 100% legitimate.
- 960 Grid System
Moderna is predicated on 960 Grid System by Nathan Smith. Illustration of 960 GS columns is introduced on “columns” web page.
- Google Internet Fonts
There are 4 fonts utilized in Moderna: Droid Sans, Droid Serif, Pacifico and Introduction Professional. All of those fonts are google internet fonts so that you don’t want
to obtain each font individually.
- Cross-browser appropriate
Moderna is examined in all main browsers, that’s 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 photos to make you simpler to arrange your theme. Sure, that is it what you are actually studying.
- PSD Recordsdata Included
PSD recordsdata included are for stretched model, as a result of the format is identical for boxed model. There’s included 10 index recordsdata of which each presents one colour types,
and different web page designs in default blue colour: about, portfolio three col, portfolio with showcase, portfolio venture web page, weblog, weblog single,
providers, contact, contact-wide.
- Model 1.zero
15 August 2012 - First model launched
- Model 1.1 ( 04.09.2012. )
Fastened "index.html" file on Stretched model - Pointless script load Fastened "anytinhslider.css" file on Stretched model - Deleted line 81 (loading pointless picture) Fastened "about.html" file on Stretched model - Responsive nav has improper "id" Fastened "components.html" file on each Stretched and Boxed variations - Pointless script and css load (jquery.toggle.js and jquery-ui.css) Fastened "about.html" file on Boxed model - Double script load (jquery.placeholder.min.js)
- Model 1.2 ( 14.06.2013. )
Twitter Scroller up to date. Slider animation fastened. Slider hashTags eliminated. CSS up to date. Documentation up to date.
- Model 1.three. 14 July 2014
Up to date Social Photograph Stream Script
- Model 1.four. 26th June 2015
Up to date prettyPhoto script
Sources and Credit
- Google Internet Fonts
- prettyPhoto Lightbox
- Quicksand plugin
- jQuery Something Slider
- jQuery Easing
- Tweetable plugin
- HTML5 video
- Icon Sweets
- Icon Sweets 2
- jQuery placeholder
- Pictures within the Preview:
- Lovely photos by Juliana Rembrandt
- Lovely Illustrations by Michael Schmid
Essential: photos utilized in preview aren’t included within the obtain file.