<!DOCTYPE HTML>
<html>
<head>
<title>Animals</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Infoshare Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http:///fonts.useso.com/css?family=Roboto:400,300,100,500,700,900' rel='stylesheet' type='text/css'>
<link href='http:///fonts.useso.com/css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<link rel="stylesheet" href="css/swipebox.css">
<script>
// You can also use "$(window).load(function() {"
$(function () {
$("#slider").responsiveSlides({
auto: true,
manualControls: '#slider3-pager',
});
});
</script>
<!------ Light Box ------>
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!------ Eng Light Box ------
</head>
<body>
<!-- banner -->
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt=""></a>
</div>
<div class="person">
<p>A personal blog about everything.</p>
</div>
<div class="search-box">
<div id="sb-search" class="sb-search">
<form>
<input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
</div>
<!-- search-scripts -->
<script src="js/classie.js"></script>
<script src="js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!-- //search-scripts -->
<div class="clearfix"> </div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-15">
<li><a class="color2" href="index.html" data-hover="Cosplay">Cosplay</a></li>
<li><a class="color1" href="cinema.html">Cinema</a></li>
<li><a class="color3" href="analise.html">Análise</a></li>
<li><a class="color4" href="games.html" data-hover="Games">Games</a></li>
<li><a class="color6" href="animals.html" data-hover="Animals">Animals</a></li>
<li><a class="color5" href="404.html" data-hover="Avisos">Avisos</a></li>
<li><a class="color7" href="noticias.html" data-hover="Notícias">Notícias</a></li>
<li><a class="color8" href="curiosidades.html" data-hover="Curiosidades">Curiosidades</a></li>
<li><a class="color9" href="reviews.html" data-hover="Reviews">Reviews</a></li>
<div class="clearfix"> </div>
</ul>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- banner -->
<div class="slider">
<!-- Slideshow 3 -->
<ul class="rslides" id="slider">
<li>
<img src="images/dogs.jpg" class="img-responsive" alt="">
<div class="caption">
<a class="anembtn" href="#">Animais</a>
<h1>Os animais mais bonitos do mundo</h1>
<a class="cap" href="#"><i class="eye"> </i><span class="icon_text">1.389.571 views</span></a>
<a class="cap" href="#"><i class="inter"> </i><span class="icon_text">255 comentários</span></a>
<a class="cap" href="#"><i class="compart"> </i><span class="icon_text">980 compartilhamentos</span></a>
</div>
</li>
</ul>
</div>
<!-- banner -->
<!-- animais -->
<div class="animais">
<div class="container">
<div class="col-md-9 cnma">
<div class="anim">
<img src="images/dogs.jpg" class="img-responsive" alt="">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dictum nisl quis libero adipiscing, et tempor lorem ornare. Cras turpis purus, lobortis in tincidunt in, feugiat vel metus. Maecenas sodales felis vitae ipsum tincidunt, eu pharetra eros pharetra. In other words, enabling the new Mobile setting (Chrome Management needs to be turned on first) means that all supported policies (check the lightbulb beside each policy to see if it will on Android and iOS) will apply to Chrome on mobile devices. All users who are signed in to Chrome for mobile with their organization’s account will receive whatever user settings the administrator has set.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dictum nisl quis libero adipiscing, et tempor lorem ornare. Cras turpis purus, lobortis in tincidunt in, feugiat vel metus. Maecenas sodales felis vitae ipsum tincidunt, eu pharetra eros pharetra.</p>
<div class="f-shar">
<ul>
<li><h6>1.3k</h6></li>
<li class="s-fb"><a class="shre" href="#"><i class="fb"> </i><span class="icon_text2">Share on Facebook</span></a></li>
<li class="s-twt"><a class="shre" href="#"><i class="twt"> </i><span class="icon_text2">Twit on Twitter</span></a></li>
<li><a class="shre" href="#"><i class="plus"> </i></a></li>
<li><a class="shre" href="#"><i class="date"> </i><span class="icon_text3">Posted on <br><strong>15/02/2015</strong></span></a></li>
</ul>
</div>
<div class="dogs">
<div class="dogs-left">
<div class="portfolio1" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/d2.jpg" class="swipebox" title="Image Title"> <img src="images/d2.jpg" class="img-responsive" alt=""><span class="zoom-icon"></span> </a>
</div>
</div>
</div>
<div class="dogs-right">
<div class="portfolio1" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/d1.jpg" class="swipebox" title="Image Title"> <img src="images/d1.jpg" class="img-responsive" alt=""><span class="zoom-icon1"></span> </a>
</div>
</div>
<div class="dogs-bottom">
<div class="portfolio1" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/d4.jpg" class="swipebox" title="Image Title"> <img src="images/d4.jpg" class="img-responsive" alt=""><span class="zoom-icon2"></span> </a>
</div>
</div>
</div>
<div class="dogs-bottom">
<div class="portfolio1" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper grid_box">
<a href="images/d3.jpg" class="swipebox" title="Image Title"> <img src="images/d3.jpg" class="img-responsive" alt=""><span class="zoom-icon2"></span> </a>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dictum nisl quis libero adipiscing, et tempor lorem ornare. Cras turpis purus, lobortis in tincidunt in, feugiat vel metus. Maecenas sodales felis vitae ip
网站前端网页源码模板 (682).zip （86个子文件） 
css 
bootstrap.css 118KB swipebox.css 4KB style.css 65KB
games.html 23KB images 
8.jpg 42KB 1_thumb.jpg 17KB
social.png 5KB 15.jpg 57KB 3_thumb.jpg 15KB 14.jpg 100KB cin1.jpg 112KB 2.jpg 288KB 1.jpg 346KB 6.jpg 102KB 113.png 3KB 25.jpg 54KB 111.png 3KB 1111.png 3KB 3.jpg 310KB 5.jpg 410KB teacu.png 6KB 4_thumb.jpg 17KB d1.jpg 57KB 19.jpg 55KB 21.jpg 101KB d3.jpg 34KB search.png 677B man.jpg 39KB 11.jpg 50KB 2_thumb.jpg 19KB cin2.jpg 76KB 4.jpg 348KB 23.jpg 59KB
icons.svg 1KB 10.jpg 43KB 22.jpg 62KB 5_thumb.jpg 20KB 24.jpg 69KB cup.png 3KB banner2.jpg 94KB 17.jpg 83KB dogs.jpg 353KB 18.jpg 55KB date.png 3KB arws.png 4KB 13.jpg 144KB 16.jpg 65KB zoom.png 3KB arrows.png 5KB vlo.png 6KB comment.png 3KB cin3.jpg 347KB co.png 2KB soci.png 10KB men.png 9KB menu.png 3KB logo.png 4KB 12.jpg 109KB 9.jpg 39KB line.png 5KB 20.jpg 76KB 112.png 3KB 7.jpg 31KB img-sprite.png 12KB d2.jpg 86KB d4.jpg 58KB plus.png 3KB sprite.png 4KB analise.html 27KB 404.html 10KB 1.jpg 146KB reviews.html 27KB single.html 23KB noticias.html 25KB index.html 25KB js jquery.min.js 92KB uisearch.js 6KB responsiveslides.min.js 3KB classie.js 2KB circles.js 7KB jquery.swipebox.min.js 7KB jquery.wmuSlider.js 12KB jquery.flexisel.js 8KB animals.html 30KB cinema.html 23KB curiosidades.html 25KB资源评论
