<!DOCTYPE HTML>
<html>
<head>
<title>Home</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, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.useso.com/css?family=Roboto:400,300,500,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans:600italic,400,700,300' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- header -->
<div class="banner1">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul>
<li><a href="index.html">home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li class="active"><a href="blog.html">blog</a></li>
<li><a href="contact.html">contact</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
<div class="clearfix"> </div>
<h1>blog</h1>
</div>
</div>
<!-- header -->
<div class="blog">
<div class="container">
<div class="blog-left">
<div class="blog-left-head">
<span> </span>
<h3>Recent-posts</h3>
</div>
<div class="blog-artical-grids">
<div class="blog-artical-grid">
<h3><a href="single.html">Visualizing Tweets around Emmy-nominated shows</a></h3>
<div class="blog-artical-grid-pic-info">
<div class="blog-artical-grid-pic">
<a href="single.html"><img src="images/device2.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="blog-artical-grid-pic-info-admin">
<div class="blog-artical-grid-pic-info-admin-left">
<ul>
<li><a href="#"><img src="images/admin-pic1.jpg" title="name-here"></a></li>
<li><p>Written by <a href="#">Garry Walt</a></p></li>
</ul>
</div>
<div class="blog-artical-grid-pic-info-admin-right">
<h6>19/<span>09</span></h6>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!----start-artical-tags---->
<div class="artical-tags">
<ul>
<li><a href="#">Art</a></li>
<li><a href="#">WebDesign</a></li>
<li><a href="#">Logotypes</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!----//End-artical-tags---->
<!-----start-artical-destilas---->
<div class="artical-details">
<div class="artical-details-left">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin felis vitae urna auctor sodales. Donec semper justo nec mauris aliquam mattis. <a href="#">Donec faucibus</a> orci quis tortor accumsan, in iaculis ipsum euismod. Phasellus consequat tempus ipsum, in porta magna ultricies cursus. Pellentesque scelerisque orci justo, non elementum purus lacinia id.</p>
</div>
<div class="artical-details-right">
<p>Nunc id mi rutrum, sollicitudin elit eget, pretium risus. Quisque molestie nunc sed justo ornare, ipsum lorem mattis urna, eu feugiat augue justo quis risus. Sed vitae lacus dignissim, sodales justo sit amet, tristique justo. <a href="#">Proin eget erat</a> quis leo suscipit laoreet at ac diam. Integer eu interdum mauris. Aenean a aliquam turpis, eu tincidunt urna.</p>
</div>
<div class="clearfix"> </div>
</div>
<!-----//End-artical-destilas---->
<div class="artical-more-btn">
<a href="singlepage.html"><span>ReadMore...</span></a>
</div>
</div><!----//End-blog-artical-grid--->
<div class="blog-artical-grid">
<h3><a href="single.html">London Fashion Week drives more buzz than ever on Twitter</a></h3>
<div class="blog-artical-grid-pic-info">
<div class="blog-artical-grid-pic">
<a href="single.html"><img src="images/device3.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="blog-artical-grid-pic-info-admin">
<div class="blog-artical-grid-pic-info-admin-left">
<ul>
<li><a href="#"><img src="images/admin-pic4.jpg" title="name-here"></a></li>
<li><p>Written by <a href="#">Garry Walt</a></p></li>
</ul>
</div>
<div class="blog-artical-grid-pic-info-admin-right">
<h6>19/<span>09</span></h6>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!----start-artical-tags---->
<div class="artical-tags">
<ul>
<li><a href="#">Art</a></li>
<li><a href="#">WebDesign</a></li>
<li><a href="#">Logotypes</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!----//End-artical-tags---->
<!-----start-artical-destilas---->
<div class="artical-details">
<div class="artical-details-left">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin felis vitae urna auctor sodales. Donec semper justo nec mauris aliquam mattis. <a href="#">Donec faucibus</a> orci quis tortor accumsan, in iaculis ipsum euismod. Phasellus consequat tempus ipsum, in porta magna ultricies cursus. Pellentesque scelerisque orci justo, non elementum purus lacinia id.</p>
</div>
<div class="artical-details-right">
<p>Nunc id mi rutrum, sollicitudin elit eget, pretium risus. Quisque molestie nunc sed justo ornare, ipsum lorem mattis urna, eu feugiat augue justo quis risus. Sed vitae lacus dignissim, sodales justo sit amet, tristique justo. <a href="#">Proin eget erat</a> quis leo suscipit laoreet at ac diam. Integer eu interdum mauris. Aenean a aliquam turpis, eu tincidunt urna.</p>
</div>
<div class="clearfix"> </div>
</div>
<!-----//End-artical-destilas---->
<div class="artical-more-btn">
<a href="single.html"><span>ReadMore...</span></a>
</div>
</div><!----//End-blog-artical-grid--->
<div class="blog-artical-grid">
<h3><a href="#">#RockInRio 2013</a></h3>
<div class="blog-artical-grid-pic-info">
<div class="blog-artical-grid-pic">
<a href="single.html"><img src="images/device2.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="blog-artical-grid-pic-info-admin">
<div class="blog-artical-grid-pic-info-admin-left">
<ul>
<li><a href="#"><img src="images/admin-pic2.jpg" title="name-here"></a></li>
<li><p>Written by <a href="#">Garry Walt</a></p></li>
</ul>
</div>
<div class="blog-artical-grid-pic-info-admin-right">
<h6>19/<span>09</span></h6>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!----start-artical-tags---->
<div class="artical-tags">
<ul>
<li><a href="#">Art</a></li>
<li><a href="#">WebDesign</a></li>
<li><a href="#">Logotypes</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!----//End-artical-tags
254国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip
123 浏览量
2023-08-03
11:13:35
上传
评论
收藏 1.15MB ZIP 举报
254国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （47个子文件） 
254 
portfolio.html 9KB js 
jquery.wmuSlider.js 12KB jquery.swipebox.min.js 7KB jquery.flexslider.js 39KB jsapi 24KB jquery.mixitup.min.js 14KB jquery.flexisel.js 8KB jquery.min.js 92KB css style.css 45KB flexslider.css 4KB bootstrap.css 118KB swipebox.css 4KB services.html 15KB index.html 15KB contact.html 5KB about.html 15KB single.html 16KB images 
sun.jpg 35KB admin-pic3.jpg 5KB admin-pic1.jpg 5KB admin-pic4.jpg 5KB swan.jpg 13KB device2.jpg 141KB
device.png 141KB menu.png 391B crop.jpg 31KB banner.jpg 112KB dog.jpg 33KB logo.png 6KB zoom.png 3KB statue.jpg 34KB device3.jpg 159KB man2.jpg 10KB man3.jpg 7KB eagle.jpg 24KB
icons.svg 1KB man.jpg 15KB device1.jpg 78KB img7.jpg 70KB img-sprite.png 15KB img8.jpg 55KB voda.jpg 28KB man4.jpg 7KB man1.jpg 12KB bfly.jpg 38KB admin-pic2.jpg 4KB blog.html 18KB资源评论
