<!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
没有合适的资源?快使用搜索试试~ 我知道了~
HTML网站源码-建筑设计效果展示网页模板-响应式源码.zip
共61个文件
jpg:25个
js:10个
html:6个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 93 浏览量
2024-03-26
09:47:29
上传
评论
收藏 1.62MB ZIP 举报
温馨提示
这套HTML源代码文件为您呈现了一个完整的网页模板,适用于各类网站开发需求。它采用了前沿的HTML5和CSS3技术,实现了响应式设计,能够无缝适配各种设备的屏幕尺寸。此外,它还内置了丰富的JavaScript插件,助您轻松实现各种复杂的交互效果。这套源代码文件具有极高的可定制性,您可以根据您的项目需求,对页面布局、颜色和内容进行个性化调整,轻松打造出独具特色的网站。同时,我们的代码结构清晰、注释详细,便于您学习和掌握HTML、CSS和JavaScript等前端技术。无论您是面临课程设计、毕业设计等学术挑战,还是希望在职业发展中展示自己的才华和技能,这套源代码文件都将成为您的得力助手。通过使用这套源代码文件,您将轻松完成网站搭建任务,为您的课程设计或毕业设计增添独特亮点。总之,这套HTML源代码文件是一个高效、实用且易于上手的工具,无论您是专业的网页设计师,还是业余的编程爱好者,都值得一试。
资源推荐
资源详情
资源评论
收起资源包目录
HTML网站源码-建筑设计效果展示网页模板-响应式源码.zip (61个子文件)
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
资源评论
DTcode7
- 粉丝: 1464
- 资源: 4058
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- JSP-JTBC-CMS(SQLITE).rar
- MC3362和MC145151调频无线接收器的设计.pdf
- MiniRenamer-v100.0一款简单易用的批量文件重命名工具(已注册PRO版本).rar
- 小狐狸Ai系统 小狐狸ai付费创作系统V2.8.0 ChatGPT智能机器人
- 公孙离-内衣-肚兜.zipgsl
- 快慢指针判断链表是否有环-go 语言实现
- 学生成绩管理系统的设计与实现-收藏备用.pdf
- JSP+SQL网站流量统计管理系统(源代码+论文).rar
- IBM-PC-XT微机过程...道中模拟量数据的采集和处理.pdf
- JSP+SQL网上选课系统(源代码+论文+答辩PPT).rar
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功