Skip to content

Instantly share code, notes, and snippets.

@sabril
Created December 28, 2013 10:22
Show Gist options
  • Save sabril/8158044 to your computer and use it in GitHub Desktop.
Save sabril/8158044 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="assets/ico/favicon.png">
<title>Life Coach Drive</title>
<!-- Bootstrap core CSS -->
<link href="http://www.lifecoachdrive.com/assets/application-32089a7e8911b1e89295afa35cc0157f.css" rel="stylesheet" media="all" >
<style type="text/css">
@font-face {
font-family: 'Glyphicons Halflings';
src: url('assets/fonts/glyphicons-halflings-regular.eot');
src: url('assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('assets/fonts/glyphicons-halflings-regular.woff') format('woff'), url('assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('assets/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
.glyphicon-calendar:before {
content: "\1f4c5";
}
</style>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="assets/js/html5shiv.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><b>Life Coach Drive</b></a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div id="headerwrap">
<div class="container">
<div class="col-lg-7">
<h1>Simple Software for Life Coaches to Manage Client Information and Bookings</h1>
</div><!-- /col-lg-7 -->
</div><!-- /container -->
</div> <!-- /headerwrap -->
<!-- Yellow Wrap -->
<div id="y">
<div class="container">
<div class="row centered">
<div class="col-lg-4">
<span class="glyphicon glyphicon-user"></span>
<h3>Client Information</h3>
<p>Keep your client information organized</p>
</div><!-- /col-lg-4 -->
<div class="col-lg-4">
<span class="glyphicon glyphicon-calendar"></span>
<h3>Schedule Bookings</h3>
<p>Save time scheduling bookings and reduce no shows</p>
</div><!-- /col-lg-4 -->
<div class="col-lg-4">
<span class="glyphicon glyphicon-envelope"></span>
<h3>Reduce Email</h3>
<p>Get rid of email clutter in your inbox</p>
</div><!-- /col-lg-4 -->
</div><!-- /row -->
</div><!-- /container -->
</div><!-- /yellow wrap -->
<!-- Dark Blue Wrap / Action Call -->
<div id="db">
<div class="container centered">
<h2>Designed for life coaches, by life coaches. Simple &amp; integrated</h2>
</div><!-- /container -->
</div><!-- /Dark Blue wrap -->
<!-- Yellow Wrap / Testimonial Carousel-->
<div id="y">
<div class="container">
<div class="row centered">
<br>
<div class="col-lg-10 col-lg-offset-1">
<div id="carousel-example-generic" class="carousel slide">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<div class="item active">
<h1>Its saved me so much time booking sessions with clients!</h1>
</div>
<div class="item">
<h1>Now I can keep all my client information in one place.</h1>
</div>
</div><!-- /carousel-inner -->
<br>
<br>
<br>
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
</ol>
</div><!-- /carousel-example -->
</div><!-- /col-lg-10 -->
</div><!-- /row -->
<br>
</div><!-- /container -->
</div><!-- Yellow Wrap / Testimonial Carousel-->
<div id="w2">
<div class="container centered">
<br>
<h2>We have <b>small</b> prices<br/>
with <b>awesome</b> features.
</h2>
</div>
</div>
<!-- Plain Section -->
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-offset-3">
<!-- START PRICING TABLE -->
<div class="pricing-option">
<div class="pricing-top">
<span class="pricing-edition">Monthly</span>
<span class="price">
<sup>$</sup>
<span class="price-amount">29</span>
<small>/mo</small>
</span>
</div>
<a href="index.html#" class="pricing-signup">Sign up</a>
</div><!-- /pricing-option -->
<!-- END PRICING TABLE -->
</div><!-- /col -->
<div class="col-lg-3">
<!-- START PRICING TABLE -->
<div class="pricing-option">
<div class="pricing-top">
<span class="special-label">Save 20%</span>
<span class="pricing-edition">Annual</span>
<span class="price">
<sup>$</sup>
<span class="price-amount">278</span>
<small>/yr</small>
</span>
</div>
<a href="index.html#" class="pricing-signup">Sign up</a>
</div><!-- /pricing-option -->
<!-- END PRICING TABLE -->
</div><!-- /col -->
</div><!-- /row -->
</div>
<!-- / Plain section -->
<!-- Footer Wrap -->
<div id="f">
<div class="container">
<div class="row">
<div class="col-lg-4">
<h3>About Us</h3>
<p>Our mission is to design simple and integrated software to help life coaches manage client information and schedule bookings. Life Coach Drive is designed by life coaches, for life coaches. Join us!</p>
</div>
<div class="col-lg-4">
<h3>Life Coach Drive</h3>
<p>
400 NW Gilman Blvd #422<br>
Issaquah, WA 98027
</p>
</div>
<div class="col-lg-4">
<h3>Newsletter</h3>
<p>Each month we collect the best stuff around the design world and share it with you.</p>
<button type="button" class="btn btn-theme">SUBSCRIBE</button>
</div>
</div><!-- /row -->
</div><!-- /container -->
</div><!-- /Footer wrap -->
<div id="c">
<div class="container">
<div class="pull-right">
<p>All Rights Resevered</p>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment