<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>OTOC a Corporate Business Category Flat Bootstarp Resposive Website Template | Home :: w3layouts</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='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/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
网站模板-商务产品数据响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
146 浏览量
2024-03-24
15:04:04
上传
评论
收藏 1.07MB ZIP 举报
网站模板-商务产品数据响应式网页模板-适配移动端界面-HTML源码.zip （91个子文件） 
网站模板-商务产品数据响应式网页模板-适配移动端界面-HTML源码 html 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 Thumbs.db 190KB 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资源评论
DTcode7
- 粉丝: 7121
- 资源: 4499
