<!--
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>Aluspisan a Bootstarp Website Template | Home :: w3layouts</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.googleapis.com/css?family=Roboto:400,300,500,700,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.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
没有合适的资源?快使用搜索试试~ 我知道了~
网站模板-创意机构服务团队响应式网页模板-适配移动端界面-HTML源码.zip
共141个文件
jpg:72个
png:24个
html:21个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 87 浏览量
2024-03-23
09:38:22
上传
评论
收藏 2.96MB ZIP 举报
温馨提示
打造企业级网站卓越数字体验,引领业务发展潮流! 响应式设计 — 采用最新响应式网页设计技术,确保网站在各种屏幕尺寸和设备上均提供无缝浏览体验,无论用户使用桌面电脑、平板还是智能手机。 现代化UI/UX — 遵循现代网页设计和用户体验原则,这份源码利用干净的布局、优化的交互和引人入胜的视觉效果,为用户提供前沿的网络互动。 高度模块化 — HTML结构清晰,CSS和JavaScript分离,便于开发者进行定制化开发和功能扩展,无需担心后期维护和更新问题。 SEO优化 — 内置SEO最佳实践,包括元标签管理、清晰的导航结构和语义化的HTML5元素,助力网站在搜索引擎中排名提升,增加自然流量。 作为专业的程序员,了解高效、稳定且具有良好扩展性的网站架构对业务至关重要。这份企业级网站HTML源码将为你提供稳固的技术基础,让你的网站项目快速上线,同时保持长期的可维护性和可扩展性。
资源推荐
资源详情
资源评论
收起资源包目录
网站模板-创意机构服务团队响应式网页模板-适配移动端界面-HTML源码.zip (141个子文件)
bootstrap.css 118KB
style.css 45KB
style.css 36KB
style.css 19KB
flexslider.css 4KB
swipebox.css 4KB
swipebox.css 4KB
flexslider.css 4KB
blog.html 18KB
single.html 16KB
services.html 15KB
about.html 15KB
index.html 15KB
single.html 13KB
index.html 13KB
services.html 13KB
about.html 13KB
blog.html 12KB
single.html 11KB
portfolio.html 10KB
blog.html 10KB
portfolio.html 9KB
about.html 7KB
services.html 6KB
index.html 6KB
contact.html 6KB
contact.html 6KB
contact.html 4KB
portfolio.html 3KB
banner.jpg 1.12MB
device3.jpg 159KB
device2.jpg 141KB
banner.jpg 138KB
device1.jpg 78KB
banner.jpg 71KB
img7.jpg 70KB
img8.jpg 55KB
img7.jpg 40KB
bfly.jpg 38KB
device2.jpg 37KB
device1.jpg 37KB
img7.jpg 36KB
sun.jpg 35KB
statue.jpg 34KB
dog.jpg 33KB
crop.jpg 31KB
img8.jpg 29KB
voda.jpg 28KB
device2.jpg 25KB
eagle.jpg 24KB
img8.jpg 21KB
dog.jpg 21KB
dog.jpg 19KB
eagle.jpg 19KB
device1.jpg 18KB
man.jpg 15KB
man.jpg 15KB
device3.jpg 14KB
device3 - Copy.jpg 14KB
man1.jpg 14KB
bfly.jpg 14KB
eagle.jpg 14KB
crop - Copy.jpg 13KB
swan.jpg 13KB
man2.jpg 13KB
bfly - Copy.jpg 13KB
crop.jpg 13KB
bfly.jpg 12KB
statue.jpg 12KB
sun.jpg 12KB
man1.jpg 12KB
voda.jpg 12KB
crop.jpg 12KB
sun.jpg 11KB
admin-pic4.jpg 11KB
admin-pic3.jpg 11KB
admin-pic1.jpg 11KB
admin-pic2.jpg 11KB
swan.jpg 11KB
voda.jpg 10KB
man2.jpg 10KB
man4.jpg 10KB
statue.jpg 10KB
man3.jpg 10KB
man.jpg 9KB
device3.jpg 7KB
man1.jpg 7KB
man4.jpg 7KB
man2.jpg 7KB
man3.jpg 7KB
swan.jpg 6KB
admin-pic4.jpg 5KB
admin-pic4.jpg 5KB
admin-pic3.jpg 5KB
admin-pic3.jpg 5KB
admin-pic1.jpg 5KB
admin-pic1.jpg 5KB
admin-pic2.jpg 4KB
admin-pic2.jpg 4KB
man4.jpg 3KB
共 141 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 7082
- 资源: 4499
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功