Home / Multi-Purpose / Moderna Responsive HTML5 Template

Moderna Responsive HTML5 Template

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)



Moderna is and clear HTML template which is fitted to each skilled enterprise websites and inventive private .
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:


  • Responsive Design
    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:

    • Pinterest
    • Instagram
    • Dribbble
    • Picasa
    • Youtube movies
    • Deviantart
    • Flickr
    • 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
  • 2 Skins
    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
    artistic layouts.

  • 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
    animation, so it is going to for positive work even when person doesn’t have javascript enabled.

  • 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
  • jquery-ui-map
  • carouFredSel
  • Tweetable plugin
  • HTML5 video
  • Icon Sweets
  • Icon Sweets 2
  • HTML5shiv
  • 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.


Check Also


Honshi – Creative Multi Purpose Template

DOWNLOAD Honshi, a easy and glossy template impressed by a vibe and necessities of nature. ...


Mania – Digital & Photo Agency HTML Template

DOWNLOAD Mania HTML Template prepared for Photograph Studio and Digital Enterprise, with eCommerce help you’ll ...