<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="keywords" content="">
<title>Architecture - Blog Website Templates Free Download</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- animsition css -->
<link rel="stylesheet" type="text/css" href="css/animsition.min.css">
<!-- Font Awesome CSS -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- font css -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i,900,900i" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="animsition">
<div class="page-header"><!-- page header -->
<div class=""><!-- navigation-transparent -->
<div class="header"><!-- navigation -->
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3"><a class="logo" href="index.html"><img src="images/logo.png" alt=""></a> </div>
<div class="col-md-9 col-sm-12">
<div id="navigation" class="navigation navbar-right">
<ul>
<li class="active"><a href="index.html" title="Home" class="animsition-link">Home</a></li>
<li><a href="blog.html" title="Blog" class="animsition-link">Blog</a></li>
<li><a href="blog-single.html" title="Blog Single" class="animsition-link">Blog Single</a></li>
<li><a href="#" title="Pages">Pages</a>
<ul>
<li><a href="page-sidebar.html" title="Page With Sidebar" class="animsition-link">Page Sideabr</a></li>
<li><a href="page-fullwidth.html" title="Page With Fullwidth" class="animsition-link">Page Full Width</a></li>
<li><a href="typography.html" title="Style Guide" class="animsition-link">Style Guide</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.navigation -->
<!-- /.navigation -->
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 text-center">
<div class="page-caption">
<h1 class="page-title">Blog-Single</h1>
<p class="page-containt">ONLY THE LATEST NEWS IN BUSINESS INDUSTRY</p>
</div>
</div>
</div>
</div>
</div>
<!-- /.page header -->
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<ol class="breadcrumb">
<!-- breadcrumb -->
<li><a href="#" title="Home">Home</a></li>
<li><a href="blog.html" title="Blog">Blog</a></li>
<li class="active">Blog Detail</li>
</ol>
<!-- /.breadcrumb -->
</div>
</div>
</div>
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-8">
<div class="content-area">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="post-holder mb40">
<div class="post-img mb30"><img src="images/blog-post-1.jpg" alt="" class="img-responsive"> </div>
<div class="post-block">
<div class="post-header mb20">
<h1 class="post-title mb30">Overalls with logo as a method</h1>
<div class="post-meta"><!-- post meta -->
<span class="meta-date">August 26, 2017</span> <span class="meta-comment"> 05 <a href="#" class="meta-link">comments </a></span> <span class="meta-author"> by <a href="#" class="meta-link">Admin</a></span> </div>
<!-- /.post meta -->
</div>
<div class="post-content">
<p>Lorem ipsum dolor sitamet consectetur adipiscing eliusce acenim auguen vel aliquet quamulla gravida its lacusnon molestie aliquet mauris lorem rhoncus erateu laoreet neque duivel sapienauris odio elit porttitor sitamet mattis etvolutpat in risusuis laoreet tellusvel dictum placerat liberofelis variudioc feugat velitc one feugiat velit nunc feugiat velit nunc sit amet turpisaecenas dignissim tortor a elementum sitamet turpae cenas dignissim tortor a elementum nunc sitamet turaecenas dignissim tortor.</p>
<p>Cras ultrices vari viverram portttor nulla in enim molestie feugiat sitamet diam metua sellus dictum one is felisnec euismod tincidunt nibh erat iaculise at suscipit its justo leoeed dictum one atese massa euese is Vestibulum sit amet erat eivamus eget purus nec lorem posuere accums anorem ipsum dolor sitamet one rutrumonec tempus msequ ortavarius quis lorem its miefacilisis lobortilor lorem ipsums.</p>
<p>Duis euturpis a lectus tristique dictumn justoleo posuere a lectus sitamet consequat euismod lorem one morbi eleifend leo etnisi volutpat sit amet tempus quam aliquet. Integer non tellus mauristiam at suscipit ligulausce vitae lectus eu tortor egestas elementum et eu saauris acenesem.</p>
<p class="mb30">Nulla ornare, turpiseu rhoncus rutrum esterat pellentesque turpiseu pellentesque lacus odioeget diam Aenean at ultricies semesent ac vulputate tellvamus semper bibendum enimedin.</p>
<hr>
<img src="images/left-img.jpg" alt="" class="alignleft img-responsive">
<h3>Left Side Image</h3>
<p>Seiverram portttor nulla in enim molestie feugiat diam metua on sellus dictum one is felisnec euismod tincidunt nibh erat iaculise at suscipit its justo leoeed dictum one atese massa euese isone Vestibulum sit amet erat eivamus eget purus nec lorem.</p>
<p class="mb30">Euismod tincidunt nibh erat iaculise at suscipit its justo leoeed dictum one atese massa euese isone estibulum sit amet erat eivamus eget purus nec lorem ipsums sirtamet euismod tincidunt nibh erat iaculise at suscipit its justo leoeed dictum.</p>
<img src="images/right-img.jpg" alt="" class="alignright img-responsive">
<h3>Right Side Image</h3>
<p>Vestibulum sagittis ullamcorper urnaeu rutrum leo consequat sit ameted quis tempus nunc tristique sollicitudin liberoed lorem on commodo non sapienac volutpatauris id ante ultricies ipsum its viverra pharetra non quis nisiuis nec tempus diam.</p>
<p class="mb30">Pellentesque viverranon tortorvel bibendum aecenas tristique ov tempus nisiid dignissim enean quisegestas nisuisque auctor ex vitae porttitor fermentumex ligula lacinia liber csuscipit amet erat eivamus eget purus nec lorem.</p>
<hr>
<div class="related-post mb40">
<div class="row">
<div class="col-md-12 col-sm-12">
<h2 class="related-post-title">Related Post</h2>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="related-img mb20"> <a href="#"><img src="images/related-post-1.jpg" alt="" class="img-responsive"></a> </div>
<div class="related-pos
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
完成期末项目,提升开发效率——【web课设】响应式网页-HTML源码 在校大学生们,期末大作业的截止日期迫在眉睫,是否还在寻找能让你的项目脱颖而出的秘密武器?【web课设】响应式网页-HTML源码,是你提升开发效率、轻松完成期末项目的关键所在。 这份资源专为你们设计,知晓你们面临的压力和挑战,提供了快速构建响应式网页的完美解决方案。想在期末项目中展示出卓越的前端能力吗?这份源码将帮助你轻松实现。 通过学习和应用这些精心编写的HTML源码,你不仅能节省大量的编写时间,还能确保你的网页在不同设备上自动适应显示,无论是在手机、平板还是电脑上,都能达到最佳展示效果。 【web课设】响应式网页-HTML源码,让你的项目正中教授的心意,也让你在同学中脱颖而出。别再犹豫,立即查看这份资源,解锁你的前端开发潜力,迅速提高你的开发效率,让期末大作业成为你学术生涯中的一次亮点。 记住,成功的秘诀不仅在于努力,更在于选择正确的工具。【web课设】响应式网页-HTML源码,就是你成功路上的得力伙伴。立即行动,让自己在这个期末,与众不同!
资源推荐
资源详情
资源评论
收起资源包目录
【web课设】建筑设计效果展示网页-HTML源码.7z (61个子文件)
【web课设】建筑设计效果展示网页-HTML源码
html
page-fullwidth.html 9KB
page-sidebar.html 9KB
js
menumaker.js 3KB
bootstrap.js 67KB
npm.js 484B
animsition-script.js 100B
bootstrap.min.js 36KB
animsition.js 11KB
back-to-top.js 879B
sticky-header.js 177B
jquery.sticky.js 9KB
script.js 2KB
typography.html 12KB
blog-single.html 27KB
css
style.css 25KB
bootstrap.min.css 118KB
animsition.min.css 27KB
bootstrap.css 143KB
font-awesome.min.css 28KB
index.html 13KB
images
page-header.jpg 145KB
service-2.jpg 38KB
testimonial-img.jpg 10KB
blog-post-1.jpg 78KB
cd-top-arrow.svg 555B
blog-post-4.jpg 50KB
right-img.jpg 17KB
post-img-1.jpg 17KB
blog-post-2.jpg 65KB
recent-pic1.jpg 4KB
post-img-3.jpg 16KB
service-1.jpg 42KB
related-post-3.jpg 10KB
logo.png 3KB
ft-logo.png 2KB
blog-post-3.jpg 47KB
recent-pic2.jpg 4KB
related-post-2.jpg 10KB
author.jpg 19KB
user-pic-1.jpg 11KB
sticky-sign.png 2KB
post-img-2.jpg 22KB
related-post-1.jpg 11KB
hero-img.jpg 235KB
user-pic-4.jpg 12KB
user-pic-2.jpg 11KB
left-img.jpg 20KB
recent-pic3.jpg 4KB
user-pic-3.jpg 11KB
blog.html 19KB
fonts
FontAwesome.otf 122KB
glyphicons-halflings-regular.svg 106KB
glyphicons-halflings-regular.ttf 44KB
glyphicons-halflings-regular.woff 23KB
glyphicons-halflings-regular.eot 20KB
fontawesome-webfont.eot 75KB
glyphicons-halflings-regular.woff2 18KB
fontawesome-webfont.woff 88KB
fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB
fontawesome-webfont.ttf 149KB
共 61 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2157
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 数据库设计管理课程设计系统设计报告(powerdesign+sql+DreamweaverCS)仓库管理系统设计与开发
- Visual Basic 学习教程(入门到实践)
- CocosCreator开发视频教程含源码跳一跳开发教程非Creator开发200M
- 随便写的仓库管理系统.zip,瞎看看就行
- Scratch 学习教程(入门到实践)
- CocosCreator开发视频教程含源码拼图开发3G
- CocosCreator开发视频教程含源码简易塔防开发3.61G
- 对数据集进行二分类,有数据集和源码以及模型,二分类是识别猫和不是猫的情况,可做毕业设计
- CocosCreator开发视频教程含源码多段线拖动轨迹物体2G
- Delphi 学习教程(从入门到实践)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功