<!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
蓝色绘画设计网站模板是一款适合图案图标绘画设计企业网站模板。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar （90个子文件） 
蓝色绘画设计网站模板是一款适合图案图标绘画设计企业网站模板。 moban448 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资源评论
qw_6918966011
- 粉丝: 27
- 资源: 6165
最新资源
- （前端面试题+前端学习+面试指南） 一份涵盖大部分前端工程师所需要掌握的核心知识.zip
- 2023-04-06-项目笔记 - 第三百二十八阶段 - 4.4.2.326全局变量的作用域-326 -2025.11.25
- editor是由web前端研发部开发的所见即所得富文本web编辑器.zip
- Hybrid开发，基于h5+ API和mui前端框架，以及seajs模块化开发的一套跨平台APP开发框架.zip
- 计算机组成原理(COD)综合实验,带三级浮点流水的五级RISCV流水线.zip
- sm2解密出Invalid point encoding问题的解决办法
- 乐跑刷数据代码 (1).exe
- 计算机科学与工程学院15级大三短学期JAVA课设-虚拟校园系统.zip
- 备战2025电赛03-驱动1.8寸TFT-LCD屏幕
- 一个基于Java SE的跳跃忍者游戏.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
