<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Hyperion</title>
<!-- ////////////////////////////////// -->
<!-- // Stylesheets Files // -->
<!-- ////////////////////////////////// -->
<link rel="stylesheet" href="css/base.css" id="camera-css" />
<link rel="stylesheet" href="css/framework.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/noscript.css" media="screen,all" id="noscript" />
<!-- ////////////////////////////////// -->
<!-- // Google Webfont Files // -->
<!-- ////////////////////////////////// -->
<link rel="stylesheet" href="http//fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic" />
<!-- ////////////////////////////////// -->
<!-- // Favicon Files // -->
<!-- ////////////////////////////////// -->
<link rel="shortcut icon" href="images/favicon.ico" />
<!-- ////////////////////////////////// -->
<!-- // Javascript Files // -->
<!-- ////////////////////////////////// -->
<script src="http//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/jquery.easing-1.3.min.js"></script>
<script src="js/tooltip.js"></script>
<script src="js/dropdown.js"></script>
<script src="js/tinynav.min.js"></script>
<script src="js/jquery.fancybox.js?v=2.0.6"></script>
<script src="js/jquery.fancybox-media.js?v=1.0.3"></script>
<script src="js/jquery.ui.totop.min.js"></script>
<script src="js/ddaccordion.js"></script>
<script src="js/jquery.twitter.js"></script>
<script src="js/jflickrfeed.min.js"></script>
<script src="js/faq-functions.js"></script>
<script src="js/theme-functions.js"></script>
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]><script src="http//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<!-- header start here -->
<header>
<div id="main-wrapper">
<!-- top-social start here -->
<div id="top-social">
<a class="trigger" href="#"></a>
<div class="social-panel">
<ul>
<li><a href="#"><img src="images/socials/social10.gif" alt="" /></a></li>
<li><a href="#"><img src="images/socials/social32.gif" alt="" /></a></li>
<li><a href="#"><img src="images/socials/social9.gif" alt="" /></a></li>
<li><a href="#"><img src="images/socials/social15.gif" alt="" /></a></li>
<li><a href="#"><img src="images/socials/social25.gif" alt="" /></a></li>
</ul>
</div>
</div>
<!-- top-social end here -->
<!-- logo start here -->
<div id="logo">
<a href="index.html"><img src="images/logo.png" alt="mainlogo" /></a>
</div>
<!-- logo end here -->
<!-- mainmenu start here -->
<nav id="mainmenu">
<ul id="menu">
<li><a href="index.html">home</a>
<ul>
<li><a href="index-layout2.html"><span>-</span> home layout 2</a></li>
<li><a href="index-layout3.html"><span>-</span> home layout 3</a></li>
<li><a href="index-layout4.html"><span>-</span> home layout 4</a></li>
</ul>
</li>
<li><a href="about.html">about</a></li>
<li><a href="services.html">services</a></li>
<li class="dropdown"><a href="#">portfolio</a>
<ul>
<li><a href="portfolio-2col.html"><span>-</span> portfolio 2 column</a></li>
<li><a href="portfolio-3col.html"><span>-</span> portfolio 3 column</a></li>
<li><a href="portfolio-4col.html"><span>-</span> portfolio 4 column</a></li>
</ul>
</li>
<li class="selected"><a href="blog.html">blog</a></li>
<li><a href="contact.html">contact</a></li>
<li class="dropdown"><a href="#">pages</a>
<ul>
<li><a href="column.html"><span>-</span> column page</a></li>
<li><a href="tables.html"><span>-</span> table page</a></li>
<li><a href="button-list.html"><span>-</span> button & list page</a></li>
<li><a href="typhography.html"><span>-</span> typhography page</a></li>
<li><a href="testimonials.html"><span>-</span> testimonials page</a></li>
<li><a href="pricing.html"><span>-</span> pricing page</a></li>
<li><a href="faq.html"><span>-</span> faq page</a></li>
<li><a href="single.html"><span>-</span> single page</a></li>
<li><a href="fullwidth.html"><span>-</span> fullwidth page</a></li>
<li><a href="404.html"><span>-</span> 404 page</a></li>
</ul>
</li>
</ul>
</nav>
<!-- mainmenu end here -->
</div>
</header>
<!-- header end here -->
<!-- pagetitle start here -->
<section id="pagetitle-wrapper">
<div class="pagetitle-content">
<h2>Our Blog</h2>
</div>
</section>
<!-- pagetitle end here -->
<!-- breadcrumb start here -->
<section id="breadcrumb-wrapper">
<div id="breadcrumb-content">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Reprehenderit voluptate essequam molestiae</a></li>
</ul>
</div>
</section>
<!-- breadcrumb end here -->
<!-- maincontent start here -->
<section id="content-wrapper">
<div class="row">
<div class="eight columns">
<!-- blog post 1 -->
<div class="blog-post">
<img src="images/sample-images/blog-post1.jpg" alt="blog-img" />
<div class="post-info">
<div class="big-date">30</div>
<div class="small-month">Aug 2012</div>
<ul>
<li class="author-icon"><a href="#">Andrew Garfield</a></li>
<li class="tag-icon"><a href="#">Timeline</a></li>
<li class="comment-icon"><a href="#">8 Comments</a></li>
</ul>
</div>
<div class="post-content">
<h4>Reprehenderit voluptate essequam molestiae</h4>
<p>Nam libero tempore soluta nobis est eligendi optio cumque nihil impedit minus idquod maxime placeat facere possimus omnis voluptas assumenda est omnis dolor repellendus temporibus autem quibusdam officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint.</p>
<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt labore dolore magnam.</p>
<blockquote>
<p>At vero eos et accusamus et iusto odio dignissimos
没有合适的资源?快使用搜索试试~ 我知道了~
HTML+CSS+JS精品网页模板H59.rar
共192个文件
png:83个
jpg:33个
html:24个
0 下载量 135 浏览量
2024-05-08
22:11:15
上传
评论
收藏 2.33MB RAR 举报
温馨提示
HTML+CSS+JS精品网页模板,设置导航条、轮翻效果,鼠标滑动效果,自动弹窗,点击事件、链接等功能;适用于大学生期末大作业或公司网页的设计制作。响应式网页,可以根据不同的设备屏幕大小自动调整页面布局; 支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改; 支持包括IE、Firefox、Chrome、Safari主流浏览器浏览; 下载文件解压缩,用Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件打开,只需更改源代码中的文字和图片可直接使用。图片的命名和格式需要与原图片的名字和格式一致,其他的无需更改。如碰到HTML5+CSS+JS等专业技术问题,以及需要对应行业的模板等相关源码、模板、资料、教程等,随时联系博主咨询。 网页设计和制作、大学生网页课程设计、期末大作业、毕业设计、网页模板,网页成品源代码等,5000+套Web案例源码,主题涵盖各行各业,关注作者联系获取更多源码; 更多优质网页博文、网页模板移步查阅我的CSDN主页:angella.blog.csdn.net。
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS精品网页模板H59.rar (192个子文件)
style.css 89KB
base.css 38KB
framework.css 8KB
noscript.css 2KB
Thumbs.db 170KB
Thumbs.db 34KB
Thumbs.db 15KB
Thumbs.db 8KB
Thumbs.db 4KB
Thumbs.db 4KB
loading-tweet.gif 11KB
loading-lightbox.gif 6KB
loading-slideshow.gif 6KB
tag-bg.gif 1KB
tag-bg-hover.gif 1KB
social9.gif 1KB
social27.gif 1KB
social25.gif 1KB
social15.gif 1KB
social23.gif 1KB
social30.gif 1KB
social38.gif 1KB
social32.gif 1KB
social12.gif 1KB
testi-bg.gif 1KB
social7.gif 1KB
social10.gif 1KB
social37.gif 1KB
active-menu.gif 1KB
social-open.gif 1KB
social-closed.gif 1KB
blank.gif 1KB
pre_bg.gif 67B
single.html 23KB
faq.html 20KB
blog.html 19KB
tables.html 17KB
index-layout2.html 17KB
fullwidth.html 16KB
index-layout4.html 16KB
testimonials.html 16KB
index-layout3.html 16KB
portfolio-4col.html 15KB
index.html 15KB
about.html 15KB
pricing.html 15KB
button-list.html 14KB
portfolio-3col.html 14KB
portfolio-2col.html 13KB
column.html 13KB
services.html 12KB
typhography.html 12KB
contact.html 11KB
404.html 10KB
li.purchase a.html 4KB
li.remove_frame a.html 4KB
slide-overlay.png.html 4KB
favicon.ico 1KB
noscript-map.jpg 87KB
front-img1.jpg 64KB
front-img3.jpg 63KB
pf-big.jpg 59KB
front-img2.jpg 53KB
p7.jpg 47KB
bg-slide1.jpg 46KB
front-img4.jpg 45KB
p1.jpg 43KB
blog-post3.jpg 43KB
bg-slide3.jpg 42KB
blog-post1.jpg 34KB
faq-image.jpg 34KB
p5.jpg 29KB
bg-slide2.jpg 26KB
p3.jpg 26KB
blog-post2.jpg 25KB
p11.jpg 24KB
p12.jpg 24KB
bg-slide4.jpg 19KB
p10.jpg 19KB
p2.jpg 18KB
p6.jpg 18KB
p9.jpg 13KB
p8.jpg 11KB
p4.jpg 11KB
img-sample.jpg 10KB
team2.jpg 7KB
team3.jpg 7KB
team4.jpg 7KB
team1.jpg 7KB
author.jpg 2KB
slide-btn.jpg 1KB
camera.min.js 39KB
jquery.fancybox_cdea77bf.js 17KB
jquery.fancybox.js 17KB
isotope.js 15KB
ddaccordion.js 14KB
jquery.googlemaps1.01.js 12KB
jquery.easing-1.3.min.js 3KB
jquery.fancybox-media_cdea8439.js 3KB
jquery.fancybox-media.js 3KB
共 192 条
- 1
- 2
资源评论
仙女网页制作
- 粉丝: 4794
- 资源: 179
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功