<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='#css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Raleway:400,100,300,200,500,600,700,800,900' rel='stylesheet' type='text/css'>
<!-- js -->
<script src="js/jquery.min.js"></script>
<!-- //js -->
<!-- for-mobile-apps -->
<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="OTOC 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>
<!-- //for-mobile-apps -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
<!-- search -->
<script type="text/javascript" src="js/login.js"></script>
<script src="js/jquery.easydropdown.js"></script>
<!-- //search -->
</head>
<body>
<!-- header -->
<div class="header">
<div class="container">
<div class="blog-info">
<div class="head-logo1">
<a href="index.html"><img src="images/logo1.png" alt=" "></a>
</div>
<div class="header-right1">
<span class="menu"><img src="images/menu.png" alt=" "/></span>
<ul class="nav1">
<li><a href="index.html">Home</a></li>
<li><a href="index.html">About</a></li>
<li><a href="index.html">Services</a></li>
<li><a href="index.html">Works</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
<li class="act"><a href="blog.html">Blog</a></li>
<li>
<a href="#"><button class="search"></button></a>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="serch">
<span>
<input type="text" placeholder="Search..." required="">
</span>
</div>
<script>
$( "button.search" ).click(function() {
$( ".serch" ).slideToggle( "slow", function() {
// Animation complete.
});
});
</script>
<div class="clearfix"></div>
<!-- script for menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- //script for menu -->
</div>
</div>
<!-- //header -->
<!-- blog -->
<div class="blog">
<div class="container">
<div class="blog-left-right">
<div class="blog-left">
<!-- Slider-starts-Here -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: false,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!--//End-slider-script -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="blog-left-slider">
<div class="blog-left-d">
<div class="blog-left-date">
<p class="blog-left-text">
<label>17</label><span>JAN</span>
</p>
</div>
<div class="blog-left-text">
<p class="Integer"><a href="single.html">Integer interdum ante in tortor commodo</a></p>
<ul>
<li class="chat"><a href="#">12 Comments</a></li>
<li class="box"><a href="#">Design</a></li>
<li class="prad"><a href="#">Prad Pitt</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="blog-left-fig">
<a href="single.html"><img src="images/10.jpg" alt=" " /></a>
</div>
<p class="variation">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form,
by injected humour, or randomised words which don't look even slightly believable.
If you are going to use a passage.
<span>There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form, by injected humour,
or randomised words which don't look even slightly believable. If you are going
to use a passage.</span></p>
<div class="pre-next">
<div class="pre">
<a href="#">PREVIOUS</a>
</div>
<div class="pre next">
<a href="#">NEXT</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="blog-left-slider">
<div class="blog-left-d">
<div class="blog-left-date">
<p class="blog-left-text">
<label>20</label><span>APR</span>
</p>
</div>
<div class="blog-left-text">
<p class="Integer"><a href="single.html">Integer interdum ante in tortor commodo</a></p>
<ul>
<li class="chat"><a href="#">12 Comments</a></li>
<li class="box"><a href="#">Design</a></li>
<li class="prad"><a href="#">Prad Pitt</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<div class="blog-left-fig">
<a href="single.html"><img src="images/17.jpg" alt=" " /></a>
</div>
<p class="variation">There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form,
by injected humour, or randomised words which don't look even slightly believable.
If you are going to use a passage.
<span>There are many variations of passages of Lorem Ipsum available,
but the majority have suffered alteration in some form, by injected humour,
or randomised words which don't look even slightly believable. If you are going
to use a passage.</span></p>
<div class="pre-next">
<div class="pre">
<a href="#">PREVIOUS</a>
</div>
<div class="pre next">
<a href="#">NEXT</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="blog-left-slider">
<div class="blog-left-d">
<div class="blog-left-date">
<p class="blog-left-text">
<label>30</label><span>JUN</span>
</p>
</div>
<div class="blog-left-text">
<p class="Integer"><a href="single.html">Integer interdum ante in tortor commodo</a></p>
<ul>
<li class="chat"><a href="#">12 Comments</a></li>
<li class="box"><a href="#">Design</a></li>
<l
简洁扁平化css3设计公司企业模板_模板_自适应响应式源码.rar
182 浏览量
2023-08-05
15:59:36
上传
评论
收藏 987KB RAR 举报
简洁扁平化css3设计公司企业模板_简洁 扁平化 设计 企业 蓝色 bootstrap css3 html5 响应式 5模板_自适应响应式源码.rar （90个子文件） 
简洁扁平化css3设计公司企业模板_简洁 扁平化 设计 企业 蓝色 bootstrap css3 html5 响应式 宽屏 手机 单页 跳转 设计公司 服务 商务 咨询 互联网 cpts_52_eu js 
login.js 1KB jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB jquery.easydropdown.js 12KB uisearch.js 6KB easing.js 5KB classie.js 2KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.min.js 92KB css style.css 80KB bootstrap.css 118KB swipebox.css 4KB
index.html 17KB about.html 13KB single.html 14KB images 
4-.jpg 57KB
line1.png 4KB 4-.png 5KB filter.png 947B row.png 665B mobile.png 493B 2.jpg 20KB logo1.png 2KB dot.png 909B 10.jpg 62KB 6-.jpg 18KB 2-.png 379B 1-.png 884B ca.png 814B 5-.png 8KB row1.png 284B 3.png 25KB 13.jpg 15KB arrow.png 543B mes1.png 565B menu.png 544B 14.jpg 41KB 6.jpg 33KB border.png 2KB banner.jpg 32KB 15.jpg 61KB logo.png 2KB 16.jpg 70KB chat.png 508B 1.jpg 35KB box.png 412B quot.png 447B 9-.jpg 14KB 17.jpg 61KB 3-.jpg 72KB line.png 180B men.png 543B mes.png 645B 1.png 634B love.png 550B box1.png 578B search.png 626B set1.png 684B 12.jpg 15KB men1.png 550B img2.png 422B 5.jpg 33KB 6.png 11KB
icons.svg 1KB set.png 642B 2-.jpg 30KB img-sprite.png 8KB 8.jpg 24KB 5.png 10KB 4.png 5KB 11.jpg 15KB img1.png 4KB radio.png 889B right.png 371B 5-.jpg 71KB chat1.png 422B 3.jpg 33KB 7.jpg 28KB 7-.jpg 15KB 1-.jpg 73KB 8-.jpg 15KB 2.png 396B 14.png 17KB vedio.png 780B 9.jpg 23KB comment.png 418B 4.jpg 27KB 6-.png 4KB blog.html 18KB资源评论
