<!DOCTYPE html>
<html>
<head>
<title>Single</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Square Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='#css?family=Roboto+Condensed:400,300,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!---->
</head>
<body>
<div class="main">
<div class="header">
<div class="header-left">
<div class="main-in">
<section>
<button id="showLeft" class="navig"></button>
</section>
</div>
<!--- Navigation from Right To Left --->
<link rel="stylesheet" type="text/css" href="css/component.css" />
<script src="js/modernizr.custom.js"></script>
<div class="cbp-spmenu-push">
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
<h3>Menu</h3>
<a href="index.html" >Home</a>
<a href="about.html" >About</a>
<a href="portfolio.html">Portfolio</a>
<a href="blog.html" class="active">Blog</a>
<a href="contact.html">Contact</a>
</nav>
</div>
<script src="js/classie.js"></script>
<script>
var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
showLeft = document.getElementById( 'showLeft' ),
body = document.body;
showLeft.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( menuLeft, 'cbp-spmenu-open' );
disableOther( 'showLeft' );
};
function disableOther( button ) {
if( button !== 'showLeft' ) {
classie.toggle( showLeft, 'disabled' );
}
}
</script>
<!--- Navigation from Right To Left --->
</div>
<!---->
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=" "></a>
</div>
<!---->
<div class="header-right">
<ul class="social-in">
<li><a href="#"><i> </i></a></li>
<li><a href="#"><i class="twitter"> </i></a></li>
<li><a href="#"><i class="camera"> </i></a></li>
<li><a href="#"><i class="dot"> </i></a></li>
<li><a href="#"><i class="gmail"> </i></a></li>
<li><a href="#"><i class="message"> </i></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!---->
<div class="head">
<div class="single">
<div class="single-top">
<img src="images/sin.jpg" alt=""/>
</div>
<div class="top-single">
<h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h2>
<div class="grid-single">
<div class="single-one"><span><i> </i>12/03/2015 </div></li>
<div class="single-one"><span><a href="#"><i class="com"> </i>20l</a></span></div>
<div class="single-one"><span><i class="four"> </i>400</span></div>
<div class="clearfix"> </div>
</div>
<p class="eget"><b>Duis dapibus aliquam mi,</b> eget euismod sem scelerisque ut. Vivamus at elit quis urna adipiscing iaculis. Curabitur vitae velit in neque dictum blandit. <b>Proin in iaculis neque.</b> Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur vitae velit in neque dictum blandit. Proin in iaculis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<p class="eget">Duis dapibus aliquam mi, eget euismod sem scelerisque ut. Vivamus at elit quis urna adipiscing iaculis. Curabitur vitae velit in neque dictum blandit. Proin in iaculis neque. <b>Pellentesque habitant morbi tristique</b> senectus et netus et malesuada fames ac turpis egestas. Curabitur vitae velit in neque dictum blandit. Proin in iaculis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
<p class="eget">Duis dapibus aliquam mi, eget euismod sem scelerisque ut. <b>Vivamus at elit quis urna adipiscing iaculis.</b> Curabitur vitae velit in neque dictum blandit. Proin in iaculis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur vitae velit in neque dictum blandit. Proin in iaculis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p>
<p class="eget">Duis dapibus aliquam mi, eget euismod sem scelerisque ut. Vivamus at elit quis urna adipiscing iaculis. Curabitur <b>vitae velit in neque dictum blandit.</b> Proin in iaculis neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur vitae velit in neque dictum blandit. Proin in iaculis neque. Pellentesque habitant morbi tristique senectus et netus <b>et malesuada fames ac turpis egestas.</b> </p>
<div class="single-middle">
<ul class="social-share">
<li><span>SHARE</span></li>
<li><a href="#"><i> </i></a></li>
<li><a href="#"><i class="tin"> </i></a></li>
<li><a href="#"><i class="message"> </i></a></li>
</ul>
<i class="arrow"> </i>
<div class="clearfix"> </div>
</div>
<div class="top-comments">
<h3>10 Comments</h3>
<div class="met">
<div class="code-in">
<p class="smith"><a href="#">Robert Smith</a> <span>02 June 2015, 15:20</span></p>
<p class="reply"><a href="#"><i> </i>REPLY</a></p>
<div class="clearfix"> </div>
</div>
<div class="comments-top-top">
<div class="men" >
<img src="images/men.png" alt="">
</div>
<p class="men-it">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.The point of using Lorem Ipsum is that it has a more-or-less </p>
<div class="clearfix"> </div>
</div>
</div>
<div class="met met-in">
<div class="code-in">
<p class="smith"><a href="#">Robert Smith</a> <span>02 June 2015, 15:20</span></p>
<div class="clearfix"> </div>
</div>
<div class="comments-top-top top-in">
<div class="men" >
<img src="images/men.png" alt="">
</div>
<p class="men-it">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.The point of using Lorem Ipsum is that it has a more-or-less </p>
<div class="clearfix"> </div>
</div>
</div>
<div class="met">
<div class="code-in">
<p class="smith"><a href="#">Robert Smith</a> <span>02 June 2015, 15:20</span></p>
<p class="reply"><a href="#"><i> </i>REPLY</a></p>
<div class="clearfix"> </div>
</div>
<div class="comments-top-top">
<div class="men" >
<img src="images/men.png" alt="">
</div>
<p class="men-it">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.The point of using Lorem Ip
大头像灰白色网站模板是一款适合个人介绍或者人物选举html5网站模板下载.rar
需积分: 0 96 浏览量
2023-09-10
10:59:58
上传
评论
收藏 895KB RAR 举报
大头像灰白色网站模板是一款适合个人介绍或者人物选举html5网站模板下载.rar （57个子文件） 
style.css 26KB
plus.png 3KB twit.png 3KB
pi2.jpg 3KB b1.jpg 22KB logo1.png 5KB dot.png 3KB
portfolio.html 9KB dark.png 3KB b2.jpg 13KB p9.jpg 10KB menu.png 3KB banner.jpg 230KB pi1.jpg 3KB b6.jpg 27KB logo.png 6KB component.css 2KB p8.jpg 14KB p4.jpg 10KB men.png 3KB b3.jpg 21KB p6.jpg 16KB fo.png 11KB b5.jpg 34KB b4.jpg 43KB bootstrap.css 118KB p13.jpg 13KB ba.jpg 20KB fo1.png 11KB p12.jpg 10KB easing.js 5KB img-sprite.png 7KB classie.js 2KB move-top.js 1KB index.html 7KB ar.png 3KB p11.jpg 10KB modernizr.custom.js 7KB p7.jpg 15KB contact.html 5KB fo2.png 11KB about.html 11KB p2.jpg 13KB single.html 12KB p3.jpg 13KB ab.jpg 61KB p5.jpg 18KB pi.jpg 3KB p15.jpg 13KB jquery.min.js 94KB drop.png 3KB sin.jpg 67KB p10.jpg 10KB blog.html 10KB p14.jpg 16KB fo3.png 12KB p1.jpg 10KB资源评论
Q_97095639
- 粉丝: 377
- 资源: 1万+
最新资源
- meta-llama-3-8b-instruct 的 model-00001-of-00004.safetensors 的2/3
- HTML5小游戏【小鸡飞-蛋蛋跳小游戏】游戏源码分享下载 - dandan.zip
- Hi3861 OpenHarmony 机械臂 （一）
- 生成的DNA序列来摸拟查找特定基因序列.py
- 12345666666666
- 基于协同过滤算法的英语学习平台(springboot+ssm+html+mysql)含运行文档+运行截图+演示视频
- 基于NCP1377芯片 AC220V转DC12V(5A)反激开关电源ALTIUM设计硬件（原理图+PCB）工程文件.zip
- NX二次开发头文件与库目录
- 网络调试助手，最新版本，方便大家调试网络功能
- mysql语句大全及用法
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
