blechreiz-website/_bootstrapTemplates/clean-canvas-wrap/backgrounds.html

234 lines
9.5 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>Business Template</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Styles -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="css/bootstrap-overrides.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/theme.css">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/backgrounds.css" type="text/css" media="screen" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-inverse navbar-static-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="index.html">
<strong>CLEAN CANVAS</strong>
</a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li><a href="index.html">HOME</a></li>
<li><a href="about-us.html">ABOUT US</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle active" data-toggle="dropdown">
PAGES
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="features.html">Features</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="portfolio-item.html">Portfolio Item</a></li>
<li><a href="coming-soon.html">Coming Soon</a></li>
<li><a href="sign-in.html">Sign in</a></li>
<li><a href="sign-up.html">Sign up</a></li>
<li><a href="backgrounds.html">Backgrounds</a></li>
</ul>
</li>
<li><a href="pricing.html">PRICING</a></li>
<li><a href="contact.html">CONTACT US</a></li>
<li><a href="blog.html">BLOG</a></li>
<li><a class="btn-header" href="sign-up.html">Sign up</a></li>
<li><a class="btn-header" href="sign-in.html">Sign in</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="backgrounds">
<div class="container">
<div class="section_header">
<h3>
Includes these beautiful backgrounds for slide banners, sign up, coming soon, etc.
</h3>
</div>
<!-- Row -->
<div class="row">
<div class="span6 photo">
<div class="circle">
<span>Aqua</span>
</div>
<img src="img/backgrounds/aqua_thumb.jpg">
</div>
<div class="span6 photo right">
<div class="circle">
<span class="doble">Color splash</span>
</div>
<img src="img/backgrounds/color_splash_thumb.jpg">
</div>
</div>
<!-- Row -->
<div class="row">
<div class="span6 photo">
<div class="circle">
<span>Indigo</span>
</div>
<img src="img/backgrounds/indigo_thumb.jpg">
</div>
<div class="span6 photo right">
<div class="circle">
<span class="doble">Deep<br />green</span>
</div>
<img src="img/backgrounds/deep_green_thumb.jpg">
</div>
</div>
<!-- Row -->
<div class="row">
<div class="span6 photo">
<div class="circle">
<span>Black</span>
</div>
<img src="img/backgrounds/black_thumb.jpg">
</div>
<div class="span6 photo right">
<div class="circle">
<span>Silver</span>
</div>
<img src="img/backgrounds/silver_thumb.jpg">
</div>
</div>
<!-- Row -->
<div class="row">
<div class="span6 photo">
<div class="circle">
<span>Ocean</span>
</div>
<img src="img/backgrounds/ocean_thumb.jpg">
</div>
<div class="span6 photo right">
<div class="circle">
<span>Mint</span>
</div>
<img src="img/backgrounds/mint_thumb.jpg">
</div>
</div>
<!-- Row -->
<div class="row">
<div class="span6 photo">
<div class="circle">
<span>Water</span>
</div>
<img src="img/backgrounds/water_thumb.jpg">
</div>
<div class="span6 photo right">
<div class="circle">
<span class="doble">Baby<br />blue</span>
</div>
<img src="img/backgrounds/baby_blue_thumb.jpg">
</div>
</div>
<!-- Row -->
<div class="row">
<div class="span6 photo">
<div class="circle">
<span>Mango</span>
</div>
<img src="img/backgrounds/mango_thumb.jpg">
</div>
<div class="span6 photo right">
<div class="circle">
<span>Flower</span>
</div>
<img src="img/backgrounds/flower_thumb.jpg">
</div>
</div>
</div>
</div>
<!-- starts footer -->
<footer id="footer">
<div class="container">
<div class="row info">
<div class="span6 residence">
<ul>
<li>2301 East Lamar Blvd. Suite 140. City, Arlington.</li>
<li>United States, Zip Code TX 76006.</li>
</ul>
</div>
<div class="span5 touch">
<ul>
<li><strong>P.</strong> 1 817 274 2933</li>
<li><strong>E.</strong><a href="#"> bootstrap@twitter.com</a></li>
</ul>
</div>
</div>
<div class="row credits">
<div class="span12">
<div class="row social">
<div class="span12">
<a href="#" class="facebook">
<span class="socialicons ico1"></span>
<span class="socialicons_h ico1h"></span>
</a>
<a href="#" class="twitter">
<span class="socialicons ico2"></span>
<span class="socialicons_h ico2h"></span>
</a>
<a href="#" class="gplus">
<span class="socialicons ico3"></span>
<span class="socialicons_h ico3h"></span>
</a>
<a href="#" class="flickr">
<span class="socialicons ico4"></span>
<span class="socialicons_h ico4h"></span>
</a>
<a href="#" class="pinterest">
<span class="socialicons ico5"></span>
<span class="socialicons_h ico5h"></span>
</a>
<a href="#" class="dribble">
<span class="socialicons ico6"></span>
<span class="socialicons_h ico6h"></span>
</a>
<a href="#" class="behance">
<span class="socialicons ico7"></span>
<span class="socialicons_h ico7h"></span>
</a>
</div>
</div>
<div class="row copyright">
<div class="span12">
© 2013 Clean Canvas. All rights reserved. Theme by Detail Canvas.
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/theme.js"></script>
</body>
</html>