Skip to content

Commit

Permalink
Fixes:v no bug ID -- adding format files
Browse files Browse the repository at this point in the history 
Problem: amazon s3 doesn't seem to understand the liquid and sass tags used in the default jekyll templates

Analysis: trying out some good old css

Unit/Robot tests:
  • Loading branch information
@jputrino
jputrino committed Oct 20, 2015
1 parent 93d40e8 commit 86146c6
Show file tree
Hide file tree
Showing 8 changed files with 6,907 additions and 18 deletions.
6,584 changes: 6,584 additions & 0 deletions css/bootstrap.css
View file

Large diffs are not rendered by default.

Binary file added img/1200X400.gif
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/32X32.gif
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/35X35.gif
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/600X300.gif
View file
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
330 changes: 312 additions & 18 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,316 @@
---
layout: default
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap Product Page Template</title>

<div class="home">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">

<h1 class="page-heading">OpenStack Docs</h1>

<ul>
<li><h2>F5 LBaaS Plug-in v1</h2></li>
<li><h2>F5 LBaaS Agent</h2></li>
<li><h2>F5 OpenStack Deployment Kit</h2></li>
<li><h2>User Guides</h2></li>
<li><h2>F5 OpenStack Wiki</h2></li>
<li><h2><a href="https://devcentral.f5.com/openstack/downloads" target="blank">OpenStack on F5 DevCentral</a></h2></li>
</ul>

<img src="img/f5logo.svg"/>

<p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default navbar-inverse">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <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="#">Brand</a> </div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a> </li>
<li><a href="#">Link</a> </li>
<li><a href="#">Link</a> </li>
<li><a href="#">Link</a> </li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a> </li>
<li><a href="#">Link</a> </li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="jumbotron">
<h1 class="text-center">Lorem ipsum dolor sit amet, consectetur.</h1>
<div class="row">
<div class="col-lg-2 col-lg-offset-4 col-md-offset-4 col-md-2 col-sm-offset-3 col-sm-3 col-xs-offset-3 col-xs-3">
<p><a class="btn btn-success btn-lg" href="#" role="button">FREE TRIAL</a> </p>
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<p><a class="btn btn-primary btn-lg" href="#" role="button">BUY NOW</a> </p>
</div>
</div>
<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam, vel minima quis commodi atque animi eum unde culpa magnam vero.</p>
<img src="img/1200X400.gif" alt="" class="img-responsive"> </div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="text-center col-sm-6">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, magnam?</p>
<a class="btn btn-danger btn-lg" href="#" role="button">Tutorials</a></div>
<div class="text-center col-sm-6">
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, magnam?</p>
<a class="btn btn-info btn-lg" href="#" role="button">Documentation</a></div>
</div>
</div>
<hr>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6">
<h2><span class="glyphicon glyphicon-pencil" aria-hidden="true"></span> Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis accusamus praesentium eveniet ad unde doloremque ex officia eius ab quibusdam.</p>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<h2><span class="glyphicon glyphicon-music" aria-hidden="true"></span> Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, mollitia natus amet eligendi consequuntur. Veritatis ullam debitis voluptas repellat laboriosam.</p>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<h2><span class="glyphicon glyphicon-screenshot" aria-hidden="true"></span> Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, error, itaque non vel architecto ratione obcaecati doloribus delectus illum harum?</p>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<h2><span class="glyphicon glyphicon-blackboard" aria-hidden="true"></span> Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, nam voluptate accusantium nulla distinctio odit aliquam voluptatem ab. Earum, voluptatibus.</p>
</div>
</div>
</div>

<section class="well">
<h2 class="text-center">Video Tutorial</h2>
<hr>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/lFqDM_YlXV8"></iframe>
</div>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="thumbnail"> <img src="img/600X300.gif" alt="Thumbnail Image 1" class="img-responsive">
<div class="caption">
<h3>Feature</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, at.</p>
<hr>
<p><a href="#" class="btn btn-success" role="button">Button</a></p>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="thumbnail"> <img src="img/600X300.gif" alt="Thumbnail Image 1" class="img-responsive">
<div class="caption">
<h3>Feature</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi, atque.</p>
<hr>
<p><a href="#" class="btn btn-success" role="button">Button</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<h1>Pricing Table</h1>
<hr>
<div class="col-lg-3 col-sm-6">
<div class="panel panel-default panel-success">
<!-- Default panel contents -->
<div class="panel-heading">
<h3>Free</h3>
</div>
<!-- Table -->
<table class="table">
<thead>
<tr>
<th>Lorem ipsum dolor sit</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1 ......</th>
</tr>
<tr>
<th scope="row">2 ......</th>
</tr>
<tr>
<th scope="row">3 ......</th>
</tr>
<tr>
<th scope="row"><p class="text-center"><a href="" class="btn-success btn"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Buy Now</a></p></th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="panel panel-default panel-warning">
<!-- Default panel contents -->
<div class="panel-heading">
<h3>Basic</h3>
</div>
<!-- Table -->
<table class="table">
<thead>
<tr>
<th>Lorem ipsum dolor sit</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1 ......</th>
</tr>
<tr>
<th scope="row">2 ......</th>
</tr>
<tr>
<th scope="row">3 ......</th>
</tr>
<tr>
<th scope="row"><p class="text-center"><a href="" class="btn-warning btn"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Buy Now</a></p>
</th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="panel panel-default panel-info">
<!-- Default panel contents -->
<div class="panel-heading">
<h3>Professional</h3>
</div>
<!-- Table -->
<table class="table">
<thead>
<tr>
<th>Lorem ipsum dolor sit</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1 ......</th>
</tr>
<tr>
<th scope="row">2 ......</th>
</tr>
<tr>
<th scope="row">3 ......</th>
</tr>
<tr>
<th scope="row"><p class="text-center"><a href="" class="btn-info btn"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Buy Now</a></p></th>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="panel panel-default panel-danger">
<!-- Default panel contents -->
<div class="panel-heading">
<h3>Enterprise</h3>
</div>
<!-- Table -->
<table class="table">
<thead>
<tr>
<th>Lorem ipsum dolor sit</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1 ......</th>
</tr>
<tr>
<th scope="row">2 ......</th>
</tr>
<tr>
<th scope="row">3 ......</th>
</tr>
<tr>
<th scope="row"><p class="text-center"><a href="" class="btn-danger btn"><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span> Buy Now</a></p></th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6">
<h2>Contact Us</h2>
<address>
<strong>MyCompany, Inc.</strong><br>
Sunny Autumn Plaza, Grand Coulee,<br>
CA, 91308-4075, US<br>
<abbr title="Phone">P:</abbr> (123) 456-7890
</address>
<h4>Social</h4>
<div class="row">
<div class="col-xs-2"><img class="img-circle" src="img/32X32.gif" alt=""></div>
<div class="col-xs-2"><img class="img-circle" src="img/32X32.gif" alt=""></div>
<div class="col-xs-2"><img class="img-circle" src="img/32X32.gif" alt=""></div>
<div class="col-xs-2"><img class="img-circle" src="img/32X32.gif" alt=""></div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6">
<h2>Testimonials</h2>
<div class="media">
<div class="media-left"> <a href="#"> <img class="media-object" src="img/35X35.gif" alt="..."> </a> </div>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. </div>
</div>
<div class="media">
<div class="media-left"> <a href="#"> <img class="media-object" src="img/35X35.gif" alt="..."> </a> </div>
<div class="media-body">
<h4 class="media-heading">Media heading</h4>
Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. </div>
</div>
</div>
<div class="col-lg-4 col-sm-12">
<h2>About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, voluptates, soluta velit nostrum ut iste exercitationem vitae ipsum repellendus laudantium ab possimus nemo odio cumque illum nulla laborum blanditiis unde.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas, voluptates, soluta velit nostrum ut iste exercitationem vitae ipsum repellendus laudantium ab possimus nemo odio cumque illum nulla laborum blanditiis unde.</p>
</div>
</div>
</div>
<hr>
<footer class="text-center">
<div class="container">
<div class="row">
<div class="col-xs-12">
<p>Copyright © MyWebsite. All rights reserved.</p>
</div>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-1.11.2.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>
7 changes: 7 additions & 0 deletions js/bootstrap.min.js
View file

Large diffs are not rendered by default.

4 changes: 4 additions & 0 deletions js/jquery-1.11.2.min.js
View file

Large diffs are not rendered by default.

0 comments on commit 86146c6

Please sign in to comment.