tbz-repos/aktuelle.kurse
1
0
Fork 0
mirror of https://gitlab.com/harald.mueller/aktuelle.kurse.git synced 2024-11-24 02:31:58 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity
896babd84d
aktuelle.kurse/m133/5_Vorlagen-fuer-Projekt/free-responsive-html5-web-templates
Harald G. Mueller a2dc35ce82 muh
2022-02-24 09:37:43 +01:00

511 lines
63 KiB
Plaintext
Raw Blame History

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<meta name="application-name" content="Speckyboy Design Magazine" />
<meta name="google-site-verification" content="OCdIpudqNRpHYN5RegDGpo60CJ3RHcnAsTwhkTXqVXQ" />
<link rel="alternate" type="application/rss+xml" title="Speckyboy Design Magazine RSS2 Feed" href="https://speckyboy.com/feed/" />
<link rel="shortcut icon" href="https://speckyboy.com/wp-content/themes/speckyboy-3.9.9/favicon.ico" />
<link rel="icon" href="https://speckyboy.com/wp-content/themes/speckyboy-3.9.9/favicon.ico" type="image/x-icon" />
<link rel="pingback" href="https://speckyboy.com/xmlrpc.php">
<meta name="p:domain_verify" content="4f389b6da84339a501fcd87c7a781e2c" />
<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
<title>50 Free Responsive HTML Web Templates</title>
<meta name="description" content="A collection of HTML web templates that are the perfect starting point for building your next website. All are responsive and free." />
<link rel="canonical" href="https://speckyboy.com/free-responsive-html5-web-templates/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="50 Free Responsive HTML Web Templates" />
<meta property="og:description" content="A collection of HTML web templates that are the perfect starting point for building your next website. All are responsive and free." />
<meta property="og:url" content="https://speckyboy.com/free-responsive-html5-web-templates/" />
<meta property="og:site_name" content="Speckyboy Design Magazine" />
<meta property="article:publisher" content="https://www.facebook.com/SpeckyboyDesignMagazine" />
<meta property="article:published_time" content="2021-09-16T13:44:10+00:00" />
<meta property="article:modified_time" content="2022-01-02T11:59:43+00:00" />
<meta property="og:image" content="https://speckyboy.com/wp-content/uploads/2020/09/html-template-free-th.jpg" />
<meta property="og:image:width" content="750" />
<meta property="og:image:height" content="500" />
<meta property="og:image:type" content="image/jpeg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:creator" content="@speckyboy" />
<meta name="twitter:site" content="@speckyboy" />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="Paul Andrew" />
<meta name="twitter:label2" content="Est. reading time" />
<meta name="twitter:data2" content="5 minutes" />
<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://speckyboy.com/#organization","name":"Speckyboy Design Magazine","url":"https://speckyboy.com/","sameAs":["https://www.facebook.com/SpeckyboyDesignMagazine","https://www.linkedin.com/company/speckyboy-design-magazine","https://pinterest.com/speckboymag/","https://twitter.com/speckyboy"],"logo":{"@type":"ImageObject","@id":"https://speckyboy.com/#logo","inLanguage":"en-US","url":"https://speckyboy.com/wp-content/uploads/2019/06/speckyboy-logo.jpg","contentUrl":"https://speckyboy.com/wp-content/uploads/2019/06/speckyboy-logo.jpg","width":240,"height":240,"caption":"Speckyboy Design Magazine"},"image":{"@id":"https://speckyboy.com/#logo"}},{"@type":"WebSite","@id":"https://speckyboy.com/#website","url":"https://speckyboy.com/","name":"Speckyboy Design Magazine","description":"Design News, Resources &amp; Inspiration","publisher":{"@id":"https://speckyboy.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://speckyboy.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https://speckyboy.com/free-responsive-html5-web-templates/#primaryimage","inLanguage":"en-US","url":"https://speckyboy.com/wp-content/uploads/2020/09/html-template-free-th.jpg","contentUrl":"https://speckyboy.com/wp-content/uploads/2020/09/html-template-free-th.jpg","width":750,"height":500,"caption":"50 Free Responsive HTML Web Templates"},{"@type":"WebPage","@id":"https://speckyboy.com/free-responsive-html5-web-templates/#webpage","url":"https://speckyboy.com/free-responsive-html5-web-templates/","name":"50 Free Responsive HTML Web Templates","isPartOf":{"@id":"https://speckyboy.com/#website"},"primaryImageOfPage":{"@id":"https://speckyboy.com/free-responsive-html5-web-templates/#primaryimage"},"datePublished":"2021-09-16T13:44:10+00:00","dateModified":"2022-01-02T11:59:43+00:00","description":"A collection of HTML web templates that are the perfect starting point for building your next website. All are responsive and free.","breadcrumb":{"@id":"https://speckyboy.com/free-responsive-html5-web-templates/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://speckyboy.com/free-responsive-html5-web-templates/"]}]},{"@type":"BreadcrumbList","@id":"https://speckyboy.com/free-responsive-html5-web-templates/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://speckyboy.com/"},{"@type":"ListItem","position":2,"name":"Web Design","item":"https://speckyboy.com/category/web-design/"},{"@type":"ListItem","position":3,"name":"50 Free Responsive HTML Web Templates"}]},{"@type":"Article","@id":"https://speckyboy.com/free-responsive-html5-web-templates/#article","isPartOf":{"@id":"https://speckyboy.com/free-responsive-html5-web-templates/#webpage"},"author":{"@id":"https://speckyboy.com/#/schema/person/d1a6f31b66ddaa4055edd33b1bdfabb8"},"headline":"50 Free Responsive HTML Web Templates","datePublished":"2021-09-16T13:44:10+00:00","dateModified":"2022-01-02T11:59:43+00:00","mainEntityOfPage":{"@id":"https://speckyboy.com/free-responsive-html5-web-templates/#webpage"},"wordCount":930,"commentCount":0,"publisher":{"@id":"https://speckyboy.com/#organization"},"image":{"@id":"https://speckyboy.com/free-responsive-html5-web-templates/#primaryimage"},"thumbnailUrl":"https://speckyboy.com/wp-content/uploads/2020/09/html-template-free-th.jpg","keywords":["Coming Soon","eCommerce Design","Free Templates","Free Website Template","HTML5","One-Pager","Portfolio Design","Responsive Web Design","RWD","Single Page","Web Template"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https://speckyboy.com/free-responsive-html5-web-templates/#respond"]}]},{"@type":"Person","@id":"https://speckyboy.com/#/schema/person/d1a6f31b66ddaa4055edd33b1bdfabb8","name":"Paul Andrew","image":{"@type":"ImageObject","@id":"https://speckyboy.com/#personlogo","inLanguage":"en-US","url":"https://secure.gravatar.com/avatar/6b81bf10ddf97c1a224dde2ef9b8666f?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/6b81bf10ddf97c1a224dde2ef9b8666f?s=96&d=mm&r=g","caption":"Paul Andrew"},"description":"Paul is the founder and editor of Speckyboy Design Magazine. He has many years experience within the web design industry and a passion for the latest web technologies and design trends. He lives in the small town of Inverness in the north of Scotland. Follow him on Twitter.","url":"https://speckyboy.com/author/apaulandrew/"}]}</script>
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="Speckyboy Design Magazine &raquo; 50 Free Responsive HTML Web Templates Comments Feed" href="https://speckyboy.com/free-responsive-html5-web-templates/feed/" />
<style id='global-styles-inline-css' type='text/css'>
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
</style>
<link rel='stylesheet' id='related-posts-by-taxonomy-css' href='https://speckyboy.com/wp-content/plugins/related-posts-by-taxonomy/includes/assets/css/styles.css?ver=5.9.1' type='text/css' media='all' />
<link rel='stylesheet' id='style-css' href='https://speckyboy.com/wp-content/themes/speckyboy-3.9.9/style.css?ver=5.9.1' type='text/css' media='all' />
<style id="googleFonts-css" media="all">@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/fonts.gstatic.com/s/nunito/v22/XRXI3I6Li01BKofiOc5wtlZ2di8HDLshRTM.ttf) format('truetype');
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(/fonts.gstatic.com/s/nunito/v22/XRXI3I6Li01BKofiOc5wtlZ2di8HDDsmRTM.ttf) format('truetype');
}
</style>
<link rel='stylesheet' id='FontAwesome-css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css?ver=5.9.1' type='text/css' media='all' />
<script type='text/javascript' src='https://speckyboy.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.0' id='jquery-core-js'></script>
<script type='text/javascript' src='https://speckyboy.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2' id='jquery-migrate-js'></script>
<script type='text/javascript' src='https://speckyboy.com/wp-content/themes/speckyboy-3.9.9/js/scripts.js?ver=5.9.1' id='scripts-js'></script>
<link rel="https://api.w.org/" href="https://speckyboy.com/wp-json/" /><link rel="alternate" type="application/json" href="https://speckyboy.com/wp-json/wp/v2/posts/54833" />
<link rel='shortlink' href='https://speckyboy.com/?p=54833' />
<link rel="alternate" type="application/json+oembed" href="https://speckyboy.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fspeckyboy.com%2Ffree-responsive-html5-web-templates%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://speckyboy.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fspeckyboy.com%2Ffree-responsive-html5-web-templates%2F&#038;format=xml" />
<link rel="amphtml" href="https://speckyboy.com/free-responsive-html5-web-templates/amp/"> <script type="text/javascript">
(function(){
var bsa_optimize=document.createElement('script');
bsa_optimize.type='text/javascript';
bsa_optimize.async=true;
bsa_optimize.src='https://cdn4.buysellads.net/pub/speckyboy.js?'+(new Date()-new Date()%600000);
(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa_optimize);
})();
</script>
</head>
<body class="post-template-default single single-post postid-54833 single-format-standard category-web-design">
<div class="sitewide-nav">
<div class="container">
<nav>
<ul class="navigation">
<li class="home"><a href="https://speckyboy.com">Home</a></li>
<li class="dropdown"><a class="megamenu" href="#">Browse</a></li>
</ul>
<ul class="navigation right"><li class="search-field">
<form role="search" method="get" action="https://speckyboy.com/">
<label for="search-form" class="screen-reader-text">Search this site</label>
<input type="search" name="s" id="search-form" placeholder="Search..." required="" />
<button type="submit" value="Search" id="searchsubmit" class="submit"><i class="fas fa-search"></i><span class="screen-reader-text">Search</span></button></form></li><li class="social"><a target="_blank" class="twitter" rel="noopener noreferrer" href="https://twitter.com/speckyboy"><i class="fab fa-twitter"></i><span class="screen-reader-text">Our Twitter Page</span></a><a target="_blank" class="facebook" href="https://www.facebook.com/SpeckyboyDesignMagazine/" rel="noopener noreferrer"><i class="fab fa-facebook-f"></i><span class="screen-reader-text">Our Facebook Page</span></a><a target="_blank" href="https://speckyboy.com/feed/" class="rss"><i class="fas fa-rss"></i><span class="screen-reader-text">RSS Feed</span></a></li></ul>
</nav></div></div>
<div id="megamenu">
<div class="megamenu-content">
<div class="megamenu-column">
<h5>Content <small>by</small> Category</h5>
<ul>
<li><a href="https://speckyboy.com/category/bootstrap/">Bootstrap Framework</a></li>
<li><a href="https://speckyboy.com/category/css/">CSS</a></li>
<li><a href="https://speckyboy.com/topic/design-trends/">Design Trends</a></li>
<li><a href="https://speckyboy.com/category/fonts/">Fonts</a></li>
<li><a href="https://speckyboy.com/category/freelance/">Freelance Design</a></li>
<li><a href="https://speckyboy.com/category/design-2/">General Design</a></li>
<li><a href="https://speckyboy.com/category/free-icons/">Icons</a></li>
<li><a href="https://speckyboy.com/category/design-inspiration/">Design Inspiration</a></li>
<li><a href="https://speckyboy.com/category/javascript/">JavaScript</a></li>
<li><a href="https://speckyboy.com/category/logo/">Logo Design</a></li>
<li><a href="https://speckyboy.com/category/motion-design/">Motion Design</a></li>
<li><a href="https://speckyboy.com/category/photography/">Photography</a></li>
<li><a href="https://speckyboy.com/category/print-design/">Print Design</a></li>
<li><a href="https://speckyboy.com/category/ui/">UI Design</a></li>
<li><a href="https://speckyboy.com/category/ux/">UX Design</a></li>
<li><a href="https://speckyboy.com/category/web-design/">Web Design</a></li>
<li><a href="https://speckyboy.com/category/wordpress/">WordPress</a></li>
<li><a href="https://speckyboy.com/topic/wordpress-plugins/">WordPress Plugins</a></li>
<li><a href="https://speckyboy.com/topic/wordpress-theme/">WordPress Themes</a></li>
</ul>
</div>
<div class="megamenu-column">
<h5 class="popular-topics">Content <small>by</small> Application</h5>
<ul>
<li><a href="https://speckyboy.com/topic/after-effects/">Adobe After Effects</a></li>
<li><a href="https://speckyboy.com/category/illustrator/">Adobe Illustrator</a></li>
<li><a href="https://speckyboy.com/topic/adobe-indesign/">Adobe InDesign</a></li>
<li><a href="https://speckyboy.com/topic/adobe-lightroom/">Adobe Lightroom</a></li>
<li><a href="https://speckyboy.com/category/photoshop/">Adobe Photoshop</a></li>
<li><a href="https://speckyboy.com/topic/premiere-pro/">Adobe Premiere Pro</a></li>
<li><a href="https://speckyboy.com/topic/adobe-xd/">Adobe XD</a></li>
<li><a href="https://speckyboy.com/topic/apple-keynote/">Apple Keynote</a></li>
<li><a href="https://speckyboy.com/topic/apple-motion/">Apple Motion</a></li>
<li><a href="https://speckyboy.com/topic/figma/">Figma</a></li>
<li><a href="https://speckyboy.com/topic/final-cut-pro/">Final Cut Pro</a></li>
<li><a href="https://speckyboy.com/topic/powerpoint/">Microsoft Powerpoint</a></li>
<li><a href="https://speckyboy.com/topic/procreate/">Procreate</a></li>
<li><a href="https://speckyboy.com/topic/sketch-app/">Sketch App</a></li>
</ul>
</div>
</div>
</div>
<div class="sitewide-banner"><img src="https://speckyboy.com/wp-content/uploads/2020/04/adobe-stock-icon.jpg" width="40" height="39" alt="adobe stock icon"><span class="text">Download 10 Free <span class="desktop">Design</span> Templates From Adobe Stock <a target="_blank" href="https://clk.tradedoubler.com/click?p(265883)a(2950047)g(22913796)url(https://stock.adobe.com/promo/firstmonthfree)" rel="sponsored nofollow noopener noreferrer">Download Now <i class="fas fa-external-link-alt"></i></a></span></div>
<div class="sitewide-header container"><div class="logo"><a title="Speckyboy Design Magazine" href="https://speckyboy.com/"><img src="https://speckyboy.com/wp-content/themes/speckyboy-3.9.9/images/logo-sm.png" alt="Speckyboy Design Magazine Logo" width="170" height="39" /></a></div><div id="bsa-zone_1570667497821-9_123456" class="banner-bsa"></div></div><div id="content" class="container">
<main id="main" role="main">
<article role="article" id="post-54833" class="post-54833 post type-post status-publish format-standard has-post-thumbnail hentry category-web-design tag-coming-soon tag-ecommerce-design tag-free-templates tag-free-website-template tag-html5 tag-one-pager tag-portfolio-design tag-responsive-web-design tag-rwd tag-single-page tag-web-template">
<h1 class="post-title">50 Free Responsive HTML Web Templates</h1>
<div class="meta">By <a href="https://speckyboy.com/author/apaulandrew/" title="Posts by Paul Andrew" rel="author">Paul Andrew</a> <span class="mobile-layout"><br></span> <span class="on">on</span> <time datetime="2021-09-16">Sep 16th, 2021</time> <span class="right">
<a href="https://speckyboy.com/category/web-design/" rel="category tag">Web Design</a></span></div>
<div class="post-content">
<p>Are you looking for a quick and easy to edit method of speeding up your web design process? Well, you have come to the right place. We have collected fifty pre-built responsive HTML5 templates that will have your web design project live in no time with just a little bit of creative tweaking. And the best thing of all is that the website templates are completely free!</p>
<p>A ready-made template is a perfect option for you to build a powerful website for your business. There are numerous professionally designed templates available, but they often require a high degree of customization. Eventually, you find yourself with lines of code to change to get the required result. It&#8217;s great if you know the basics of HTML and CSS, but what&#8217;s the option for those users who don&#8217;t know a thing about coding?</p>
<p>All of the free website templates in this collection have been sourced from trusted websites. They are also built with the latest web design trends in mind and combine a striking look with unmatched functionality.</p>
<p>If you&#8217;re looking for free Bootstrap templates and UI kits, check out <a href="https://speckyboy.com/free-bootstrap-framework-templates/">this post</a>.</p>
<h2><a target="_blank" href="https://freebiesbug.com/code-stuff/apollo-one-page-html-template-photographers/" rel="noopener noreferrer">Apollo <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Built for professional photographers, Apollo is a beautiful and free one-page web template for showcasing your shots.</p>
<p><img src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-04.jpg" height="420" width="900" alt="free Apollo One-Page Web Template for Photographers" /></p>
<h2><a target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=responsive-html5-web-templates&#038;u=https%3A%2F%2Felements.envato.com%2Fconnect-multipurpose-landing-page-template-4BXN4PC" rel="noopener">Connect Multipurpose Landing Page Template <i class="fas fa-external-link-alt external"></i></a> <small>(Envato Elements)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/html5-responsive-template-a.jpg" height="500" width="900" alt="Connect Multipurpose Landing Page Template" /></p>
<h2><a target="_blank" href="https://github.com/BuckyMaler/Global" rel="noopener noreferrer">Global &#8211; HTML5 Website Template <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>The free HTML5 Global web template can be used as a one-page portfolio site or be easily edited to work as a creative agency website.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-01.jpg" height="420" width="900" alt="Global free HTML5 Website Template" /></p>
<h2><a target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=responsive-html5-web-templates&#038;u=https%3A%2F%2Felements.envato.com%2Farray-minimal-landing-page-template-CWFAEZ" rel="noopener">Array Minimal Landing Page Template <i class="fas fa-external-link-alt external"></i></a> <small>(Envato Elements)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/html5-responsive-template-b.jpg" height="500" width="900" alt="Array Minimal Landing Page Template" /></p>
<h2><a target="_blank" href="https://bansal.gumroad.com/l/tifJM" rel="noopener">Hook Dark HTML Template <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-42.jpg" height="420" width="900" alt="free responsive Hook Dark HTML Template" /></p>
<h2><a target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=responsive-html5-web-templates&#038;u=https%3A%2F%2Felements.envato.com%2Ffold-multipurpose-software-and-app-template-WX3MLKY" rel="noopener">Fold Multipurpose Software &amp; App Template <i class="fas fa-external-link-alt external"></i></a> <small>(Envato Elements)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/html5-responsive-template-c.jpg" height="500" width="900" alt="Fold Multipurpose Software App Template" /></p>
<h2><a href="https://tympanus.net/codrops/2018/01/12/freebie-scribbler-website-template-html-sketch/" target="_blank" rel="noopener noreferrer">Scribbler Website Template <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>A responsive HTML template for coding projects with a clean, user friendly design.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-07.jpg" height="420" width="900" alt="Freebie Scribbler Website Template HTML Sketch"></p>
<h2><a target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=responsive-html5-web-templates&#038;u=https%3A%2F%2Felements.envato.com%2Fseppo-corporate-one-page-html-template-SRUW74" rel="noopener">Seppo Corporate One Page HTML Template <i class="fas fa-external-link-alt external"></i></a> <small>(Envato Elements)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/html5-responsive-template-d.jpg" height="500" width="900" alt="Seppo Corporate One Page HTML Template" /></p>
<h2><a target="_blank" href="https://www.graphberry.com/item/doob-free-agency-html-template" rel="noopener">Doob Agency HTML Template <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-43.jpg" height="420" width="900" alt="free Doob Agency HTML Template" /></p>
<h2>Nobel Minimal &amp; Versatile Multi-Concept Template <i class="fas fa-external-link-alt external"></i> <small>(Envato Elements)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/html5-responsive-template-e.jpg" height="500" width="900" alt="Nobel Minimal Versatile Multi-Concept Template" /></p>
<h2><a target="_blank" href="https://pixelbuddha.net/html/howdy-html-template-free-download" rel="noopener noreferrer">Howdy vCard <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Built in a modern style, Howdy is a minimally designed resume-style web template that would be perfect for creative designers or photographers.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-13.jpg" height="420" width="900" alt="Howdy minimal cv resume creative modern free html5" /></p>
<h2><a target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=responsive-html5-web-templates&#038;u=https%3A%2F%2Felements.envato.com%2Fparker-software-and-startup-landing-page-template-VKLQQW" rel="noopener">Parker Software &amp; Startup Landing Page Template <i class="fas fa-external-link-alt external"></i></a> <small>(Envato Elements)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/html5-responsive-template-f.jpg" height="500" width="900" alt="Parker Software Startup Landing Page Template" /></p>
<h2><a target="_blank" href="https://dribbble.com/shots/4541448-Atomic-Free-HTML5-Website-Template" rel="noopener">Atomic HTML5 Website Template <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-46.jpg" height="420" width="900" alt="Atomic HTML5 Website Template free" /></p>
<h2><a target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=responsive-html5-web-templates&#038;u=https%3A%2F%2Felements.envato.com%2Fpisend-minimalism-blog-html5-template-W68NXM5" rel="noopener">Pisend Minimalism Blog HTML5 Template <i class="fas fa-external-link-alt external"></i></a> <small>(Envato Elements)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/html5-responsive-template-g.jpg" height="500" width="900" alt="Pisend Minimalism Blog HTML5 Template" /></p>
<h2><a target="_blank" href="https://html5up.net/photon" rel="noopener noreferrer">Photon <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Photon is a free one-page HTML5 template that supports images with parallax effect and buttons with some fantastic hover effects. Choose this template to give your online resume a striking look.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-02.jpg" height="420" width="900" alt="Photon one page resume parallax effect buttons hover html5 template website responsive" /></p>
<h2><a target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=responsive-html5-web-templates&#038;u=https%3A%2F%2Felements.envato.com%2Fblunes-minimal-html-portfolio-template-4DABAZ" rel="noopener">Blunes Minimal HTML Portfolio Template <i class="fas fa-external-link-alt external"></i></a> <small>(Envato Elements)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/html5-responsive-template-h.jpg" height="500" width="900" alt="Blunes Minimal HTML Portfolio Template" /></p>
<h2><a target="_blank" href="https://cruip.com/demos/ellie/" rel="noopener">Ellie Responsive Landing Page Template <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-44.jpg" height="420" width="900" alt="Ellie Responsive Landing Page Template free" /></p>
<h2><a target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=responsive-html5-web-templates&#038;u=https%3A%2F%2Felements.envato.com%2Fopta-minimal-portfolio-and-photography-template-ZJY2MG" rel="noopener">Opta Minimal Portfolio &#038; Photography Template <i class="fas fa-external-link-alt external"></i></a> <small>(Envato Elements)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/html5-responsive-template-i.jpg" height="500" width="900" alt="Opta Minimal Portfolio and Photography Template" /></p>
<h2><a target="_blank" href="https://tutorialzine.com/2016/06/freebie-landing-page-template-with-flexbox" rel="noopener noreferrer">Flexbox Responsive Landing Page <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>A responsive landing page template built with <a href="https://speckyboy.com/css-flexbox-toolbox/">CSS Flexbox</a>.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-03.jpg" height="420" width="900" alt="free Responsive Landing Page Template With Flexbox" /></p>
<h2><a target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=responsive-html5-web-templates&#038;u=https%3A%2F%2Felements.envato.com%2Focularus-minimal-photography-html-template-JLHYEP" rel="noopener">Ocularus Minimal Photography HTML Template <i class="fas fa-external-link-alt external"></i></a> <small>(Envato Elements)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/html5-responsive-template-j.jpg" height="500" width="900" alt="Ocularus Minimal Photography HTML Template" /></p>
<h2><a target="_blank" href="https://html5up.net/landed" rel="noopener noreferrer">Landed <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>If you need an up-to-date website with advanced functionality, the Landed template would be the perfect choice for you. It features a full-screen hero image at the top of the homepage, and comes with support for lazy-loading images, parallax effect layouts, and much more.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-05.jpg" height="420" width="900" alt="Landed full-screen lazy loading images parallax effect html5 template website responsive" /></p>
<h2><a target="_blank" href="https://cruip.com/demos/solid/" rel="noopener">Solid Landing Page Template <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-45.jpg" height="420" width="900" alt="Solid Landing Page Template free" /></p>
<h2><a target="_blank" href="https://www.os-templates.com/free-website-templates/colossus" rel="noopener noreferrer">Colossus <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>The Colossus free website template offers a clean and responsive layout that allows you to engage more visitors as it automatically adjusts your pages to any screen resolution, whether on desktop or mobile.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-06.jpg" height="420" width="900" alt="Colossus clean html5 screen resolution template website responsive" /></p>
<h2><a target="_blank" href="https://www.os-templates.com/free-website-templates/viral" rel="noopener noreferrer">Viral <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>The Viral free HTML5 template features a clean and minimal layout with a full-width image hero section in the header, mega-menu and a fanatstic selection of buttons with hover effects.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-08.jpg" height="420" width="900" alt="viral clean minimal maega-menu hover effects html5 template website responsive" /></p>
<h2><a target="_blank" href="https://www.os-templates.com/free-website-templates/abele" rel="noopener noreferrer">Abele <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>The free web template Abele features a responsive design, mega-menu, large hero area, etc. It could be a great fit for any online news or educational blog.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-10.jpg" height="420" width="900" alt="abele full-screen slider mega-menu image hover parallax effects animated backgrounds html5 template website responsive" /></p>
<h2><a target="_blank" href="https://www.behance.net/gallery/28824323/LUNA-FREE-Personal-Blog-Template" rel="noopener noreferrer">Luna <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-12.jpg" height="420" width="900" alt="Luna Personal Blog html5 template website responsive free" /></p>
<h2><a target="_blank" href="https://pixelbuddha.net/html/howdy-html-template-free-download" rel="noopener noreferrer">Howdy vCard <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Built in a modern style, Howdy is a minimally designed resume-style web template that would be perfect for creative designers or photographers.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-13.jpg" height="420" width="900" alt="Howdy minimal cv resume creative modern free html5" /></p>
<h2><a target="_blank" href="https://tympanus.net/codrops/2015/08/11/freebie-sedna-one-page-website-template/" rel="noopener noreferrer">Sedna <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-14.jpg" height="420" width="900" alt="Sedna One Page Website Template" /></p>
<h2><a target="_blank" href="https://tympanus.net/codrops/2015/09/16/freebie-land-io-ui-kit-landing-page-design-sketch/" rel="noopener noreferrer">Land.io UI Kit <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-15.jpg" height="420" width="900" alt="land ui kit html5 template website responsive free" /></p>
<h2><a target="_blank" href="https://pixelbuddha.net/html/activebox-html-template" rel="noopener noreferrer">ActiveBox <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-16.jpg" height="420" width="900" alt="ActiveBox html5 template website responsive free" /></p>
<h2><a target="_blank" href="https://html5up.net/highlights" rel="noopener noreferrer">Highlights <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Highlights is a one-page website template specially designed for online CVs and portfolios. It offers a full-screen slider and responsive design that makes the website perform equally well on screens and devices of different sizes.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-18.jpg" height="420" width="900" alt="Highlights CV full-screen slider portfolio html5 template website responsive" /></p>
<h2><a target="_blank" href="https://dribbble.com/shots/2021038-Game-of-Thrones-Redesign-and-Free-Responsive-HTML-Template" rel="noopener noreferrer">Game of Thrones Responsive Template <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-21.jpg" height="420" width="900" alt="Game of Thrones Responsive Template free HTML" /></p>
<h2><a target="_blank" href="https://pixelbuddha.net/html/freebie-white-one-page-html-template" rel="noopener noreferrer">White One-Pager <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-22.jpg" height="420" width="900" alt="White One-Pager Responsive Template free HTML" /></p>
<h2><a target="_blank" href="https://pixelbuddha.net/html/freebie-forkio-one-page-html-template" rel="noopener noreferrer">Forkio One-Pager <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-23.jpg" height="420" width="900" alt="Forkio One-Pager Responsive Template free HTML" /></p>
<h2><a target="_blank" href="https://html5up.net/tessellate" rel="noopener noreferrer">Tessellate <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Tessellate is a clean single-page template.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-24.jpg" height="420" width="900" alt="Tessellate css responsive HTML template web design free" /></p>
<h2><a target="_blank" href="https://dribbble.com/shots/1192183-Pichichi-Freebie-html5-responsive-template" rel="noopener noreferrer">Pichichi <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Pichichi is a responsive portfolio template.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-25.jpg" height="420" width="900" alt="portfolio Pichichi css responsive HTML template web design free" /></p>
<h2><a target="_blank" href="https://w3layouts.com/template/kingdom-minimalistic-flat-corporate-responsive-web-template/" rel="noopener noreferrer">My Kingdom <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>My Kingdom is a flat corporate responsive template.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-26.jpg" height="420" width="900" alt="My Kingdom corporate flat css responsive HTML template web design free" /></p>
<h2><a target="_blank" href="https://w3layouts.com/template/harbour-flat-portfolio-responsive-web-template/" rel="noopener noreferrer">Harbour <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Harbour is a flat portfolio free website template.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-27.jpg" height="420" width="900" alt="Harbour css flat portfolio responsive HTML template web design free" /></p>
<h2><a target="_blank" href="http://ninetofive.me/freebies/treviso-a-free-html-template" rel="noopener noreferrer">Treviso <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Treviso is a clean portfolio template. The download also includes the PSD files.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-28.jpg" height="420" width="900" alt="Treviso clean portfolio html css psd Responsive template web-design free" /></p>
<h2><a target="_blank" href="https://startbootstrap.com/theme/grayscale" rel="noopener noreferrer">Start <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Start is a free multi-purpose single-page template that has been built with Bootstrap 3.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-30.jpg" height="420" width="900" alt="Start Bootstrap multi-purpose single-page html css responsive template web design free" /></p>
<h2><a target="_blank" href="https://html5up.net/big-picture" rel="noopener noreferrer">Big Picture <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Big Picture is a free single-page portfolio web template.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-31.jpg" height="420" width="900" alt="Big Picture single-page portfolio html css responsive template web design free" /></p>
<h2><a target="_blank" href="https://www.anarieldesign.com/free-responsive-html-template/" rel="noopener noreferrer">Freebix <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Freebix is a clean multi-purpose template.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-32.jpg" height="420" width="900" alt="clean multi-purpose html css responsive template web design free" /></p>
<h2><a target="_blank" href="https://www.behance.net/gallery/Picku-Free-HTML-Template/14451657" rel="noopener noreferrer">Picku <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Picku is a free minimal website template for photographers and creatives.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-33.jpg" height="420" width="900" alt="Picku minimal template photographers creatives html css responsive template web design free" /></p>
<h2><a target="_blank" href="https://html5up.net/prologue" rel="noopener noreferrer">Prologue <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Prologue is a modern multi-purpose left-sided sidebar template.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-34.jpg" height="420" width="900" alt="Prologue multi-purpose left-sided sidebar html css responsive template web design free" /></p>
<h2>Caprice <i class="fas fa-external-link-alt external"></i> <small>(Free)</small></h2>
<p>Caprice is a clean business web template.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-35.jpg" height="420" width="900" alt="Caprice clean business html css responsive template web design free" /></p>
<h2><a target="_blank" href="https://startbootstrap.com/theme/landing-page" rel="noopener noreferrer">Landing Page <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>The Landing Page Template has been built with Bootstrap.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-36.jpg" height="420" width="900" alt="Landing Page Bootstrap html css responsive template web design free" /></p>
<h2><a target="_blank" href="https://bootstraptaste.com/mamba-one-page-bootstrap-template-free/" rel="noopener noreferrer">Mamba <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Mamba is a flat, single-page template that has been built with Bootstrap.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-37.jpg" height="420" width="900" alt="Mamba single-page bootstrap html css responsive template web design free" /></p>
<h2><a target="_blank" href="https://github.com/paolotripodi/Landy-v1.0/" rel="noopener noreferrer">Landy <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Landy is a flexible single-page template.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-38.jpg" height="420" width="900" alt="landy landing page flexible single-page html css responsive template web design free" /></p>
<h2><a target="_blank" href="https://html5up.net/escape-velocity" rel="noopener noreferrer">Escape Velocity <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Escape Velocity is a free responsive HTML5 site template designed in a flat style.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-39.jpg" height="420" width="900" alt="Escape Velocity free responsive HTML5 site template flat" /></p>
<h2>Serendipity <i class="fas fa-external-link-alt external"></i> <small>(Free)</small></h2>
<p>Serendipity is a free and responsive single column blog template.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-40.jpg" height="420" width="900" alt="Serendipity free responsive single column blog template html5" /></p>
<h2><a target="_blank" href="https://github.com/bmgdev/responsive-wedding" rel="noopener noreferrer">Responsive Wedding <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>Responsive Wedding is a free, feature-rich HTML5 responsive template that uses jQuery Waypoints and ScrollTo for a fluent single-page layout.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-41.jpg" height="420" width="900" alt="Responsive Wedding single-page layout feature-rich HTML5 responsive template jquery Waypoints" /></p>
<h2><a target="_blank" href="https://uisual.com/" rel="noopener">Uisual &#8211; Minimal Landing Page Templates for Startups <i class="fas fa-external-link-alt external"></i></a> <small>(Free)</small></h2>
<p>A fantastic collection of six minimally designed and free HTML &#038; CSS landing page templates for startups.</p>
<p><img loading="lazy" src="https://speckyboy.com/wp-content/uploads/2021/01/free-html5-responsive-template-47.jpg" height="550" width="900" alt="Uisual minimal free Six Landing Page Templates for Startups" /></p>
<h2>Finished!</h2>
<p>Go ahead and find a suitable template for your website and give it a brand new look and enhanced functionality. With any of these HTML5 templates, you will surely cultivate a growing audience and increase your conversion rate.</p>
<div class="rpbt_shortcode">
<h3>Related Posts</h3>
<ul>
<li>
<a href="https://speckyboy.com/free-bootstrap-framework-templates/">The 40 Best Free Bootstrap 5 Templates &#038; Themes</a>
</li>
<li>
<a href="https://speckyboy.com/free-single-page-scrolling-html5-portfolio-template-psds/">Free Single-Page Scrolling HTML5 Portfolio Template + PSDs</a>
</li>
<li>
<a href="https://speckyboy.com/free-responsive-email-templates/">30 Free Responsive Email &#038; Newsletter Templates</a>
</li>
<li>
<a href="https://speckyboy.com/free-responsive-joomla-templates/">The 18 Best Free Responsive Joomla Templates</a>
</li>
<li>
<a href="https://speckyboy.com/free-themes-templates-ecommerce-stores/">15 Free Themes &#038; Templates for Creating eCommerce Stores</a>
</li>
<li>
<a href="https://speckyboy.com/free-ecommerce-psd-web-templates/">10 Free eCommerce &#038; Shopping PSD Web Templates</a>
</li>
<li>
<a href="https://speckyboy.com/free-portfolio-psd-web-templates/">10 Free Personal Portfolio Photoshop PSD Web Templates</a>
</li>
<li>
<a href="https://speckyboy.com/free-photoshop-psd-web-design-template/">50 Free Web Design Photoshop PSD Templates</a>
</li>
<li>
<a href="https://speckyboy.com/blozzit-free-professional-htmlcss-template-full-layered-psd-files/">Freebie: BlozZit, A Free Professional HTML/CSS Web Template</a>
</li>
<li>
<a href="https://speckyboy.com/free-bootstrap-admin-themes/">25 Free Bootstrap Dashboard &#038; Admin Templates</a>
</li>
</ul>
</div> </div>
</article>
<div class="topics">
<h3>Related Tags</h3>
<ul><li><a href="https://speckyboy.com/topic/coming-soon/" rel="tag">Coming Soon</a></li><li><a href="https://speckyboy.com/topic/ecommerce-design/" rel="tag">eCommerce Design</a></li><li><a href="https://speckyboy.com/topic/free-templates/" rel="tag">Free Templates</a></li><li><a href="https://speckyboy.com/topic/free-website-template/" rel="tag">Free Website Template</a></li><li><a href="https://speckyboy.com/topic/html5/" rel="tag">HTML5</a></li><li><a href="https://speckyboy.com/topic/one-pager/" rel="tag">One-Pager</a></li><li><a href="https://speckyboy.com/topic/portfolio-design/" rel="tag">Portfolio Design</a></li><li><a href="https://speckyboy.com/topic/responsive-web-design/" rel="tag">Responsive Web Design</a></li><li><a href="https://speckyboy.com/topic/rwd/" rel="tag">RWD</a></li><li><a href="https://speckyboy.com/topic/single-page/" rel="tag">Single Page</a></li><li><a href="https://speckyboy.com/topic/web-template/" rel="tag">Web Template</a></li></ul> </div>
</main>
<aside class="default-sidebar" role="complementary">
<div id="bsa-zone_1570667559247-4_123456" class="banner-bsa" style="margin-bottom:40px"></div>
<div class="sidebar-elements-content">
<div class="sidebar-elements-item"><a target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=new-items-sidebar&u=https%3A%2F%2Felements.envato.com%2Feiefy-html-template-for-selling-digital-items-SWYYD6J" rel="sponsor noopener noreferrer">
<div class="badge">Free on Envato Elements</div><img src="https://speckyboy.com/wp-content/uploads/2022/02/eiefy.jpg" height="333" width="500" alt="Eiefy eCommerce HTML Template">
<div class="item-meta">
<div class="item-title">Eiefy eCommerce HTML Template <i class="fas fa-arrow-right"></i></div>
<div class="item-category">Free File Download on Elements</div>
</div>
</a></div>
<div class="sidebar-elements-item"><a target="_blank" href="https://1.envato.market/c/78798/298927/4662?subId1=free-file-download&u=https%3A%2F%2Felements.envato.com%2Fa5-horiozontal-brochure-mock-up-PWB2XZ" rel="sponsor noopener noreferrer">
<div class="badge">Free on Envato Elements</div><img src="https://speckyboy.com/wp-content/uploads/2022/02/brochure.jpg" height="333" width="500" alt="Brochure Mockup PSD Template">
<div class="item-meta">
<div class="item-title">Brochure Mockup PSD Template <i class="fas fa-arrow-right"></i></div>
<div class="item-category">Free File Download on Elements</div>
</div>
</a></div>
</div>
<div class="card">
<h4>RSS Newsletter</h4>
<p>Subscribe to our RSS newsletter and receive all of our articles directly in your email inbox daily.</p>
<form action="https://speckyboy.us7.list-manage.com/subscribe/post?u=ee1f32e9a60946e6c1390e217&amp;id=af30f8f985" class="validate" id="mc-embedded-subscribe-form" method="post" name="mc-embedded-subscribe-form" novalidate="" target="_blank">
<label for="mce-EMAIL" class="screen-reader-text">Subscribe</label>
<input class="email" id="mce-EMAIL" name="EMAIL" placeholder="email@address.com" required="" type="email" value=""><button id="mc-embedded-subscribe" name="subscribe" type="submit">Subscribe</button>
</form>
<p class="small">You can unsusbscribe at any time.</p>
</div>
<div class="popular-card">
<h4>Currently Popular</h4>
<ol>
<li>
<h2 class="title"><a href="https://speckyboy.com/free-adobe-illustrator-brush-packs/">20 Free High-Resolution Brush Packs for Adobe Illustrator</a></h2>
</li>
<li>
<h2 class="title"><a href="https://speckyboy.com/css-javascript-card-ui-hover-effects/">8 CSS &#038; JavaScript Snippets for Creating Cool Card UI Hover Effects</a></h2>
</li>
<li>
<h2 class="title"><a href="https://speckyboy.com/free-instagram-story-templates/">The 10 Best Free Instagram Story Templates</a></h2>
</li>
<li>
<h2 class="title"><a href="https://speckyboy.com/wordpress-free-plugin-woocommerce/">Top 20 Free WooCommerce Plugins for WordPress</a></h2>
</li>
<li>
<h2 class="title"><a href="https://speckyboy.com/tutorials-adobe-premiere-pro/">25 Tutorials for Mastering Adobe Premiere Pro</a></h2>
</li>
<li>
<h2 class="title"><a href="https://speckyboy.com/free-web-mobile-figma-ui-templates/">50 Free Web &#038; Mobile UI Templates for Figma</a></h2>
</li>
<li>
<h2 class="title"><a href="https://speckyboy.com/introduction-wordpress-block-themes/">An Introduction to WordPress Block Themes</a></h2>
</li>
<li>
<h2 class="title"><a href="https://speckyboy.com/free-wordpress-plugin-display-edit-code/">10 Free Syntax Highlighter WordPress Plugins</a></h2>
</li>
<li>
<h2 class="title"><a href="https://speckyboy.com/free-iphone-mockup-templates/">25 Free iPhone Mockup Photoshop PSD Templates</a></h2>
</li>
<li>
<h2 class="title"><a href="https://speckyboy.com/business-card-templates/">The Best 15 Business Card Mockup Templates</a></h2>
</li>
</ol>
</div>
<div class="card kinsta">
<h4>Hosted by Kinsta</h4><a href="https://kinsta.com/mykinsta/?utm_campaign=sponsored&utm_medium=banner&utm_source=speckyboy" rel="sponsored nofollow noopener noreferrer" target="_blank"><img height="151" style="border-radius:0 0 3px 3px" src="https://speckyboy.com/wp-content/uploads/2020/04/speckyboy-banner.png" width="300" alt="Kinsta Premium WordPress Hosting"></a>
</div>
<div class="sticky"><a href="https://1.envato.market/c/78798/298927/4662?subId1=sticky-sidebar" target="_blank" rel="sponsored nofollow noopener noreferrer"><img src="https://speckyboy.com/wp-content/uploads/2019/08/envato-elements.png" alt="Envato Elements" width="300" height="600" border="0" /></a></div>
</aside></div>
<footer id="footer">
<div class="container">
<h3>Popular Free Resources</h3>
</div>
<div class="container resources">
<div class="footer-column">
<h4>Web Design</h4>
<ul>
<li><a href="https://speckyboy.com/free-bootstrap-admin-themes/">Bootstrap Admin Templates</a></li>
<li><a href="https://speckyboy.com/free-bootstrap-framework-templates/">Bootstrap Templates</a></li>
<li><a href="https://speckyboy.com/free-responsive-html5-web-templates/">HTML Web Templates</a></li>
</ul>
<h4>UI/UX</h4>
<ul>
<li><a href="https://speckyboy.com/free-web-ui-kits/">Web UI Kits</a></li>
<li><a href="https://speckyboy.com/free-mobile-ui-kits-ios-android/">Mobile UI Kits</a></li>
<li><a href="https://speckyboy.com/free-photoshop-psd-web-design-template/">PSD Web Templates</a></li>
<li><a href="https://speckyboy.com/free-bootstrap-ui-kits/">Bootstrap UI Kits</a></li>
<li><a href="https://speckyboy.com/top-50-free-icon-sets/">Icons</a></li>
<li><a href="https://speckyboy.com/free-wireframe-templates-mobile-app-web-ux-design/">Wireframe Kits</a></li>
</ul>
</div>
<div class="footer-column">
<h4>Fonts</h4>
<ul>
<li><a href="https://speckyboy.com/best-free-fonts/">Free Fonts</a></li>
<li><a href="https://speckyboy.com/free-minimal-fonts/">Minimal Fonts</a></li>
<li><a href="https://speckyboy.com/free-clean-fonts/">Clean Fonts</a></li>
<li><a href="https://speckyboy.com/free-headline-fonts/">Title Fonts</a></li>
<li><a href="https://speckyboy.com/logo-typeface-font/">Fonts for Logos</a></li>
</ul>
<h4>Mockups</h4>
<ul>
<li><a href="https://speckyboy.com/free-macbook-mockup-templates-psd/">MacBook Mockups</a></li>
<li><a href="https://speckyboy.com/free-logo-mockup-templates/">Logo Mockup Templates</a></li>
<li><a href="https://speckyboy.com/free-iphone-mockup-templates/">iPhone Mockups</a></li>
<li><a href="https://speckyboy.com/free-responsive-website-mockup-template/">Responsive Mockups</a></li>
</ul>
</div>
<div class="footer-column">
<h4>Addons</h4>
<ul>
<li><a href="https://speckyboy.com/50-free-photoshop-actions/">Photoshop Actions</a></li>
<li><a href="https://speckyboy.com/free-photoshop-brushes/">Photoshop Brushes</a></li>
<li><a href="https://speckyboy.com/free-lightroom-presets/">Lightroom Presets</a></li>
<li><a href="https://speckyboy.com/free-brushes-procreate/">Procreate Brushes</a></li>
</ul>
<h4>Print</h4>
<ul>
<li><a href="https://speckyboy.com/free-resume-templates-designers/">Free Resume Templates</a></li>
<li><a href="https://speckyboy.com/free-adobe-indesign-resume-templates/">InDesign Resume Templates</a></li>
<li><a href="https://speckyboy.com/free-invoice-templates-designers/">Free Invoice Templates</a></li>
<li><a href="https://speckyboy.com/free-business-proposal-indesign-templates/">Free Proposal Templates</a></li>
<li><a href="https://speckyboy.com/free-corporate-business-flyer-templates/">Business Flyer Templates</a></li>
</ul>
</div>
<div class="footer-column">
<h4>Video</h4>
<ul>
<li><a href="https://speckyboy.com/free-presets-templates-final-cut-pro/">Final Cut Pro Presets</a></li>
<li><a href="https://speckyboy.com/free-apple-motion-templates/">Apple Motion Templates</a></li>
<li><a href="https://speckyboy.com/free-templates-adobe-premier-pro/">Adobe Premiere Pro Templates</a></li>
<li><a href="https://speckyboy.com/free-titles-after-effects-templates/">Titles After Effects Templates</a></li>
<li><a href="https://speckyboy.com/free-slideshow-after-effects-templates/">Slideshow After Effects Templates</a></li>
<li><a href="https://speckyboy.com/free-presets-after-effects/">After Effects Presets</a></li>
</ul>
<h4>Presentation</h4>
<ul>
<li><a href="https://speckyboy.com/free-powerpoint-templates/">Powerpoint Templates</a></li>
<li><a href="https://speckyboy.com/free-keynote-templates/">Keynote Templates</a></li>
<li><a href="https://speckyboy.com/free-google-slides-templates/">Google Slides Templates</a></li>
</ul>
</div>
</div>
<div class="container">
<div class="full"><a href="https://speckyboy.com/about/">About</a> <a href="https://speckyboy.com/contact/">Contact</a> <a href="https://speckyboy.com/advertise-with-us/">Advertise</a><a href="https://speckyboy.com/privacy-policy/">Privacy Policy</a></div>
<div class="full">Copyright © 2022 speckyboy.com</div>
</div>
</footer>
<script type="text/javascript">
window.addEventListener("load", function() {
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#edeff5",
"text": "#444444"
},
"button": {
"background": "#454545",
"text": "#ffffff"
}
},
"content": {
"message": "By visiting Speckyboy.com you accept our use of cookies and agree to our",
"dismiss": "OK!",
"link": "privacy policy.",
"href": "https://speckyboy.com/privacy-policy/"
}
})
});
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-3086593-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-3086593-1');
</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v652eace1692a40cfa3763df669d7439c1639079717194" integrity="sha512-Gi7xpJR8tSkrpF7aordPZQlW2DLtzUlZcumS8dMQjwDHEnw9I7ZLyiOj/6tZStRBGtGgN6ceN6cMH8z7etPGlw==" data-cf-beacon='{"rayId":"6e23d6d05aca2373","token":"072ba3e7bcd24604ad81bd4ef91e2a9c","version":"2021.12.0","si":100}' crossorigin="anonymous"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink