CINXE.COM

<!DOCTYPE html> <html class="no-js" lang="en-CA" prefix="og: http://ogp.me/ns#"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://ninodezign.com:80/20-free-responsive-html5-css3-onepage-templates/","20200428070429","https://web.archive.org/","web","/_static/", "1588057469"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="google-site-verification" content="5OgputZ00-dWLGJE54nOswmqQMwSUIObDrZJ1gHst1w"/> <meta name="yandex-verification" content="6fcb1972d582efab"/> <meta name="verification" content="d08490d8c031742683ac6de5a0dbba1e"/> <link rel="pingback" href="http://ninodezign.com/xmlrpc.php"> <meta name="keywords" content="Freebies, Javascript, Web Designer, Free Resources, Html/Css, PSD, Material Design"/> <link rel="icon" type="image/icon" href="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/05/favicon.jpg"/> <script>document.documentElement.className = document.documentElement.className.replace("no-js","js");</script>  <title>20 Free Responsive HTML5 / CSS3 Onepage Templates - ninodezign.com</title> <meta name="description" content="20 Free HTML5 / CSS3 Responsive Onepage Templates. These Templates are very good, attractive in look and are absolutely"/> <meta name="robots" content="noodp"/> <link rel="canonical" href="https://web.archive.org/web/20200428070429/http://ninodezign.com/20-free-responsive-html5-css3-onepage-templates/"/> <link rel="publisher" href="https://plus.google.com/+NinoDezign/posts"/> <meta property="og:locale" content="en_US"/> <meta property="og:type" content="article"/> <meta property="og:title" content="20 Free Responsive HTML5 / CSS3 Onepage Templates - ninodezign.com"/> <meta property="og:description" content="20 Free HTML5 / CSS3 Responsive Onepage Templates. These Templates are very good, attractive in look and are absolutely"/> <meta property="og:url" content="https://web.archive.org/web/20200428070429/http://ninodezign.com/20-free-responsive-html5-css3-onepage-templates/"/> <meta property="og:site_name" content="ninodezign.com"/> <meta property="article:tag" content="Bootstrap Template"/> <meta property="article:tag" content="Free Templates"/> <meta property="article:tag" content="Freebies"/> <meta property="article:tag" content="HTML Template"/> <meta property="article:tag" content="HTML5 / CSS3 Template"/> <meta property="article:tag" content="One Page Template"/> <meta property="article:section" content="Free Template"/> <meta property="article:published_time" content="2014-10-28T07:46:45-04:00"/> <meta property="article:modified_time" content="2016-12-12T09:59:00-04:00"/> <meta property="og:updated_time" content="2016-12-12T09:59:00-04:00"/> <meta property="og:image" content="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/nino-nova-onepage-html-template.jpg"/> <meta property="og:image:width" content="720"/> <meta property="og:image:height" content="340"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:description" content="20 Free HTML5 / CSS3 Responsive Onepage Templates. These Templates are very good, attractive in look and are absolutely"/> <meta name="twitter:title" content="20 Free Responsive HTML5 / CSS3 Onepage Templates - ninodezign.com"/> <meta name="twitter:site" content="@ninodezign"/> <meta name="twitter:image" content="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/nino-nova-onepage-html-template.jpg"/> <meta name="twitter:creator" content="@ninodezign"/>  <link rel="dns-prefetch" href="//web.archive.org/web/20200428070429/http://s.w.org/"/> <link rel="alternate" type="application/rss+xml" title="ninodezign.com » Feed" href="https://web.archive.org/web/20200428070429/http://ninodezign.com/feed/"/> <link rel="alternate" type="application/rss+xml" title="ninodezign.com » Comments Feed" href="https://web.archive.org/web/20200428070429/http://ninodezign.com/comments/feed/"/> <link href="//web.archive.org/web/20200428070429cs_/http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css"> <link rel="alternate" type="application/rss+xml" title="ninodezign.com » 20 Free Responsive HTML5 / CSS3 Onepage Templates Comments Feed" href="https://web.archive.org/web/20200428070429/http://ninodezign.com/20-free-responsive-html5-css3-onepage-templates/feed/"/>  <script type="text/javascript" data-cfasync="false"> //<![CDATA[ _SHR_SETTINGS = {"endpoints":{"local_recs_url":"https:\/\/web.archive.org\/web\/20200428070429\/http:\/\/ninodezign.com\/wp-admin\/admin-ajax.php?action=shareaholic_permalink_related","share_counts_url":"https:\/\/web.archive.org\/web\/20200428070429\/http:\/\/ninodezign.com\/wp-admin\/admin-ajax.php?action=shareaholic_share_counts_api"}}; //]]> </script> <script type="text/javascript" data-cfasync="false" src="//web.archive.org/web/20200428070429js_/http://dsms0mj1bbhn4.cloudfront.net/assets/pub/shareaholic.js" data-shr-siteid="1c44bce5d287058402cbc0a14b69eafb" async="async"> </script>  <meta name="shareaholic:site_name" content="ninodezign.com"/> <meta name="shareaholic:language" content="en-CA"/> <meta name="shareaholic:url" content="http://ninodezign.com/20-free-responsive-html5-css3-onepage-templates/"/> <meta name="shareaholic:keywords" content="bootstrap template, free templates, freebies, html template, html5 / css3 template, one page template, onepage templates, free template"/> <meta name="shareaholic:article_published_time" content="2014-10-28T11:46:45+00:00"/> <meta name="shareaholic:article_modified_time" content="2017-07-27T03:38:18+00:00"/> <meta name="shareaholic:shareable_page" content="true"/> <meta name="shareaholic:article_author_name" content="ninodezign"/> <meta name="shareaholic:site_id" content="1c44bce5d287058402cbc0a14b69eafb"/> <meta name="shareaholic:wp_version" content="7.8.0.4"/> <meta name="shareaholic:image" content="http://ninodezign.com/wp-content/uploads/2014/10/nino-nova-onepage-html-template.jpg"/>  <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/web.archive.org\/web\/20200428070429\/https:\/\/s.w.org\/images\/core\/emoji\/2.2.1\/72x72\/","ext":".png","svgUrl":"https:\/\/web.archive.org\/web\/20200428070429\/https:\/\/s.w.org\/images\/core\/emoji\/2.2.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/web.archive.org\/web\/20200428070429\/http:\/\/ninodezign.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.7.16"}}; !function(a,b,c){function d(a){var b,c,d,e,f=String.fromCharCode;if(!k||!k.fillText)return!1;switch(k.clearRect(0,0,j.width,j.height),k.textBaseline="top",k.font="600 32px Arial",a){case"flag":return k.fillText(f(55356,56826,55356,56819),0,0),!(j.toDataURL().length<3e3)&&(k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57331,65039,8205,55356,57096),0,0),b=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55356,57331,55356,57096),0,0),c=j.toDataURL(),b!==c);case"emoji4":return k.fillText(f(55357,56425,55356,57341,8205,55357,56507),0,0),d=j.toDataURL(),k.clearRect(0,0,j.width,j.height),k.fillText(f(55357,56425,55356,57341,55357,56507),0,0),e=j.toDataURL(),d!==e}return!1}function e(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g,h,i,j=b.createElement("canvas"),k=j.getContext&&j.getContext("2d");for(i=Array("flag","emoji4"),c.supports={everything:!0,everythingExceptFlag:!0},h=0;h<i.length;h++)c.supports[i[h]]=d(i[h]),c.supports.everything=c.supports.everything&&c.supports[i[h]],"flag"!==i[h]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[i[h]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel="stylesheet" id="flick-css" href="https://web.archive.org/web/20200428070429cs_/http://ninodezign.com/wp-content/plugins/mailchimp//css/flick/flick.css?ver=4.7.16" type="text/css" media="all"/> <link rel="stylesheet" id="mailchimpSF_main_css-css" href="https://web.archive.org/web/20200428070429cs_/http://ninodezign.com/?mcsf_action=main_css&ver=4.7.16" type="text/css" media="all"/>  <link rel="stylesheet" id="es-widget-css-css" href="https://web.archive.org/web/20200428070429cs_/http://ninodezign.com/wp-content/plugins/email-subscribers/widget/es-widget.css?ver=4.7.16" type="text/css" media="all"/> <link rel="stylesheet" id="fancybox-style-css" href="https://web.archive.org/web/20200428070429cs_/http://ninodezign.com/wp-content/plugins/light/css/jquery.fancybox.css?ver=4.7.16" type="text/css" media="all"/> <link rel="stylesheet" id="dlm-frontend-css" href="https://web.archive.org/web/20200428070429cs_/http://ninodezign.com/wp-content/plugins/download-monitor/assets/css/frontend.css?ver=4.7.16" type="text/css" media="all"/> <link rel="stylesheet" id="style-css" href="https://web.archive.org/web/20200428070429cs_/http://ninodezign.com/wp-content/themes/hueman/style.css?ver=4.7.16" type="text/css" media="all"/> <link rel="stylesheet" id="responsive-css" href="https://web.archive.org/web/20200428070429cs_/http://ninodezign.com/wp-content/themes/hueman/responsive.css?ver=4.7.16" type="text/css" media="all"/> <link rel="stylesheet" id="custom-css" href="https://web.archive.org/web/20200428070429cs_/http://ninodezign.com/wp-content/themes/hueman/custom.css?ver=4.7.16" type="text/css" media="all"/> <link rel="stylesheet" id="font-awesome-css" href="https://web.archive.org/web/20200428070429cs_/http://ninodezign.com/wp-content/themes/hueman/fonts/font-awesome.min.css?ver=4.7.16" type="text/css" media="all"/> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-includes/js/jquery/jquery.js?ver=1.12.4"></script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1"></script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-content/plugins/mailchimp/js/scrollTo.js?ver=1.5.6"></script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-includes/js/jquery/jquery.form.min.js?ver=3.37.0"></script> <script type="text/javascript"> /* <![CDATA[ */ var mailchimpSF = {"ajax_url":"https:\/\/web.archive.org\/web\/20200428070429\/http:\/\/ninodezign.com\/"}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-content/plugins/mailchimp/js/mailchimp.js?ver=1.5.6"></script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4"></script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-content/plugins/mailchimp//js/datepicker.js?ver=4.7.16"></script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-content/themes/hueman/js/jquery.flexslider.min.js?ver=4.7.16"></script> <link rel="https://api.w.org/" href="http://ninodezign.com/wp-json/"/> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://ninodezign.com/xmlrpc.php?rsd"/> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://ninodezign.com/wp-includes/wlwmanifest.xml"/> <meta name="generator" content="WordPress 4.7.16"/> <link rel="shortlink" href="https://web.archive.org/web/20200428070429/http://ninodezign.com/?p=409"/> <link rel="alternate" type="application/json+oembed" href="https://web.archive.org/web/20200428070429/http://ninodezign.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fninodezign.com%2F20-free-responsive-html5-css3-onepage-templates%2F"/> <link rel="alternate" type="text/xml+oembed" href="https://web.archive.org/web/20200428070429/http://ninodezign.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fninodezign.com%2F20-free-responsive-html5-css3-onepage-templates%2F&format=xml"/> <script type="text/javascript"> jQuery(function($) { $('.date-pick').each(function() { var format = $(this).data('format') || 'mm/dd/yyyy'; format = format.replace(/yyyy/i, 'yy'); $(this).datepicker({ autoFocusNextInput: true, constrainInput: false, changeMonth: true, changeYear: true, beforeShow: function(input, inst) { $('#ui-datepicker-div').addClass('show'); }, dateFormat: format.toLowerCase(), }); }); d = new Date(); $('.birthdate-pick').each(function() { var format = $(this).data('format') || 'mm/dd'; format = format.replace(/yyyy/i, 'yy'); $(this).datepicker({ autoFocusNextInput: true, constrainInput: false, changeMonth: true, changeYear: false, minDate: new Date(d.getFullYear(), 1-1, 1), maxDate: new Date(d.getFullYear(), 12-1, 31), beforeShow: function(input, inst) { $('#ui-datepicker-div').removeClass('show'); }, dateFormat: format.toLowerCase(), }); }); }); </script>  <style type="text/css"> /* Dynamic CSS: For no styles in head, copy and put the css below in your custom.css or child theme's style.css, disable dynamic styles */ body { font-family: "Roboto Condensed", Arial, sans-serif; } .sidebar .widget { padding-left: 20px; padding-right: 20px; padding-top: 20px; } </style> </head> <body class="post-template-default single single-post postid-409 single-format-standard col-3cm full-width topbar-enabled unknown"> <div id="wrapper"> <header id="header"> <nav class="nav-container group" id="nav-topbar"> <div class="nav-toggle"><i class="fa fa-bars"></i></div> <div class="nav-text"></div> <div class="nav-wrap container"><ul id="menu-main-menu" class="nav container-inner group"><li id="menu-item-65" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-65"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/template/">Free Template</a></li> <li id="menu-item-5" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/">Html / CSS</a></li> <li id="menu-item-6" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/javascript/">Javascript</a></li> <li id="menu-item-255" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-255"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/psd/">PSD</a></li> <li id="menu-item-166" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-166"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/web-design/">Web Design</a></li> <li id="menu-item-1517" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1517"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/material-design/">Material Design</a></li> <li id="menu-item-696" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-696"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/freebies/">Freebies</a></li> <li id="menu-item-1748" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1748"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/showcase/">Showcase</a></li> </ul></div> <div class="container"> <div class="container-inner"> <div class="toggle-search"><i class="fa fa-search"></i></div> <div class="search-expand"> <div class="search-expand-inner"> <form method="get" class="searchform themeform" action="https://web.archive.org/web/20200428070429/http://ninodezign.com/"> <div> <input type="text" class="search" name="s" onblur="if(this.value=='')this.value='To search type and hit enter';" onfocus="if(this.value=='To search type and hit enter')this.value='';" value="To search type and hit enter"/> </div> </form> </div> </div> </div> </div> </nav> <div class="container group"> <div class="container-inner"> <div class="group pad"> <p class="site-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/" rel="home"><img src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/ninodezign-logo.png" alt="ninodezign.com"></a></p>  <div class="adv-header"> <script async src="//web.archive.org/web/20200428070429js_/http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6446742625768372" data-ad-slot="9916739244" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div>  </div> </div> </div> </header> <div class="container" id="page"> <div class="container-inner"> <div class="main"> <div class="main-inner group"> <section class="content"> <div class="page-title pad group"> <ul class="meta-single group"> <li class="category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/template/" rel="category tag">Free Template</a></li> <li class="comments"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/20-free-responsive-html5-css3-onepage-templates/#respond"><i class="fa fa-comments-o"></i>0</a></li> </ul> </div> <div class="grid one-full pad"> <p id="breadcrumbs"><span xmlns:v="http://rdf.data-vocabulary.org/#"><span typeof="v:Breadcrumb"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/" rel="v:url" property="v:title">Home</a> » <span class="breadcrumb_last">20 Free Responsive HTML5 / CSS3 Onepage Templates</span></span></span></p></div> <div class="grid one-half"> <div class="nino-ads-1"> <script async src="//web.archive.org/web/20200428070429js_/http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6446742625768372" data-ad-slot="9916739244" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="grid one-half last"> <div class="nino-ads-1"> <script async src="//web.archive.org/web/20200428070429js_/http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6446742625768372" data-ad-slot="9916739244" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="clear"></div> <div class="pad group"> <article class="post-409 post type-post status-publish format-standard has-post-thumbnail hentry category-template tag-bootstrap-template tag-free-templates tag-freebies tag-html-template tag-html5-css3-template tag-one-page-template"> <div class="post-inner group"> <h1 class="post-title">20 Free Responsive HTML5 / CSS3 Onepage Templates</h1> <p class="post-byline">by <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/author/admin/" title="Posts by ninodezign" rel="author">ninodezign</a> · October 28, 2014</p> <div class="clear"></div> <div class="entry "> <div class="entry-inner"> <div class="shareaholic-canvas" data-app-id="23903230" data-app="share_buttons" data-title="20 Free Responsive HTML5 / CSS3 Onepage Templates" data-link="http://ninodezign.com/20-free-responsive-html5-css3-onepage-templates/" data-summary=""></div><div class="adv-left"><script data-cfasync="false" type="text/javascript" src="//web.archive.org/web/20200428070429js_/http://www.eboundservices.com/ads/336x280_responsive.js"></script></div> <p>One-page websites are now being widely adopted with some of the biggest brands in the world using them to provide users with a fast, clean and simple experience that is simultaneously effective and beautiful. Otherwise, it’s easy to use, and the information isn’t hiding. And when users can find the information they want, it will be easier for you to convey why they need to buy your product or service.</p> <p>In this post, we collected 20 Free HTML5 / CSS3 Responsive Onepage Templates. These Templates are very good, attractive in look and are absolutely free.</p> <div class="clear"></div> <p> </p> <h3>1 – Knight – Free Bootstrap Theme</h3> <div class="content-center"><script data-cfasync="false" type="text/javascript" src="//web.archive.org/web/20200428070429js_/http://www.eboundservices.com/ads/728x90_responsive.js"></script></div> <p><img class="alignnone size-full wp-image-420" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/knight-onepage-html-template.jpg" alt="knight-onepage-html-template" width="720" height="377" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/knight-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/knight-onepage-html-template-300x157.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://w3goods.com/wp-content/uploads/knight-demo/index.html" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://w3goods.com/freebies/knight-free-bootstrap-theme" target="_blank">Download</a></p> <p>A clean, modern, and multipurpose web template built with Bootstrap.</p> <h4>Key Features</h4> <ul> <li><strong>Beautiful Design</strong><br/> All of our templates have been crafted with great care and attention to details</li> <li><strong>Mobile Responsive</strong><br/> Fully responsive to meet the growing demand from the mobile market.</li> <li><strong>Built With Bootstrap</strong><br/> Bootstrap framework allows you to quickly kickstart any web development projects.</li> <li><strong>Retina Ready</strong><br/> Icons are fully scalable, which mean they’re gorgeous on high-resolution displays.</li> <li><strong>Fully Customizable</strong><br/> Our templates can be easily customized to fit your wants and needs.</li> <li><strong>Free Without Limitations</strong><br/> Use our resources without limitations. And no need to credit us, but it’s always appreciated!</li> </ul> <p> </p> <h3>2 – Ceevee</h3> <p><img class="alignnone size-full wp-image-421" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/ceevee-onepage-html-template.jpg" alt="ceevee-onepage-html-template" width="720" height="355" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/ceevee-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/ceevee-onepage-html-template-300x147.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://www.styleshout.com/templates/preview/Ceevee10/" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://www.styleshout.com/free-templates/ceevee/" target="_blank">Download</a></p> <p>Ceevee is a clean, modern, fully responsive site template for your resume and portfolio. With this template, you can easily introduce yourself and showcase your works to future clients and employers. Also, it is flexible and easy to customize so you even use this template as a creative, business or portfolio site for your company.</p> <p> </p> <h3>3 – Urbanic</h3> <p><img class="alignnone size-full wp-image-422" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/urbanic-onepage-html-template.jpg" alt="urbanic-onepage-html-template" width="720" height="307" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/urbanic-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/urbanic-onepage-html-template-300x127.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://www.templatemo.com/templates/templatemo_395_urbanic/" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://www.templatemo.com/preview/templatemo_395_urbanic" target="_blank">Download</a></p> <p>Urbanic is free HTML5 website template from templatemo. This one-page parallax layout is responsive to view in any mobile device.</p> <p> </p> <h3>4 – Woo</h3> <p><img class="alignnone size-full wp-image-423" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/woo-onepage-html-template.jpg" alt="woo-onepage-html-template" width="720" height="373" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/woo-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/woo-onepage-html-template-300x155.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://www.styleshout.com/templates/preview/Woo10/" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://www.styleshout.com/free-templates/woo/" target="_blank">Download</a></p> <p>Woo is a clean, modern, landing page site template. It has a fully responsive design and was tested on all major browser and mobile devices. Woo is the perfect template to showcase your apps, services or digital goods.</p> <p> </p> <h3>5 – Butterfly</h3> <p><img class="alignnone size-full wp-image-424" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/butterfly-onepage-html-template.jpg" alt="butterfly-onepage-html-template" width="720" height="336" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/butterfly-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/butterfly-onepage-html-template-300x140.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://graphicburger.com/preview/html-templates/Butterfly/index.html" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://graphicburger.com/butterfly-free-bootstrap-theme/" target="_blank">Download</a></p> <p>Create a distinctive website that will attract everyone’s attention with this modern HTML/CSS template. Butterfly can be easily adapted to portfolios, start-ups or anything else you’d have in mind</p> <p> </p> <h3>6 – Treviso</h3> <p><img class="alignnone size-full wp-image-425" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/treviso-onepage-html-template.jpg" alt="treviso-onepage-html-template" width="720" height="337" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/treviso-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/treviso-onepage-html-template-300x140.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://ninetofive.me/data/previews/treviso/" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://blog.ninetofive.me/freebies/treviso-a-free-html-template" target="_blank">Download</a></p> <p>Well this freebie is a big one! A complete and sweet HTML template for showcasing your work… All the files are included in the download including the layered PSD file that started the design off! Check out a preview and save it somewhere on your HD, you never know when you might use it 🙂</p> <p> </p> <h3>7 – Nino Nova</h3> <p><img class="alignnone size-full wp-image-426" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/nino-nova-onepage-html-template.jpg" alt="nino-nova-onepage-html-template" width="720" height="340" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/nino-nova-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/nino-nova-onepage-html-template-300x141.jpg 300w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/nino-nova-onepage-html-template-520x245.jpg 520w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://www.ninotheme.com/preview/6ZIGBT8U9W/homepage.html" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://www.ninotheme.com/theme/6ZIGBT8U9W" target="_blank">Download</a></p> <p>Nino Nova is a clean & modern one page template. It’s a fully responsive built on Bootstrap 3 Framework. This theme is suitable for business, corporate, portfolio and any kind of websites. It can be customized easily to suit your wishes. With Nino Nova, your website will look unique and professional.</p> <p> </p> <h3>8 – Legend</h3> <p><img class="alignnone size-full wp-image-414" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/legend-free-responsive-one-page-template.jpg" alt="legend-free-responsive-one-page-template" width="720" height="406" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/legend-free-responsive-one-page-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/legend-free-responsive-one-page-template-300x169.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://dzyngiri.com/demo/legend/" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://www.dzyngiri.com/legend-free-responsive-one-page-template/" target="_blank">Download</a></p> <p>Legend is multi-purpose responsive one page template built on Twitter Bootstrap. You can use this template as a landing page, online portfolio for creative folks or even as a business theme.</p> <h4>Some Features</h4> <ul> <li>Built on Twitter Bootstrap</li> <li>Responsive design, compatible with all media screen</li> <li>Fontello: font icon included</li> <li>Elegant & Minimal Design</li> <li>Template is compatible with IE8+, Firefox, Safari, Chrome, Opera</li> <li>Valid HTML5 & CSS3</li> <li>Expanding Works Preview</li> <li>Always on Top Navigation</li> </ul> <p> </p> <h3>9 – WALK & RIDE</h3> <p><img class="alignnone size-full wp-image-427" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/walk-ride-onepage-html-template.jpg" alt="walk-ride-onepage-html-template" width="720" height="391" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/walk-ride-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/walk-ride-onepage-html-template-300x162.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://tympanus.net/Freebies/WalkRideTemplate/" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://tympanus.net/codrops/2014/09/26/freebie-walk-ride-one-page-website-template/" target="_blank">Download</a></p> <p>Walk & Ride is a clean and modern template with a pixel-perfect design and balanced typography made by Pixel Buddha. It is especially fitting for promoting a mobile app but you can easily adapt it to fit any purpose.</p> <p> </p> <h3>10 – Brushed</h3> <p><img class="alignnone size-full wp-image-428" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/brushed-onepage-html-template.jpg" alt="brushed-onepage-html-template" width="720" height="420" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/brushed-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/brushed-onepage-html-template-300x175.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://themes.alessioatzeni.com/html/brushed/" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://www.alessioatzeni.com/blog/brushed-template/" target="_blank">Download</a></p> <p>Brushed is Free One Page Responsive HTML Template based on Twitter Bootstrap Framework. It is optimized for Retina Displays ( iPhone, iPad, iPod Touch and MacBook Pro Retina).</p> <p>Best for studio, digital agency or creative people. Brushed is provides a powerful way to showcase your work.</p> <p>It is built with the HTML5 and CSS3 latest technologies, but at the same time make it compatible with older browser versions.</p> <p>You may use this template for both commercial and personal projects and customize this any way you like.</p> <p> </p> <h3>11 – Clinix</h3> <p><img class="alignnone size-full wp-image-429" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/clinix-onepage-html-template.jpg" alt="clinix-onepage-html-template" width="720" height="366" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/clinix-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/clinix-onepage-html-template-300x152.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://themifycloud.com/demos/templates/clinix/" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://themifycloud.com/downloads/clinix-responsive-onepage-html5-template/" target="_blank">Download</a></p> <p>Clinix template was created to offer a perfect solution for medical websites. Medical page templates let you display medical services of a large hospital as well as of small private clinic. You can create a clinic website with Medicare template, but you can as well use it for many other types of websites, as it is highly flexible in customization. It features functionality that was developed with health and medicine websites in thought, with all the compulsory for these sites features included. In any case, quality code, professional SEO and valid HTML5 and CSS3 are the key points that will push your website to top results in search. And yes, it is easy in use!</p> <p> </p> <h3>12 – Serve</h3> <p><img class="alignnone size-full wp-image-430" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/serve-onepage-html-template.jpg" alt="serve-onepage-html-template" width="720" height="464" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/serve-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/serve-onepage-html-template-300x193.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://bootstrapee.com/freebies//serve-free-one-page-html5-template/full-preview.jpg" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://bootstrapee.com/serve-free-one-page-html5-template/" target="_blank">Download</a></p> <p>Serve is a flat, minimal and creative one page HTML and CSS template. It is responsive and based on Bootstrap framework. It has been written with LESS which makes your customizations dead easy. You can jump start your website in some minutes.</p> <h4>Features</h4> <ul> <li>On top of Bootstrap framework 3</li> <li>Valid HTML5</li> <li>One page</li> <li>50 skins</li> <li>Filter portfolio</li> <li>Ajax contact form, PHP file is included</li> <li>CSS3 animations</li> <li>Custom team member jQuery plugin</li> <li>Nice Scroll</li> <li>Font Awesome – 250+ ready to use icons</li> <li>Written with LESS</li> <li>Responsive</li> <li>Creative and flat design</li> <li>Sticky navbar</li> </ul> <p> </p> <h3>13 – Infusion</h3> <p><img class="alignnone size-full wp-image-431" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/infusion-onepage-html-templates.jpg" alt="infusion-onepage-html-templates" width="720" height="394" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/infusion-onepage-html-templates.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/infusion-onepage-html-templates-300x164.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/https://s3.amazonaws.com/blaz-robar-psd/demo/infusion/index.html" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://www.blazrobar.com/templates/infusion-responsive-html-website-template/" target="_blank">Download</a></p> <p>Infusion is a modern and sleek website suited to a professional service based business or classy folio website. The free HTML template comes with all the jQuery animations and styling you need! The awesome content and image sliders will help present your content.</p> <p> </p> <h3>14 – Flex</h3> <p><img class="alignnone size-full wp-image-432" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/flex-onepage-html-template.jpg" alt="flex-onepage-html-template" width="720" height="314" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/flex-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/flex-onepage-html-template-300x130.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://www.templatemo.com/templates/templatemo_406_flex/" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://www.templatemo.com/preview/templatemo_406_flex" target="_blank">Download</a></p> <p>Flex is free mobile template, HTML5 responsive layout with parallax scrolling. It features simple fading image slider and gallery section integrates responsive lightbox.</p> <p> </p> <h3>15 – Centro</h3> <p><img class="alignnone size-full wp-image-433" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/centro-onepage-html-template.jpg" alt="centro-onepage-html-template" width="720" height="416" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/centro-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/centro-onepage-html-template-300x173.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://themifycloud.com/demos/templates/centro/index.html" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://themifycloud.com/downloads/centro-responsive-awesome-onepage-html5/" target="_blank">Download</a></p> <p>Centro is a parallax one page and 100% responsive template. It is powered with Twitter Bootstrap 3.1 Latest Framework and advancement in HTML5 and CSS3 Animation provide you with first class User Experience. It is clean and professional theme perfect for agencies, business and creative portfolio. It can be customized easily to suit your needs.</p> <p> </p> <h3>16 – Overflow</h3> <p><img class="alignnone size-full wp-image-435" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/overflow-onepage-html-template.jpg" alt="overflow-onepage-html-template" width="720" height="397" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/overflow-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/overflow-onepage-html-template-300x165.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://html5up.net/overflow" target="_blank">Demo & Download</a></p> <p>This template is HTML5, CSS3 having inimitable web elements for creative website touch.</p> <p> </p> <h3>17 – mamba</h3> <p><img class="alignnone size-full wp-image-436" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/mamba-onepage-html-template.jpg" alt="mamba-onepage-html-template" width="720" height="392" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/mamba-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/mamba-onepage-html-template-300x163.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://bootstraptaste.com/theme/mamba/" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://www.24gui.com/mamba-one-page-template/" target="_blank">Download</a></p> <p>As modern as it comes this free responsive html template made with bootstrap framework is completely flat one page in design. Much suitable for a freelance or business which needs to showcase their projects with the portfolio option built in with this template.</p> <p> </p> <h3>18 – Big Picture</h3> <p><img class="alignnone size-full wp-image-437" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/big-picture-onepage-html-template.jpg" alt="big-picture-onepage-html-template" width="720" height="443" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/big-picture-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/big-picture-onepage-html-template-300x184.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://html5up.net/uploads/demos/big-picture/" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://html5up.net/big-picture/download" target="_blank">Download</a></p> <p>The Big Picture HTML5 website template suitable for your dreams. This template compatible with HTML5, CSS3 and custom HTML5UP framework system. You can build professional photography sites, personal or commercial works with Big-Picture onepage parallax site template today!</p> <p> </p> <h3>19 – Business Plus</h3> <p><img class="alignnone size-full wp-image-434" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/business-plus-onepage-html-template.jpg" alt="business-plus-onepage-html-template" width="720" height="385" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/business-plus-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/business-plus-onepage-html-template-300x160.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://www.themifycloud.com/demos/templates/BusinessPlus/" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://themifycloud.com/downloads/business-plus-responsive-one-page-html5-template/" target="_blank">Download</a></p> <p>BusinessPlus is a clean, elegant and fully responsive HTML5 template. This one-page template comes loaded with a lot of powerful features and beautiful design that will help you to build a simple but great looking online portfolio and business website. Whether you’re using this as your personal portfolio or using it for a corporate site, BusinessPlus will get the job done. It could be used for different type of sites, such as landing page and all kind of business, portfolio, agency sites. It is a great way to present your business at the highest level. It is based on popular Twitter Bootstrap framework. This template uses the latest HTML5 and CSS3 technologies.</p> <p> </p> <h3>20 – Puremedia</h3> <p> </p> <p><img class="alignnone size-full wp-image-438" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/puremedia-onepage-html-template.jpg" alt="puremedia-onepage-html-template" width="720" height="454" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/puremedia-onepage-html-template.jpg 720w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/puremedia-onepage-html-template-300x189.jpg 300w" sizes="(max-width: 720px) 100vw, 720px"/></p> <p style="text-align: center;"><a class="nd-button-demo" href="https://web.archive.org/web/20200428070429/http://www.styleshout.com/templates/preview/Puremedia10/" target="_blank">Demo</a> <a class="nd-button-download" href="https://web.archive.org/web/20200428070429/http://www.styleshout.com/free-templates/puremedia/" target="_blank">Download</a></p> <p>Puremedia is a clean and modern template for your business and portfolio websites. The design is fully responsive, compatible with all major browsers, HDPI + Retina ready. It looks stunning on any device. In addition, the template also includes a blog and portfolio layouts and a working ajax contact form.</p> <div class="shareaholic-canvas" data-app-id="23903226" data-app="share_buttons" data-title="20 Free Responsive HTML5 / CSS3 Onepage Templates" data-link="http://ninodezign.com/20-free-responsive-html5-css3-onepage-templates/" data-summary=""></div> </div> <div class="clear"></div> </div> </div> </article> <div class="clear"></div> <p class="post-tags"><span>Tags:</span> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/bootstrap-template/" rel="tag">Bootstrap Template</a><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/free-templates/" rel="tag">Free Templates</a><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/freebies/" rel="tag">Freebies</a><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/html-template/" rel="tag">HTML Template</a><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/html5-css3-template/" rel="tag">HTML5 / CSS3 Template</a><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/one-page-template/" rel="tag">One Page Template</a></p> <h4 class="heading"> <i class="fa fa-hand-o-right"></i>You may also like...</h4> <ul class="related-posts group"> <li class="related post-hover"> <article class="post-48 post type-post status-publish format-standard has-post-thumbnail hentry category-template tag-flat-design tag-free-templates tag-html-template"> <div class="post-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-flat-html5-css3-creative-multipurpose-portfolio-website-templates/" title="Free Flat HTML5 & CSS3 Creative / Multipurpose / Portfolio / Website Templates"> <img width="520" height="245" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/halcyon-days-520x245.jpg" class="attachment-thumb-medium size-thumb-medium wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/halcyon-days-520x245.jpg 520w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/halcyon-days-300x141.jpg 300w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/halcyon-days.jpg 720w" sizes="(max-width: 520px) 100vw, 520px"/> </a> <a class="post-comments" href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-flat-html5-css3-creative-multipurpose-portfolio-website-templates/#respond"><span><i class="fa fa-comments-o"></i>0</span></a> </div> <div class="related-inner"> <h4 class="post-title"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-flat-html5-css3-creative-multipurpose-portfolio-website-templates/" rel="bookmark" title="Free Flat HTML5 & CSS3 Creative / Multipurpose / Portfolio / Website Templates">Free Flat HTML5 & CSS3 Creative / Multipurpose / Portfolio / Website Templates</a> </h4> <div class="post-meta group"> <p class="post-date">7 Oct, 2014</p> </div> </div> </article> </li> <li class="related post-hover"> <article class="post-1680 post type-post status-publish format-standard has-post-thumbnail hentry category-template category-freebies category-html-css category-web-design tag-cv-template tag-cv-theme tag-free-html5-template tag-free-resources tag-free-templates tag-free-theme tag-freebies tag-html tag-html-cv-template tag-html-resume-template tag-html5 tag-html5-css3-template tag-resume-template tag-resume-theme"> <div class="post-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-professional-html5-css3-resume-cv-template/" title="Free Professional HTML5 / CSS3 Resume CV Template"> <img width="520" height="245" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/08/resume-cv-cover.jpg" class="attachment-thumb-medium size-thumb-medium wp-post-image" alt="free html5 css3 resume-cv template"/> </a> <a class="post-comments" href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-professional-html5-css3-resume-cv-template/#respond"><span><i class="fa fa-comments-o"></i>0</span></a> </div> <div class="related-inner"> <h4 class="post-title"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-professional-html5-css3-resume-cv-template/" rel="bookmark" title="Free Professional HTML5 / CSS3 Resume CV Template">Free Professional HTML5 / CSS3 Resume CV Template</a> </h4> <div class="post-meta group"> <p class="post-date">25 Aug, 2016</p> </div> </div> </article> </li> <li class="related post-hover"> <article class="post-1660 post type-post status-publish format-standard has-post-thumbnail hentry category-template category-freebies category-html-css category-web-design tag-free-html5-template tag-free-resources tag-free-templates tag-free-theme tag-freebies tag-html tag-html5 tag-html5-css3-template tag-mogo-template tag-mogo-theme"> <div class="post-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/mogo-free-one-page-html5-css3-template/" title="MoGo: Free one page HTML5 CSS3 template"> <img width="520" height="245" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/07/mogo-template-cover.jpg" class="attachment-thumb-medium size-thumb-medium wp-post-image" alt="mogo - free one page html / css template"/> </a> <a class="post-comments" href="https://web.archive.org/web/20200428070429/http://ninodezign.com/mogo-free-one-page-html5-css3-template/#respond"><span><i class="fa fa-comments-o"></i>0</span></a> </div> <div class="related-inner"> <h4 class="post-title"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/mogo-free-one-page-html5-css3-template/" rel="bookmark" title="MoGo: Free one page HTML5 CSS3 template">MoGo: Free one page HTML5 CSS3 template</a> </h4> <div class="post-meta group"> <p class="post-date">24 Jul, 2016</p> </div> </div> </article> </li> </ul> <section id="comments" class="themeform">  <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/web/20200428070429/http://ninodezign.com/20-free-responsive-html5-css3-onepage-templates/#respond" style="display:none;">Cancel reply</a></small></h3> <form action="https://web.archive.org/web/20200428070429/http://ninodezign.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"> <p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> Required fields are marked <span class="required">*</span></p><p class="comment-form-comment"><label for="comment">Comment</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" aria-required="true" required="required"></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" aria-required="true" required="required"/></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" aria-required="true" required="required"/></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200"/></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment"/> <input type="hidden" name="comment_post_ID" value="409" id="comment_post_ID"/> <input type="hidden" name="comment_parent" id="comment_parent" value="0"/> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="2bded41d08"/></p><p style="display: none;"><input type="hidden" id="ak_js" name="ak_js" value="153"/></p> </form> </div> </section> </div> </section> <div class="sidebar s1"> <a class="sidebar-toggle" title="Expand Sidebar"><i class="fa icon-sidebar-toggle"></i></a> <div class="sidebar-content"> <div class="sidebar-top group"> <p>Follow:</p> <ul class="social-links"><li><a rel="nofollow" class="social-tooltip" title="Google Plus" href="https://web.archive.org/web/20200428070429/https://plus.google.com/+NinoDezign/" target="Array"><i class="fa fa-google-plus"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Twitter" href="https://web.archive.org/web/20200428070429/https://twitter.com/ninodezign" target="Array"><i class="fa fa-twitter"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Facebook" href="https://web.archive.org/web/20200428070429/https://www.facebook.com/ninodezign" target="Array"><i class="fa fa-facebook"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Rss" href="https://web.archive.org/web/20200428070429/http://feeds.feedburner.com/Ninodezigncom" target="Array"><i class="fa fa-rss"></i></a></li></ul> </div> <div id="text-4" class="widget widget_text"> <div class="textwidget"><div class="sidebar-adv"> <script async src="//web.archive.org/web/20200428070429js_/http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6446742625768372" data-ad-slot="9916739244" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></div> </div><div id="text-2" class="widget widget_text"> <div class="textwidget"><p>Ninodezign is a blog dedicated for sharing knowledge, top quality open source resources for web developer and web designer daily . It consists of topics that are of wide range including inspiration designs, tutorials, SEO, tools and resources.<br/> <a href="/web/20200428070429/http://ninodezign.com/about-us" style="text-decoration: underline;">Continue Reading</a></p> </div> </div><div id="text-3" class="widget widget_text"> <div class="textwidget"><iframe src="//web.archive.org/web/20200428070429if_/http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fninodezign&width&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowtransparency="true"></iframe></div> </div><div id="search-2" class="widget widget_search"><form method="get" class="searchform themeform" action="https://web.archive.org/web/20200428070429/http://ninodezign.com/"> <div> <input type="text" class="search" name="s" onblur="if(this.value=='')this.value='To search type and hit enter';" onfocus="if(this.value=='To search type and hit enter')this.value='';" value="To search type and hit enter"/> </div> </form></div><div id="alxtabs-2" class="widget widget_alx_tabs"> <ul class="alx-tabs-nav group tab-count-2"><li class="alx-tab tab-recent"><a href="#tab-recent" title="Recent Posts"><i class="fa fa-clock-o"></i><span>Recent Posts</span></a></li><li class="alx-tab tab-popular"><a href="#tab-popular" title="Popular Posts"><i class="fa fa-star"></i><span>Popular Posts</span></a></li></ul> <div class="alx-tabs-container"> <ul id="tab-recent" class="alx-tab group thumbs-enabled"> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/meet-20-bright-eye-catching-web-designs-rock-summer/" title="Meet 20 Bright Eye-Catching Web Designs to Rock this Summer"> <img width="160" height="108" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2017/07/Safirestone_preview04.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt=""/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/showcase/" rel="category tag">Showcase</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/web-design/" rel="category tag">Web Design</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/meet-20-bright-eye-catching-web-designs-rock-summer/" rel="bookmark" title="Meet 20 Bright Eye-Catching Web Designs to Rock this Summer">Meet 20 Bright Eye-Catching Web Designs to Rock this Summer</a></p> <p class="tab-item-date">26 Jul, 2017</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/20-high-performance-cherry-framework-5-wordpress-themes-2017/" title="20 High-Performance Cherry Framework 5 WordPress Themes of 2017"> <img width="160" height="99" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2017/07/59028-big.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt=""/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/showcase/" rel="category tag">Showcase</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/web-design/" rel="category tag">Web Design</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/20-high-performance-cherry-framework-5-wordpress-themes-2017/" rel="bookmark" title="20 High-Performance Cherry Framework 5 WordPress Themes of 2017">20 High-Performance Cherry Framework 5 WordPress Themes of 2017</a></p> <p class="tab-item-date">9 Jul, 2017</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/top-20-bestselling-wordpress-themes-spring/" title="Top 20 Bestselling WordPress Themes of This Spring"> <img width="160" height="99" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2017/05/61275-big.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt=""/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/showcase/" rel="category tag">Showcase</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/web-design/" rel="category tag">Web Design</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/top-20-bestselling-wordpress-themes-spring/" rel="bookmark" title="Top 20 Bestselling WordPress Themes of This Spring">Top 20 Bestselling WordPress Themes of This Spring</a></p> <p class="tab-item-date">14 May, 2017</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/9-free-mind-blowing-ebooks-take-business-next-level/" title="9 Free Mind Blowing Ebooks to Take Your Business to the Next Level"> <img width="160" height="124" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2017/04/10-Ways-to-Earn-Money-and-Become-Rich-on-the-Internet.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt=""/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/freebies/" rel="category tag">Freebies</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/9-free-mind-blowing-ebooks-take-business-next-level/" rel="bookmark" title="9 Free Mind Blowing Ebooks to Take Your Business to the Next Level">9 Free Mind Blowing Ebooks to Take Your Business to the Next Level</a></p> <p class="tab-item-date">24 Apr, 2017</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/where-to-find-new-clients-top-5-resources-for-web-designers/" title="Where to Find New Clients? Top 5 Resources for Web Designers"> <img width="160" height="93" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2017/02/Find-Clients.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt=""/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/freebies/" rel="category tag">Freebies</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/where-to-find-new-clients-top-5-resources-for-web-designers/" rel="bookmark" title="Where to Find New Clients? Top 5 Resources for Web Designers">Where to Find New Clients? Top 5 Resources for Web Designers</a></p> <p class="tab-item-date">27 Feb, 2017</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/12-awesome-wordpress-themes-for-bloggers/" title="12 Awesome WordPress Themes for Bloggers"> <img width="160" height="99" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2017/02/58664-big.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt=""/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/showcase/" rel="category tag">Showcase</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/web-design/" rel="category tag">Web Design</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/12-awesome-wordpress-themes-for-bloggers/" rel="bookmark" title="12 Awesome WordPress Themes for Bloggers">12 Awesome WordPress Themes for Bloggers</a></p> <p class="tab-item-date">9 Feb, 2017</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/awesome-responsive-shopify-themes-for-your-online-store/" title="Awesome Responsive Shopify Themes For Your Online Store"> <img width="160" height="99" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2017/01/59042-big.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt=""/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/showcase/" rel="category tag">Showcase</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/web-design/" rel="category tag">Web Design</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/awesome-responsive-shopify-themes-for-your-online-store/" rel="bookmark" title="Awesome Responsive Shopify Themes For Your Online Store">Awesome Responsive Shopify Themes For Your Online Store</a></p> <p class="tab-item-date">26 Jan, 2017</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/15-trendy-wordpress-themes-designed-material-style/" title="15 Trendy WordPress Themes Designed in Material Style"> <img width="160" height="119" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/12/54583-big.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt=""/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/material-design/" rel="category tag">Material Design</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/showcase/" rel="category tag">Showcase</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/web-design/" rel="category tag">Web Design</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/15-trendy-wordpress-themes-designed-material-style/" rel="bookmark" title="15 Trendy WordPress Themes Designed in Material Style">15 Trendy WordPress Themes Designed in Material Style</a></p> <p class="tab-item-date">28 Dec, 2016</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/25-fresh-portfolio-wordpress-themes-for-your-inspiration/" title="25 Fresh Portfolio WordPress Themes for Your Inspiration"> <img width="160" height="76" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/12/Portfolio-WordPress-Themes-cover.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt=""/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/showcase/" rel="category tag">Showcase</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/web-design/" rel="category tag">Web Design</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/25-fresh-portfolio-wordpress-themes-for-your-inspiration/" rel="bookmark" title="25 Fresh Portfolio WordPress Themes for Your Inspiration">25 Fresh Portfolio WordPress Themes for Your Inspiration</a></p> <p class="tab-item-date">15 Dec, 2016</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/15-beautiful-parallax-scrolling-wordpress-websites/" title="15 Beautiful Parallax Scrolling WordPress Websites"> <img width="160" height="76" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/11/Parallax-Scrolling-WordPress-Websites-cover.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt=""/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/showcase/" rel="category tag">Showcase</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/web-design/" rel="category tag">Web Design</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/15-beautiful-parallax-scrolling-wordpress-websites/" rel="bookmark" title="15 Beautiful Parallax Scrolling WordPress Websites">15 Beautiful Parallax Scrolling WordPress Websites</a></p> <p class="tab-item-date">21 Nov, 2016</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/25-attractive-black-and-white-wordpress-themes/" title="25 Most Attractive Black And White WordPress Themes"> <img width="160" height="76" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/10/25-attractive-black-and-white-wordpress-themes-img-cover.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt=""/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/showcase/" rel="category tag">Showcase</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/web-design/" rel="category tag">Web Design</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/25-attractive-black-and-white-wordpress-themes/" rel="bookmark" title="25 Most Attractive Black And White WordPress Themes">25 Most Attractive Black And White WordPress Themes</a></p> <p class="tab-item-date">20 Oct, 2016</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/15-beautiful-prestashop-e-commerce-websites/" title="15 Beautiful PrestaShop E-Commerce Websites"> <img width="160" height="76" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/10/PrestaShop-cover.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="Beautiful PrestaShop E-Commerce Websites"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/showcase/" rel="category tag">Showcase</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/web-design/" rel="category tag">Web Design</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/15-beautiful-prestashop-e-commerce-websites/" rel="bookmark" title="15 Beautiful PrestaShop E-Commerce Websites">15 Beautiful PrestaShop E-Commerce Websites</a></p> <p class="tab-item-date">9 Oct, 2016</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-awesome-html5-resume-cv-template/" title="Free Awesome HTML5 Resume CV Template"> <img width="160" height="76" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/09/resume-fbaezb-cover.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt=""/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/template/" rel="category tag">Free Template</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/freebies/" rel="category tag">Freebies</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a> / <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/web-design/" rel="category tag">Web Design</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-awesome-html5-resume-cv-template/" rel="bookmark" title="Free Awesome HTML5 Resume CV Template">Free Awesome HTML5 Resume CV Template</a></p> <p class="tab-item-date">28 Sep, 2016</p> </div> </li> </ul> <ul id="tab-popular" class="alx-tab group thumbs-enabled"> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/15-jquery-plugin-one-page-scroll-with-animations/" title="15 JQuery Plugin One Page Scroll With Animations"> <img width="160" height="160" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/scrollMe-160x160.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/scrollMe-160x160.jpg 160w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/scrollMe-150x150.jpg 150w" sizes="(max-width: 160px) 100vw, 160px"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/javascript/" rel="category tag">Javascript</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/15-jquery-plugin-one-page-scroll-with-animations/" rel="bookmark" title="15 JQuery Plugin One Page Scroll With Animations">15 JQuery Plugin One Page Scroll With Animations</a></p> <p class="tab-item-date">4 Oct, 2014</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-flat-html5-css3-creative-multipurpose-portfolio-website-templates/" title="Free Flat HTML5 & CSS3 Creative / Multipurpose / Portfolio / Website Templates"> <img width="160" height="160" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/halcyon-days-160x160.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/halcyon-days-160x160.jpg 160w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/halcyon-days-150x150.jpg 150w" sizes="(max-width: 160px) 100vw, 160px"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/template/" rel="category tag">Free Template</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-flat-html5-css3-creative-multipurpose-portfolio-website-templates/" rel="bookmark" title="Free Flat HTML5 & CSS3 Creative / Multipurpose / Portfolio / Website Templates">Free Flat HTML5 & CSS3 Creative / Multipurpose / Portfolio / Website Templates</a></p> <p class="tab-item-date">7 Oct, 2014</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/25-free-online-responsive-web-design-testing-tools/" title="25+ Free Online Responsive Web Design Testing Tools"> <img width="160" height="160" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/troy-labs-160x160.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/troy-labs-160x160.jpg 160w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/troy-labs-150x150.jpg 150w" sizes="(max-width: 160px) 100vw, 160px"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/web-design/" rel="category tag">Web Design</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/25-free-online-responsive-web-design-testing-tools/" rel="bookmark" title="25+ Free Online Responsive Web Design Testing Tools">25+ Free Online Responsive Web Design Testing Tools</a></p> <p class="tab-item-date">10 Oct, 2014</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/35-awesome-image-hover-effect-with-pure-css3-part-1/" title="35+ Awesome Image Hover Effect With Pure CSS3 – Part 1"> <img width="160" height="160" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/hover-effect-ideas-160x160.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/hover-effect-ideas-160x160.jpg 160w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/hover-effect-ideas-150x150.jpg 150w" sizes="(max-width: 160px) 100vw, 160px"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/35-awesome-image-hover-effect-with-pure-css3-part-1/" rel="bookmark" title="35+ Awesome Image Hover Effect With Pure CSS3 – Part 1">35+ Awesome Image Hover Effect With Pure CSS3 – Part 1</a></p> <p class="tab-item-date">11 Oct, 2014</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/35-awesome-image-hover-effect-with-pure-css3-part-2/" title="35+ Awesome Image Hover Effect With Pure CSS3 – Part 2"> <img width="160" height="160" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/popout-details-on-hover-160x160.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/popout-details-on-hover-160x160.jpg 160w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/popout-details-on-hover-150x150.jpg 150w" sizes="(max-width: 160px) 100vw, 160px"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/35-awesome-image-hover-effect-with-pure-css3-part-2/" rel="bookmark" title="35+ Awesome Image Hover Effect With Pure CSS3 – Part 2">35+ Awesome Image Hover Effect With Pure CSS3 – Part 2</a></p> <p class="tab-item-date">11 Oct, 2014</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/25-free-jquery-plugins-for-doing-guided-tours-through-a-website/" title="25+ Free JQuery Plugins For Doing Guided Tours Through A Website"> <img width="160" height="160" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/enjoyhint-jquery-plugin-160x160.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/enjoyhint-jquery-plugin-160x160.jpg 160w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/enjoyhint-jquery-plugin-150x150.jpg 150w" sizes="(max-width: 160px) 100vw, 160px"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/javascript/" rel="category tag">Javascript</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/25-free-jquery-plugins-for-doing-guided-tours-through-a-website/" rel="bookmark" title="25+ Free JQuery Plugins For Doing Guided Tours Through A Website">25+ Free JQuery Plugins For Doing Guided Tours Through A Website</a></p> <p class="tab-item-date">15 Oct, 2014</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/25-free-beautiful-ecommerce-psd-template/" title="25 Free Beautiful eCommerce PSD Template"> <img width="160" height="160" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/ecommerce-psd-cover-160x160.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/ecommerce-psd-cover-160x160.jpg 160w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/ecommerce-psd-cover-150x150.jpg 150w" sizes="(max-width: 160px) 100vw, 160px"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/psd/" rel="category tag">PSD</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/25-free-beautiful-ecommerce-psd-template/" rel="bookmark" title="25 Free Beautiful eCommerce PSD Template">25 Free Beautiful eCommerce PSD Template</a></p> <p class="tab-item-date">16 Oct, 2014</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-awesome-jquery-plugin-for-custom-alert-box/" title="Free Awesome jQuery Plugin For Custom Alert Box"> <img width="160" height="160" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/ios7-like-confirm-dialog-160x160.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/ios7-like-confirm-dialog-160x160.jpg 160w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/ios7-like-confirm-dialog-150x150.jpg 150w" sizes="(max-width: 160px) 100vw, 160px"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/javascript/" rel="category tag">Javascript</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-awesome-jquery-plugin-for-custom-alert-box/" rel="bookmark" title="Free Awesome jQuery Plugin For Custom Alert Box">Free Awesome jQuery Plugin For Custom Alert Box</a></p> <p class="tab-item-date">18 Oct, 2014</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/35-most-popular-responsive-html5-framework-for-web-design/" title="35+ Most Popular Responsive HTML5 Framework For Web Design"> <img width="160" height="160" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/zurb-foundation-160x160.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/zurb-foundation-160x160.jpg 160w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/zurb-foundation-150x150.jpg 150w" sizes="(max-width: 160px) 100vw, 160px"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/html-css/" rel="category tag">Html / CSS</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/35-most-popular-responsive-html5-framework-for-web-design/" rel="bookmark" title="35+ Most Popular Responsive HTML5 Framework For Web Design">35+ Most Popular Responsive HTML5 Framework For Web Design</a></p> <p class="tab-item-date">21 Oct, 2014</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/10-free-jquery-plugin-to-create-a-fullscreen-video-background/" title="10 Free jQuery Plugin To Create A Fullscreen Video Background"> <img width="160" height="160" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/vide-jquery-plugin-160x160.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/vide-jquery-plugin-160x160.jpg 160w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/vide-jquery-plugin-150x150.jpg 150w" sizes="(max-width: 160px) 100vw, 160px"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/javascript/" rel="category tag">Javascript</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/10-free-jquery-plugin-to-create-a-fullscreen-video-background/" rel="bookmark" title="10 Free jQuery Plugin To Create A Fullscreen Video Background">10 Free jQuery Plugin To Create A Fullscreen Video Background</a></p> <p class="tab-item-date">24 Oct, 2014</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/20-free-jquery-count-down-plugins-for-landing-page/" title="20+ Free jQuery Count Down Plugins For Landing Page"> <img width="160" height="160" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/final-countdown-jquery-plugin-160x160.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/final-countdown-jquery-plugin-160x160.jpg 160w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/final-countdown-jquery-plugin-150x150.jpg 150w" sizes="(max-width: 160px) 100vw, 160px"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/javascript/" rel="category tag">Javascript</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/20-free-jquery-count-down-plugins-for-landing-page/" rel="bookmark" title="20+ Free jQuery Count Down Plugins For Landing Page">20+ Free jQuery Count Down Plugins For Landing Page</a></p> <p class="tab-item-date">26 Oct, 2014</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-jquery-plugins-for-creating-pretty-shadows/" title="Free jQuery Plugins For Creating Pretty Shadows"> <img width="160" height="160" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/shine-js-jquery-plugin-160x160.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/shine-js-jquery-plugin-160x160.jpg 160w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/shine-js-jquery-plugin-150x150.jpg 150w" sizes="(max-width: 160px) 100vw, 160px"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/javascript/" rel="category tag">Javascript</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-jquery-plugins-for-creating-pretty-shadows/" rel="bookmark" title="Free jQuery Plugins For Creating Pretty Shadows">Free jQuery Plugins For Creating Pretty Shadows</a></p> <p class="tab-item-date">27 Oct, 2014</p> </div> </li> <li> <div class="tab-item-thumbnail"> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/20-free-responsive-html5-css3-onepage-templates/" title="20 Free Responsive HTML5 / CSS3 Onepage Templates"> <img width="160" height="160" src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/nino-nova-onepage-html-template-160x160.jpg" class="attachment-thumb-small size-thumb-small wp-post-image" alt="" srcset="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/nino-nova-onepage-html-template-160x160.jpg 160w, https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2014/10/nino-nova-onepage-html-template-150x150.jpg 150w" sizes="(max-width: 160px) 100vw, 160px"/> </a> </div> <div class="tab-item-inner group"> <p class="tab-item-category"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/category/template/" rel="category tag">Free Template</a></p> <p class="tab-item-title"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/20-free-responsive-html5-css3-onepage-templates/" rel="bookmark" title="20 Free Responsive HTML5 / CSS3 Onepage Templates">20 Free Responsive HTML5 / CSS3 Onepage Templates</a></p> <p class="tab-item-date">28 Oct, 2014</p> </div> </li> </ul> </div> </div> </div> </div> <div class="sidebar s2"> <a class="sidebar-toggle" title="Expand Sidebar"><i class="fa icon-sidebar-toggle"></i></a> <div class="sidebar-content"> <div class="sidebar-top group"> <p>More</p> </div> <ul class="post-nav group"> <li class="next"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/30-jquery-plugins-for-scrolling-effects-with-css-animation/" rel="next"><i class="fa fa-chevron-right"></i><strong>Next story</strong> <span>30+ jQuery Plugins For Scrolling Effects With CSS Animation</span></a></li> <li class="previous"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/free-jquery-plugins-for-creating-pretty-shadows/" rel="prev"><i class="fa fa-chevron-left"></i><strong>Previous story</strong> <span>Free jQuery Plugins For Creating Pretty Shadows</span></a></li> </ul> <div id="text-5" class="widget widget_text"> <div class="textwidget"><div class="sidebar-adv"> <script async src="//web.archive.org/web/20200428070429js_/http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6446742625768372" data-ad-slot="9916739244" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></div> </div><div id="text-10" class="widget widget_text"><h3>Our Friends</h3> <div class="textwidget"><ul class="nd-ourFriends"> <li><a target="_blank" href="https://web.archive.org/web/20200428070429/http://www.reviewyoursites.org/domain/ninodezign.com"><img src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/10/reviewyoursites-favicons.png"/> Review and analytic your site</a></li> <li><a target="_blank" href="https://web.archive.org/web/20200428070429/http://www.mysitesview.net/lookup-ip"><img src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/10/mysitesview-favicon.ico"/> Lookup your IP</a></li> <li><a target="_blank" href="https://web.archive.org/web/20200428070429/http://www.siteshowinfo.net/link"><img src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/10/siteshowinfo-favicon.ico"/> Reciprocal link checker</a></li> <li><a target="_blank" href="https://web.archive.org/web/20200428070429/http://oldisk.com/genre/Pop"><img src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/10/oldisk-favicon.png"/> List old Pop Disks</a></li> <li><a target="_blank" href="https://web.archive.org/web/20200428070429/http://www.tools-online.org/category/health"><img src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/10/tools-online-favicon.ico"/> List health tools</a></li> <li><a target="_blank" href="https://web.archive.org/web/20200428070429/http://www.open-source.online/"><img src="https://web.archive.org/web/20200428070429im_/http://ninodezign.com/wp-content/uploads/2016/10/open-source-favicon.png"/> Frameworks, libraries, softwares and resources Network</a></li> </ul></div> </div><div id="mailchimpsf_widget-2" class="widget widget_mailchimpsf_widget"><h3>Ninodezign Newsletter</h3> <style> .widget_mailchimpsf_widget .widget-title { line-height: 1.4em; margin-bottom: 0.75em; } #mc_subheader { line-height: 1.25em; margin-bottom: 18px; } .mc_merge_var { margin-bottom: 1.0em; } .mc_var_label, .mc_interest_label { display: block; margin-bottom: 0.5em; } .mc_input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .mc_input.mc_phone { width: auto; } select.mc_select { margin-top: 0.5em; width: 100%; } .mc_address_label { margin-top: 1.0em; margin-bottom: 0.5em; display: block; } .mc_address_label ~ select { width: 100%; } .mc_list li { list-style: none; background: none !important; } .mc_interests_header { margin-top: 1.0em; margin-bottom: 0.5em; } .mc_interest label, .mc_interest input { margin-bottom: 0.4em; } #mc_signup_submit { margin-top: 1.5em; width: 80%; } #mc_unsub_link a { font-size: 0.75em; } #mc_unsub_link { margin-top: 1.0em; } .mc_header_address, .mc_email_format { display: block; font-weight: bold; margin-top: 1.0em; margin-bottom: 0.5em; } .mc_email_options { margin-top: 0.5em; } .mc_email_type { padding-left: 4px; } </style> <div id="mc_signup"> <form method="post" action="#mc_signup" id="mc_signup_form"> <input type="hidden" id="mc_submit_type" name="mc_submit_type" value="html"/> <input type="hidden" name="mcsf_action" value="mc_submit_signup_form"/> <input type="hidden" id="_mc_submit_signup_form_nonce" name="_mc_submit_signup_form_nonce" value="056d3c7e0b"/> <div id="mc_subheader"> Enter your email below to receive future announcements direct to your inbox. An email confirmation will be sent before you will start receiving notifications - please check your spam folder if you don't receive this. </div> <div class="mc_form_inside"> <div class="updated" id="mc_message"> </div> <div class="mc_merge_var"> <label for="mc_mv_EMAIL" class="mc_var_label mc_header mc_header_email">Email Address</label> <input type="text" size="18" placeholder="" name="mc_mv_EMAIL" id="mc_mv_EMAIL" class="mc_input"/> </div> <div class="mc_signup_submit"> <input type="submit" name="mc_signup_submit" id="mc_signup_submit" value="Subscribe" class="button"/> </div> <br/> <div id="mc_display_rewards" align="center"> powered by <a href="https://web.archive.org/web/20200428070429/http://www.mailchimp.com/affiliates/?aid=7694869f5954cf748e90dc4d9&afl=1">MailChimp</a>! </div> </div> </form> </div> </div><div id="tag_cloud-2" class="widget widget_tag_cloud"><h3>Tags</h3><div class="tagcloud"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/css/" class="tag-link-125 tag-link-position-1" title="11 topics" style="font-size: 14.927835051546pt;">CSS</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/css3/" class="tag-link-15 tag-link-position-2" title="19 topics" style="font-size: 18.103092783505pt;">css3</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/css3-effects/" class="tag-link-16 tag-link-position-3" title="14 topics" style="font-size: 16.371134020619pt;">css3 effects</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/css3-hover-effects/" class="tag-link-17 tag-link-position-4" title="5 topics" style="font-size: 10.59793814433pt;">css3 hover effects</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/css-framework/" class="tag-link-73 tag-link-position-5" title="3 topics" style="font-size: 8pt;">CSS Framework</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/design/" class="tag-link-154 tag-link-position-6" title="17 topics" style="font-size: 17.525773195876pt;">Design</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/designer/" class="tag-link-62 tag-link-position-7" title="14 topics" style="font-size: 16.371134020619pt;">Designer</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/flat-design/" class="tag-link-7 tag-link-position-8" title="17 topics" style="font-size: 17.525773195876pt;">Flat Design</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/fonts/" class="tag-link-60 tag-link-position-9" title="5 topics" style="font-size: 10.59793814433pt;">Fonts</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/freebies/" class="tag-link-208 tag-link-position-10" title="36 topics" style="font-size: 22pt;">Freebies</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/free-fonts/" class="tag-link-61 tag-link-position-11" title="3 topics" style="font-size: 8pt;">Free Fonts</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/free-html5-template/" class="tag-link-57 tag-link-position-12" title="7 topics" style="font-size: 12.329896907216pt;">Free HTML5 Template</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/free-psd/" class="tag-link-25 tag-link-position-13" title="4 topics" style="font-size: 9.4432989690722pt;">Free Psd</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/free-resources/" class="tag-link-183 tag-link-position-14" title="6 topics" style="font-size: 11.60824742268pt;">Free Resources</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/free-templates/" class="tag-link-8 tag-link-position-15" title="14 topics" style="font-size: 16.371134020619pt;">Free Templates</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/google-material/" class="tag-link-165 tag-link-position-16" title="8 topics" style="font-size: 13.051546391753pt;">Google Material</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/google-material-design/" class="tag-link-166 tag-link-position-17" title="8 topics" style="font-size: 13.051546391753pt;">Google Material Design</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/html/" class="tag-link-29 tag-link-position-18" title="18 topics" style="font-size: 17.814432989691pt;">HTML</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/html5/" class="tag-link-233 tag-link-position-19" title="17 topics" style="font-size: 17.525773195876pt;">HTML5</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/html5-css3-template/" class="tag-link-40 tag-link-position-20" title="16 topics" style="font-size: 17.092783505155pt;">HTML5 / CSS3 Template</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/html-framework/" class="tag-link-30 tag-link-position-21" title="4 topics" style="font-size: 9.4432989690722pt;">HTML Framework</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/html-template/" class="tag-link-9 tag-link-position-22" title="11 topics" style="font-size: 14.927835051546pt;">HTML Template</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/image-hover-effects/" class="tag-link-18 tag-link-position-23" title="3 topics" style="font-size: 8pt;">image hover effects</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/javascript/" class="tag-link-206 tag-link-position-24" title="14 topics" style="font-size: 16.371134020619pt;">Javascript</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/jquery/" class="tag-link-32 tag-link-position-25" title="26 topics" style="font-size: 19.979381443299pt;">jQuery</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/jquery-effects/" class="tag-link-42 tag-link-position-26" title="5 topics" style="font-size: 10.59793814433pt;">jQuery Effects</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/jquery-plugin/" class="tag-link-10 tag-link-position-27" title="26 topics" style="font-size: 19.979381443299pt;">JQuery Plugin</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/material/" class="tag-link-158 tag-link-position-28" title="9 topics" style="font-size: 13.773195876289pt;">Material</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/material-bootstrap/" class="tag-link-160 tag-link-position-29" title="4 topics" style="font-size: 9.4432989690722pt;">Material Bootstrap</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/material-concept/" class="tag-link-226 tag-link-position-30" title="5 topics" style="font-size: 10.59793814433pt;">Material Concept</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/material-design/" class="tag-link-74 tag-link-position-31" title="13 topics" style="font-size: 15.938144329897pt;">Material Design</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/material-resources/" class="tag-link-168 tag-link-position-32" title="6 topics" style="font-size: 11.60824742268pt;">Material Resources</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/one-page-template/" class="tag-link-38 tag-link-position-33" title="4 topics" style="font-size: 9.4432989690722pt;">One Page Template</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/premium-templates/" class="tag-link-278 tag-link-position-34" title="12 topics" style="font-size: 15.360824742268pt;">Premium Templates</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/responsive/" class="tag-link-14 tag-link-position-35" title="14 topics" style="font-size: 16.371134020619pt;">responsive</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/showcase/" class="tag-link-289 tag-link-position-36" title="6 topics" style="font-size: 11.60824742268pt;">showcase</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/svg/" class="tag-link-54 tag-link-position-37" title="4 topics" style="font-size: 9.4432989690722pt;">SVG</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/svg-animations/" class="tag-link-55 tag-link-position-38" title="3 topics" style="font-size: 8pt;">SVG Animations</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/template/" class="tag-link-274 tag-link-position-39" title="9 topics" style="font-size: 13.773195876289pt;">Template</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/themes/" class="tag-link-279 tag-link-position-40" title="11 topics" style="font-size: 14.927835051546pt;">Themes</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/transition/" class="tag-link-43 tag-link-position-41" title="10 topics" style="font-size: 14.350515463918pt;">Transition</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/ui-kit/" class="tag-link-53 tag-link-position-42" title="3 topics" style="font-size: 8pt;">UI Kit</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/web-design/" class="tag-link-207 tag-link-position-43" title="22 topics" style="font-size: 18.969072164948pt;">Web Design</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/wordpress/" class="tag-link-298 tag-link-position-44" title="8 topics" style="font-size: 13.051546391753pt;">wordpress</a> <a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/tag/wordpress-themes/" class="tag-link-292 tag-link-position-45" title="7 topics" style="font-size: 12.329896907216pt;">wordpress themes</a></div> </div><div id="text-12" class="widget widget_text"> <div class="textwidget"><div style="text-align:center;"><script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://teslathemes.com/amember/b/363326415a5a/ninodezign"></script></div></div> </div> </div> </div> </div> </div> </div> </div> <footer id="footer"> <section class="container" id="footer-widgets"> <div class="container-inner"> <div class="pad group"> <div class="footer-widget-1 grid one-full last"> <div id="text-6" class="widget widget_text"> <div class="textwidget"><div class="sidebar-adv"> <script async src="//web.archive.org/web/20200428070429js_/http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6446742625768372" data-ad-slot="9916739244" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <br> </div></div> </div> </div> </div> </div> </section> <nav class="nav-container group" id="nav-footer"> <div class="nav-toggle"><i class="fa fa-bars"></i></div> <div class="nav-text"></div> <div class="nav-wrap"><ul id="menu-footer-menu" class="nav container group"><li id="menu-item-167" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-167"><a href="https://web.archive.org/web/20200428070429/http://ninodezign.com/about-us/">About Ninodezign</a></li> <li id="menu-item-418" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-418"><a href="https://web.archive.org/web/20200428070429/mailto:ninodezign@gmail.com">Contact Us</a></li> <li id="menu-item-2329" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2329"><a href="https://web.archive.org/web/20200428070429/http://domain.thetazero.com/d/ninodezign.com">Ninodezign.com</a></li> </ul></div> </nav> <section class="container" id="footer-bottom"> <div class="container-inner"> <a id="back-to-top" href="#"><i class="fa fa-angle-up"></i></a> <div class="pad group"> <div class="grid one-half"> <div id="copyright"> <p>ninodezign.com © 2020. All Rights Reserved.</p> </div> <div id="credit"> <p>Powered by <a href="https://web.archive.org/web/20200428070429/http://wordpress.org/" rel="nofollow">WordPress</a>. Theme by <a href="https://web.archive.org/web/20200428070429/http://alxmedia.se/" rel="nofollow">Alx</a>.</p> </div> </div> <div class="grid one-half last"> <ul class="social-links"><li><a rel="nofollow" class="social-tooltip" title="Google Plus" href="https://web.archive.org/web/20200428070429/https://plus.google.com/+NinoDezign/" target="Array"><i class="fa fa-google-plus"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Twitter" href="https://web.archive.org/web/20200428070429/https://twitter.com/ninodezign" target="Array"><i class="fa fa-twitter"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Facebook" href="https://web.archive.org/web/20200428070429/https://www.facebook.com/ninodezign" target="Array"><i class="fa fa-facebook"></i></a></li><li><a rel="nofollow" class="social-tooltip" title="Rss" href="https://web.archive.org/web/20200428070429/http://feeds.feedburner.com/Ninodezigncom" target="Array"><i class="fa fa-rss"></i></a></li></ul> </div> </div> </div> </section> </footer> </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//web.archive.org/web/20200428070429/http://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-46699705-3', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-content/plugins/akismet/_inc/form.js?ver=3.2"></script> <script type="text/javascript"> /* <![CDATA[ */ var es_widget_notices = {"es_email_notice":"Please enter email address.","es_incorrect_email":"Please provide a valid email address.","es_load_more":"loading...","es_ajax_error":"Cannot create XMLHTTP instance","es_success_message":"Subscribed successfully.","es_success_notice":"Your subscription was successful! Within a few minutes, kindly check the mail in your mailbox and confirm your subscription. If you can't see the mail in your mailbox, please check your spam folder.","es_email_exists":"Email Address already exists.","es_error":"Oops.. Unexpected error occurred.","es_invalid_email":"Invalid email address.","es_try_later":"Please try after some time.","es_problem_request":"There was a problem with the request."}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-content/plugins/email-subscribers/widget/es-widget.js?ver=4.7.16"></script> <script type="text/javascript"> /* <![CDATA[ */ var es_widget_page_notices = {"es_email_notice":"Please enter email address.","es_incorrect_email":"Please provide a valid email address.","es_load_more":"loading...","es_ajax_error":"Cannot create XMLHTTP instance","es_success_message":"Subscribed successfully.","es_success_notice":"Your subscription was successful! Within a few minutes, kindly check the mail in your mailbox and confirm your subscription. If you can't see the mail in your mailbox, please check your spam folder.","es_email_exists":"Email Address already exists.","es_error":"Oops.. Unexpected error occurred.","es_invalid_email":"Invalid email address.","es_try_later":"Please try after some time.","es_problem_request":"There was a problem with the request."}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-content/plugins/email-subscribers/widget/es-widget-page.js?ver=4.7.16"></script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-content/plugins/light/js/jquery.fancybox.pack.js?ver=4.7.16"></script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-content/plugins/light/js/light.js?ver=4.7.16"></script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-content/themes/hueman/js/jquery.jplayer.min.js?ver=4.7.16"></script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-content/themes/hueman/js/scripts.js?ver=4.7.16"></script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-content/themes/hueman/js/jquery.sharrre.min.js?ver=4.7.16"></script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-includes/js/comment-reply.min.js?ver=4.7.16"></script> <script type="text/javascript" src="https://web.archive.org/web/20200428070429js_/http://ninodezign.com/wp-includes/js/wp-embed.min.js?ver=4.7.16"></script>  </body> </html>