<html lang="en"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Free HTML Starter Templates for Bootstrap - Up to date for Bootstrap 3! An even faster way to develop websites in Bootstrap!">
<title>Start Bootstrap - Free HTML Templates for Bootstrap 3</title>
<meta name="author" content="https://plus.google.com/+Ironsummitmedia">
<meta name="publisher" content="https://plus.google.com/+Startbootstrap">
<link rel="icon" href="img/favicon.png" type="image/x-icon">
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome CSS -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- Start Bootstrap CSS - DON'T USE THIS FOR THE TEMPLATES! -->
<link href="css/startbootstrap.css" rel="stylesheet">
<link href="css/ads.css" rel="stylesheet">
<style>#adzerk_by {display:none}
/* horiz */
.carbonad {display:block; background: #fdfdfd; background-image: -moz-linear-gradient(top, #f8f8f8, #fdfdfd); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f8f8f8),color-stop(1, #fdfdfd)); border: 1px solid #d5d5d5; font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 11px; height: 118px; line-height: 15px; overflow: hidden; width: 300px;}
.carbonad-img {border: none; display: inline; float: left; height: 100px; margin: 9px; width: 130px;}
.carbonad-text {display:inline; float:left; width:142px; padding-top:13px;}
.carbonad-text a {color: #000000; font-weight: bold; text-decoration: none;}
.carbonad-tag {float: left; margin-top: 9px; text-align: center; width: 142px; color: #999999;}
.carbonad-tag a {color: #999999; text-decoration: none;}
</style></head>
<body style="" data-twttr-rendered="true">
<nav class="navbar navbar-fixed-top startbootstrap-nav" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.php">Start Bootstrap</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Templates <i class="fa fa-caret-down"></i></a>
<ul class="dropdown-menu">
<li><a href="/all-templates">All Templates</a></li>
<li class="divider"></li>
<li><a href="/home-page-templates">Home Page Templates</a></li>
<li><a href="/other-page-templates">Other Page Templates</a></li>
<li><a href="/full-site-templates">Full Site Templates</a></li>
</ul>
</li>
<li><a href="/help">Help</a></li>
<li><a href="/contact">Contact</a></li>
<li><a href="http://startbootstrap.tumblr.com/">Blog</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a target="_blank" href="https://wrapbootstrap.com/?ref=StartBootstrap">Premium Themes by Wrap Bootstrap</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
</nav>
<!-- Masthead -->
<div class="masthead">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1>Free HTML Starter Templates for Bootstrap</h1>
<h3>Built to help you get started on your next Bootstrap project.</h3>
<p>Templates created and maintained by <a href="http://www.ironsummitmedia.com">Iron Summit Media Strategies</a></p>
<div id="social">
<iframe id="gh-fork" src="http://ghbtns.com/github-btn.html?user=ironsummitmedia&repo=startbootstrap&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="55px" height="20px"></iframe>
<iframe id="gh-star" src="http://ghbtns.com/github-btn.html?user=ironsummitmedia&repo=startbootstrap&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
<iframe id="twitter-widget-2" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/follow_button.1387492107.html#_=1387708179365&id=twitter-widget-2&lang=en&screen_name=SBootstrap&show_count=false&show_screen_name=true&size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 135px; height: 20px;"></iframe>
<iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/tweet_button.1387492107.html#_=1387708179365&count=horizontal&id=twitter-widget-0&lang=en&original_referer=http%3A%2F%2Fstartbootstrap.com%2F&size=m&text=Start%20Bootstrap%20-%20Free%20HTML%20Templates%20for%20Bootstrap%203&url=http%3A%2F%2Fstartbootstrap.com&via=SBootstrap" class="twitter-share-button twitter-tweet-button twitter-count-horizontal" title="Twitter Tweet Button" data-twttr-rendered="true" style="width: 110px; height: 20px;"></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- Intro home page content -->
<div class="intro-marketing">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 intro-marketing-box">
<h2><i class="fa fa-gift"></i> Forever Free</h2>
<p>Bootstrap HTML starter themes that are free to download and use, forever and ever.</p>
</div>
<div class="col-lg-4 col-md-4 intro-marketing-box">
<h2><i class="fa fa-github"></i> Open Source</h2>
<p>Our Bootstrap starter templates are licensed under Apache 2.0 and <a href="https://github.com/ironsummitmedia/startbootstrap/">maintained on GitHub</a>.</p>
</div>
<div class="col-lg-4 col-md-4 intro-marketing-box">
<div id="carbonads-container"><div class="carbonad"><div id="azcarbon"><span class="carbonad-image"><a href="http://engine.carbonads.com/r?e=eyJhdiI6MTExNjIsImF0IjoxLCJjbSI6NDY4NjUsImNoIjoxMjA0LCJjciI6MTI4MDEzLCJkaSI6Ijg5MWQ5YjQ5NjdiYzQ4YTliMWZjZTU4OWVhMmYyYmM4IiwiZG0iOjEsImZjIjoyMzM2NDksImZsIjoxMTY4MDksIm53IjozOSwicnYiOjQuNSwicHIiOjcsInN0Ijo1MTYyNSwiem4iOjAsInRzIjoxMzg3NzA4MjMwODc0LCJ1ciI6Imh0dHA6Ly93d3cuc2l0ZWZpbml0eS5jb20vY2FtcGFpZ25zL3RyaWFscy9kaXNwbGF5L21vYmlsZS1jbXMtY2FyYm9uYWRzP3V0bV9zb3VyY2U9Y2FyYm9uYWRzJnV0bV9tZWRpdW09YmFubmVyJnV0bV9jYW1wYWlnbj1tb2JpbGV0ZCJ9&s=LsMQGdDZwC-WK9XLXdyuTkqlSVA" title="Sitefinity Mobile CMS" target="_blank"><img class="carbonad-image carbonad-img" src="http://static.carbonads.com/Advertisers/40cfbc4691cc4281896c7ffc82a0eada.jpg" title="Sitefinity Mobile CMS" alt="Sitefinity Mobile CMS" border="0" height="90" width="120"></a></span><span class="carbonad-text">Take advantage of the full spectrum of mobile options with <a href="http://engine.carbonads.com/r?e=eyJhdiI6MTExNjIsImF0IjoxLCJjbSI6NDY4NjUsImNoIjoxMjA0LCJjciI6MTI4MDEzLCJkaSI6Ijg5MWQ5YjQ5NjdiYzQ4YTliMWZjZTU4OWVhMmYyYmM4IiwiZG0iOjEsImZjIjoyMzM2NDksImZsIjoxMTY4MDksIm53IjozOSwicnYiOjQuNSwicHIiOjcsInN0Ijo1MTYyNSwiem4iOjAsInRzIjoxMzg3NzA4MjMwODc0LCJ1ciI6Imh0dHA6Ly93d3cuc2l0ZWZpbml0eS5jb20vY2FtcGFpZ25zL3RyaWFscy9kaXNwbGF5L21vYmlsZS1jbXMtY2FyYm9uYWRzP3V0bV9zb3VyY2U9Y2FyYm9uYWRzJnV0bV9tZWRpdW09YmFubmVyJnV0bV9jYW1wYWlnbj1tb2JpbGV0ZCJ9&s=LsMQGdDZwC-WK9XLXdyuTkqlSVA">Sitefinity Mobile CMS</a></span><span class="carbonad-tag">ads via <a href="http://carbonads.com">Carbon</a></span><img height="0px" width="0px" border="0" src="http://engine.carbonads.com/i.gif?e=eyJhdiI6MTExNjIsImF0IjoxLCJjbSI6NDY4NjUsImNoIjoxMjA0LCJjciI6MTI4MDEzLCJkaSI6Ijg5MWQ5YjQ5NjdiYzQ4YTliMWZjZTU4OWVhMmYyYmM4IiwiZG0iOjEsImZjIjoyMzM2NDksImZsIjoxMTY4MDksIm53IjozOSwicnYiOjQuNSwicHIiOjcsInN0Ijo1MTYyNSwiem4iOjAsInRzIjoxMzg3NzA4MjMwODc2fQ&s=TIdHU5ZcNjQnDbqf2miWkh9pbrI"></div><script src="https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.en_GB.Vyc2f-pbA00.O/m=auth/exm=follow,plusone/rt=j/sv=1/d=1/ed=1/am=YQ/rs=AItRSTOEotIRRdgyNAFKM7hcw5LGG9_xKw/cb=gapi.loaded_1" async=""></script><script src="https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.en_GB.Vyc2f-pbA00.O/m=follow,plusone/rt=j/sv=1/d=1/ed=1/am=YQ/rs=AItRSTOEotIRRdgyNAFKM7hcw5LGG9_xKw/cb=gapi.loaded_0" async=""></script><script async="" src="//www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://apis.google.com/js/platform.js" gapi_processed="true"></script><script type="text/javascript" async="" src="https://apis.google.com/js/platform.js" gapi_processed="true"></script><script id="twitter-wjs" src="https://platform.twitter.com/widgets.js"></script><script type="text/javascript" async="" src="http://engine.carbonads.com/z/51625/azcarbon_2_1_0_HORIZ"></script><script type="text/javascript">var z = document.createElement("script"); z.type = "text/javascript"; z.async = true; z.src = "http://engine.carbonads.com/z/51625/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
</div>
<div class="clearfix"></div>
<div class="col-lg-4 col-md-4 intro-marketing-box">
<h2><i class="fa fa-folder-open"></i> Ready to Use</h2>
<p>These free Bootstrap HTML templates are ready to use. Download what you like and get started!</p>
</div>
<div class="col-lg-4 col-md-4 intro-marketing-box">
<h2><i class="fa fa-check"></i> Bootstrap 3 Updated</h2>
<p>All of these free website templates are up to date and ready to use with Bootstrap 3!</p>
</div>
<div class="col-lg-4 col-md-4 intro-marketing-box">
<h2><i class="fa fa-bullhorn"></i> Stay Updated</h2>
<p>Join our mailing list to receive updates from us!</p>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form role="form" action="http://startbootstrap.us3.list-manage1.com/subscribe/post?u=531af730d8629808bd96cf489&id=afb284632f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate="">
<div class="input-group">
<input type="email" name="EMAIL" class="form-control" id="mce-EMAIL" placeholder="Enter email address...">
<span class="input-group-btn">
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary">Subscribe!</button>
</span>
</div>
<div id="mce-responses">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
</form>
</div>
<!-- End MailChimp Signup Form -->
</div>
</div>
</div>
</div>
<!-- Page content -->
<div class="templates">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="page-header">Featured Templates:</h2>
</div>
<div class="col-lg-4 col-sm-6">
<div class="preview">
<a class="thumbnail" href="sb-admin.php"><img src="img/sb-admin.jpg" class="img-responsive" alt="Free Bootstrap Admin Template for Bootstrap 3"></a>
<h3>SB Admin <span class="label label-success">Full Site</span></h3>
<p>A free Bootstrap admin template.</p>
<div class="btn-group"><a class="btn btn-default" href="sb-admin.php">Preview & Download</a></div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="preview">
<a class="thumbnail" href="business-casual.php"><img src="img/business-casual.jpg" class="img-responsive" alt="Business Casual Free Website Theme for Bootstrap 3"></a>
<h3>Business Casual <span class="label label-success">Full Site</span></h3>
<p>A 4 page minimalist website theme.</p>
<div class="btn-group"><a class="btn btn-default" href="business-casual.php">Preview & Download</a></div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="preview">
<a class="thumbnail" href="modern-business.php"><img src="img/modern-business.jpg" class="img-responsive" alt="Business Full Website Template for Bootstrap 3"></a>
<h3>Modern Business <span class="label label-success">Full Site</span></h3>
<p>A 17 page multi-purpose template.</p>
<div class="btn-group"><a class="btn btn-default" href="modern-business.php">Preview & Download</a></div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="preview">
<a class="thumbnail" href="stylish-portfolio.php"><img src="img/stylish-portfolio.jpg" class="img-responsive" alt="Stylish Portfolio Template for Bootstrap 3"></a>
<h3>Stylish Portfolio <span class="label label-danger">Popular</span></h3>
<p>Full page images with a responsive sidebar nav.</p>
<div class="btn-group"><a class="btn btn-default" href="stylish-portfolio.php">Preview & Download</a></div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="preview">
<a class="thumbnail" href="simple-sidebar.php"><img src="img/simple-sidebar.jpg" class="img-responsive" alt="Simple Sidebar HTML Template for Bootstrap 3"></a>
<h3>Simple Sidebar <span class="label label-danger">Popular</span></h3>
<p>A sidebar template with a hint of JavaScript.</p>
<div class="btn-group"><a class="btn btn-default" href="simple-sidebar.php">Preview & Download</a></div>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="preview">
<a class="thumbnail" href="one-page-wonder.php"><img src="img/one-page-wonder.jpg" class="img-responsive" alt="Free One Page Website Theme for Bootstrap"></a>
<h3>One Page Wonder</h3>
<p>A stylish one page template built for scrolling.</p>
<div class="btn-group"><a class="btn btn-default" href="one-page-wonder.php">Preview & Download</a></div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<a class="btn btn-primary btn-lg pull-right" href="all-templates.php">View All Templates <i class="fa fa-angle-double-right"></i></a>
</div>
</div>
</div>
</div>
<hr>
<footer>
<div class="container">
<div class="row">
<div class="col-lg-12">
<p><a href="index.php">Home</a> · <a href="all-templates.php">Templates</a> · <a href="help.php">Help</a> · <a href="contact.php">Contact</a> · <a href="http://startbootstrap.tumblr.com/">Blog</a><span class="pull-right hidden-sm"><a href="#">Back to top</a></span></p>
<p>
<iframe id="gh-fork" src="http://ghbtns.com/github-btn.html?user=ironsummitmedia&repo=startbootstrap&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="55px" height="20px"></iframe>
<iframe id="gh-star" src="http://ghbtns.com/github-btn.html?user=ironsummitmedia&repo=startbootstrap&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
<iframe id="twitter-widget-3" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/follow_button.1387492107.html#_=1387708179365&id=twitter-widget-3&lang=en&screen_name=SBootstrap&show_count=false&show_screen_name=true&size=m" class="twitter-follow-button twitter-follow-button" title="Twitter Follow Button" data-twttr-rendered="true" style="width: 135px; height: 20px;"></iframe>
<iframe id="twitter-widget-1" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/tweet_button.1387492107.html#_=1387708179365&count=horizontal&id=twitter-widget-1&lang=en&original_referer=http%3A%2F%2Fstartbootstrap.com%2F&size=m&text=Start%20Bootstrap%20-%20Free%20HTML%20Templates%20for%20Bootstrap%203&url=http%3A%2F%2Fstartbootstrap.com&via=SBootstrap" class="twitter-share-button twitter-tweet-button twitter-count-horizontal" title="Twitter Tweet Button" data-twttr-rendered="true" style="width: 110px; height: 20px;"></iframe>
<br>
<div id="___follow_0" style="text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 114px; height: 20px; background-position: initial initial; background-repeat: initial initial;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 114px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 20px;" tabindex="0" vspace="0" width="100%" id="I0_1387708179677" name="I0_1387708179677" src="https://apis.google.com/u/0/_/widget/render/follow?usegapi=1&bsv=o&annotation=bubble&height=20&rel=publisher&origin=http%3A%2F%2Fstartbootstrap.com&url=http%3A%2F%2Fplus.google.com%2F116841216196186745329&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.Vyc2f-pbA00.O%2Fm%3D__features__%2Fam%3DYQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAItRSTOEotIRRdgyNAFKM7hcw5LGG9_xKw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&id=I0_1387708179677&parent=http%3A%2F%2Fstartbootstrap.com&pfname=&rpctoken=34425599" data-gapiattached="true"></iframe></div>
<div id="___plusone_0" style="text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 90px; height: 20px; background-position: initial initial; background-repeat: initial initial;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 90px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 20px;" tabindex="0" vspace="0" width="100%" id="I1_1387708179677" name="I1_1387708179677" src="https://apis.google.com/u/0/_/+1/fastbutton?usegapi=1&bsv=o&size=medium&origin=http%3A%2F%2Fstartbootstrap.com&url=http%3A%2F%2Fstartbootstrap.com%2F&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.Vyc2f-pbA00.O%2Fm%3D__features__%2Fam%3DYQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAItRSTOEotIRRdgyNAFKM7hcw5LGG9_xKw#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh%2Conload&id=I1_1387708179677&parent=http%3A%2F%2Fstartbootstrap.com&pfname=&rpctoken=41571835" data-gapiattached="true" title="+1"></iframe></div>
<br>
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FIronSummitMedia&width=450&height=21&colorscheme=light&layout=button_count&action=like&show_faces=false&send=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowtransparency="true"></iframe>
</p>
<p>
<a href="http://www.startbootstrap.com">Start Bootstrap</a> is a project maintained by <a href="http://www.ironsummitmedia.com">Iron Summit Media Strategies</a>, a <a href="http://www.ironsummitmedia.com">digital marketing agency in Orlando, FL</a>.<br>
Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License v2.0</a>.<br>
Based on <a href="http://getbootstrap.com/">Bootstrap</a>. Icons by <a href="http://fontawesome.io/">Font Awesome</a>.<br>
</p>
</div>
</div>
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/custom.js"></script>
<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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-38417733-17', 'startbootstrap.com');
ga('send', 'pageview');
</script>
<iframe name="oauth2relay877359279" id="oauth2relay877359279" src="https://accounts.google.com/o/oauth2/postmessageRelay?parent=http%3A%2F%2Fstartbootstrap.com#rpctoken=1823043911&forcesecure=1" style="width: 1px; height: 1px; position: absolute; top: -100px;"></iframe></body></html>