<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
<title><data:blog.pageTitle/></title>
<link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'/>
<script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'/>
<b:skin><![CDATA[
body{}
header{}
footer{}
#comment-editor{height:230px}
.blog-feeds,.date-header,.blog-pager,.post-feeds{display:none}
.navbar{border-radius: 0;}
]]></b:skin>
<b:if cond='data:blog.pageType == "index"'>
<style>
.post-footer-line,.inline-ad{display:none}
.post-outer{
float:left;
height:200px;
width:150px;
margin-left:15px;
border:1px solid #ccc;
}
.post-body img{
width:100%;
height:auto;
}
.post-body h3{color:#fff}
</style>
<script>//<![CDATA[
$(function(){
$('.post-body').each(function(n, post){
var image = $(post).find('img').first().attr('src');
var link = $(post).parent().find('h3 a');
var href = link.attr('href');
var title = link.text();
$(link).parent().remove();
$(post).html('<a href="'+href+'"><h3 style="position:absolute">'+title+'</h3><img src="'+image+'"/></a>');
});
});
//]]></script>
</b:if>
</head>
<body>
<b:section id='header'/>
<header>
<nav class='navbar navbar-default navbar-inverse' role='navigation'>
<div class='container'>
<div class='navbar-header'>
<button class='navbar-toggle' data-target='#navigationbar' data-toggle='collapse' type='button'>
<span class='sr-only'>Toggle navigation</span>
<span class='icon-bar'/>
<span class='icon-bar'/>
<span class='icon-bar'/>
</button>
<a class='navbar-brand' href='#'>Watch Movie</a>
</div>
<div class='collapse navbar-collapse' id='navigationbar'>
<ul class='nav navbar-nav'>
<li class='active'><a href='#'>Home</a></li>
<li><a href='#'>Page 1</a></li>
<li><a href='#'>Page 2</a></li>
</ul>
<form class='navbar-form navbar-right'>
<div class='input-group'>
<input class='form-control' placeholder='Search' type='text'/>
<div class='input-group-btn'>
<button class='btn btn-default' type='submit'>
<i class='glyphicon glyphicon-search'/>
</button>
</div>
</div>
</form>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</header>
<div class='container'>
<b:section class='main' id='main' preferred='yes' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
</body>
</html>
No comments:
Post a Comment