Skip to content

Instantly share code, notes, and snippets.

@Sammyjroberts

Sammyjroberts/test.html

Created March 22, 2017 02:43
Show Gist options
  • Save Sammyjroberts/f5f8683d1fe220dc8d26b529816e5530 to your computer and use it in GitHub Desktop.
Save Sammyjroberts/f5f8683d1fe220dc8d26b529816e5530 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link type="text/css" href="/public/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="/public/bower_components/jquery/dist/jquery.min.js"></script>
<script async src="/public/bower_components//bootstrap/dist/js/bootstrap.min.js"></script>
<style>
.pagination-page-input {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
text-decoration: none;
width:50px;
background-color: #fff;
border: 1px solid #ddd;
}
</style>
</head>
<body>
<div class="container">
<div class = "row text-center">
Wow sick ad check it out
</div>
<div class ="container col-md-9">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Most Relevant Video Results: "Keyword"</h3>
</div>
<div class="panel-body">
<div class = "col-md-12">
<div class="row">
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
</div>
<div class="row">
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
</div>
<div class="row">
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
</div>
<div class="row">
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
</div>
<div class="row">
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
<div class="col-md-4">
{{template "VideoPartial.html" .video}}
</div>
</div>
</div>
</div>
</div>
</div>
<div class = "col-md-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Related Searches</h3>
</div>
<div class="panel-body">
Panel content
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Categories</h3>
</div>
<div class="panel-body">
Panel content
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Stuff</h3>
</div>
<div class="panel-body">
Panel content
</div>
</div>
</div>
<div class ="container col-md-9 ">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Other content or ad</h3>
</div>
<div class="panel-body">
content here
</div>
</div>
</div>
<div class ="container col-md-9">
<div class = "row text-center">
paginate
</div>
</div>
<div class ="container col-md-9 col-md-offset-3">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Other content or ad</h3>
</div>
<div class="panel-body">
content here
</div>
</div>
</div>
</div>
<div class ="container col-md-9 col-md-offset-3">
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment