<!DOCTYPE html>
<!--[if lt IE 9]>
<html class="ie">
<![endif]-->
<html class="no-js">
<head>
<meta charset="utf-8" />
<!--[if lt IE 9]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<title>Opixel Template </title>
<!-- html 5 shim + modernizer -->
<script src="js/modernizr.js"></script>
<!-- all stylesheets -->
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/960.css" />
<link rel="stylesheet" href="css/tipsy.css" />
<link rel="stylesheet" href="css/style.css" />
<link href="css/nivo-slider.css" rel="stylesheet" />
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<!-- Fonts -->
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:700,400' rel='stylesheet' type='text/css' />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<header id="header" class="clearfix">
<section class="container_12">
<section class="grid_12">
<a href="index.html"><img class="logo" alt="" src="img/logo.png" /></a>
<nav id="main_nav" class="jqueryslidemenu">
<ul>
<li class="current"><a href="index.html">HOME</a>
</li>
<li><a href="#">pages</a>
<ul>
<li><a href="about.html">About us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="index1.html">Slider 2</a></li>
<li><a href="elements.html">Elements</a></li>
</ul>
</li>
<li><a href="portfolio.html">PORTFOLIO</a>
<ul>
<li><a href="portfolio3.html">Three column Portfolio</a></li>
</ul>
</li>
<li class="current"><a href="blog.html">BLOG</a>
<ul>
<li><a href="single-blog.html">Single Blog</a></li>
</ul>
</li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav><!-- end of menu -->
</section><!--end of grid_12-->
</section><!-- end of container_12-->
</header>
<div class="clear"></div>
<section class="page-header">
<h1>See what we are doing</h1>
</section>
<div class="clear"></div>
<section id="main_content" class="container_12">
<section class="content">
<section class="grid_12">
<section class="section-head">
<span>Our Blog post</span>
</section>
<div class="post grid_8">
<ul>
<li>
<div class="postimg"><a href=""><img src="img/placeholder/blog1.png" alt="" /></a></div>
<h5><a href="#">this is blog post title space</a></h5>
<span class="postinfo">
<a href="#" class="date">10-6-2012</a>
<a href="#" class="comment">Comments</a>
<a href="#" class="author">Admin</a>
</span>
<div class="clear"></div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been thindustry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker.
Lorem Ipsum has been thindustry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
<blockquote>
It has survived not only five centuries, but also the leap into electronic of the typesetting,
remaining essentially unchanged
</blockquote>
<p>Simply dummy text of the printing and typesetting industry. Lorem Ipsum has been thindustry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been thindustry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p>
<div class="divider-line"></div>
</li>
</ul>
<div class="clear"></div>
<div class="comments">
<h4 class="comment-count">Comments 3</h4>
<div class="comment">
<img class="small-img align-left" src="img/placeholder/comment.png" alt="" />
<div class="detail">
<h4>Jhon Smith</h4>
<ul>
<li class="date">10-6-2012</li>
<li class="reply-bt">Reply</li>
</ul>
<p>Printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
</div>
<div class="divider-line"></div>
</div>
<div class="comment reply">
<img class="small-img align-left" src="img/placeholder/comment.png" alt="" />
<div class="detail">
<h4>Jhon Smith</h4>
<ul>
<li class="date">10-6-2012</li>
<li class="reply-bt">Reply</li>
</ul>
<p>Printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
</div>
<div class="divider-line"></div>
</div>
<div class="comment">
<img class="small-img align-left" src="img/placeholder/comment.png" alt="" />
<div class="detail">
<h4>Jhon Smith</h4>
<ul>
<li class="date">10-6-2012</li>
<li class="reply-bt">Reply</li>
</ul>
<p>Printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.</p>
</div>
<div class="divider-line"></div>
</div>
</div>
<div class="clear"></div>
<div id="commentform">
<h4>Leave a Comment</h4>
<form action="#" />
<div class="form_in">
<input class="autoclear " type="text" value="Name" />
<input type="text" class="autoclear " value="email" />
<textarea name="textarea" id="Message">Write your message...</textarea>
</div>
</form>
</div>
<div class="button">
<a href="#" class="bt"><span>Submit</span></a>
</div>
</div>
<aside id="sidebar" class="grid_4">
<section class="sidebar-widget">
<h4>Text-widget</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum Lorem Ipsum is simply dummy text of the prindustry's standard dummy text ever since.</p>
<div class="divider-line"></div>
<a href="#" class="read-more-detail">Read More details</a>
</section>
<section class="sidebar-widget">
<!--tabs wil come here-->
<div class="tab-box">
<ul class="tabs">
<li class=""><a href="#tab1">Blog Post </a></li>
<li class=""><a href="#tab2">Popular Post</a></li>
<li class=""><a href="#tab3">Web post</a></li>
</ul>
<div clas
786web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
41 浏览量
2023-08-03
10:44:52
上传
评论
收藏 2.19MB ZIP 举报
786web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （139个子文件） 
style.css 25KB fancy.css 8KB 960.css 6KB nivo-960.css 3KB nivo-slider.css 3KB reset.css 3KB tipsy.css 563B
single-blog.html 14KB elements.html 14KB about.html 13KB index.html 13KB blog.html 12KB index1.html 12KB portfolio.html 11KB services.html 11KB portfolio3.html 9KB contact.html 7KB
slide4.jpg 162KB slide1.jpg 158KB 1.jpg 127KB slide2.jpg 115KB slide3.jpg 99KB jquery.js 93KB modernizr.js 47KB nivo-960.js 28KB fancy.js 15KB menu.js 8KB custom.js 5KB easing.js 5KB tipsy.js 4KB
blog2.png 290KB port6.png 84KB port7.png 81KB blog1.png 78KB port2.png 69KB port8.png 69KB 2.png 55KB blog3.png 54KB 5.png 52KB 3.png 52KB design4.png 50KB design5.png 49KB 6.png 47KB design2.png 46KB 1.png 43KB port5.png 43KB port3.png 39KB design1.png 32KB 4.png 29KB design3.png 25KB port1.png 22KB design6.png 19KB author2.png 18KB author1.png 16KB port4.png 13KB website-designb.png 7KB rockb.png 7KB website-design.png 7KB markitingb.png 6KB applicationb.png 6KB rock.png 5KB markiting.png 5KB application.png 3KB quotes-bg.png 2KB featured-bg.png 2KB signup-hv.png 2KB slider-navbg.png 2KB colorzigzag.png 2KB signup.png 2KB logo.png 2KB fancy_close.png 1KB subscribe.png 1KB fancy_nav_left.png 1KB link.png 1KB success.png 1KB arrow-right.png 1KB arrow.png 1KB left-active.png 1KB right-active.png 1KB assign.png 1KB error.png 1KB zoom.png 1KB left-ar.png 1KB right-ar.png 1KB whitezigzag.png 1KB service.png 1007B twitter.png 1007B twitter-active.png 1003B content-end.png 984B menu-li-bg.png 956B books.png 919B tools.png 879B button-right-hover.png 866B reply.png 858B comment.png 798B check.png 787B check-active.png 786B buttton-left.png 746B author.png 715B menu-bg.png 708B共 139 条
- 1
- 2
资源评论
