<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/style.css">
<!----menu_script---->
<script src="js/jquery.min.js"></script>
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
</head>
<body>
<div class="header_bg">
<!---start-wrap---->
<div class="wrap">
<!-----start-header----->
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo1.png" title="logo" /></a>
</div>
<div class="cssmenu">
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="musings.html">Musings</a></li>
<li><a href="verse.html">Verse</a></li>
<li><a href="prose.html">Prose</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clear"> </div>
</ul>
</div>
<div class="clear"></div>
<div class="top-nav">
<nav class="clearfix">
<ul>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="musings.html">Musings</a></li>
<li><a href="verse.html">Verse</a></li>
<li><a href="prose.html">Prose</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clear"> </div>
</ul>
<a href="#" id="pull">Menu</a>
</nav>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="header_bottom">
</div>
<!-----end-header-------->
<!----start-content--->
<div class="content">
<div class="wrap">
<div class="about">
<div class="about-top">
<div class="col span_1_of_about">
<h3>About</h3>
<div class="section group">
<div class="grid_1_of_4 images_1_of_4">
<div class="image"><a href="#"><img src="images/prs1.jpg"></a></div>
<h4><a href="#">Adrian Thomas</a> </h4>
<h6>6CEO&Founder</h6>
<p>Lorem ipsum is simply dummy text of the printing and typesetting industry.Lorem ipsum has been </p>
</div>
<div class="grid_1_of_4 images_1_of_4">
<div class="image"><a href="#"><img src="images/prs1.jpg"></a></div>
<h4><a href="#">Narate Ketram</a></h4>
<h6>Creative Diector</h6>
<p>Lorem ipsum is simply dummy text of the printing and typesetting industry.Lorem ipsum has been</p>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="col span_1_of_about1">
<h3>Recent Comments</h3>
<ul class="comments-custom unstyled">
<li class="comments-custom_li">
<div class="icon"> </div>
<div class="right-text">
<a href="#"><h4 class="comments-custom_h">Admin:</h4></a>
<div class="comments-custom_txt">
<a href="#" title="Go to this comment">Sed ut perspiciatis unde omnis iste...</a>
</div>
<time>May 05,2013</time>
</div>
<div class="clear"> </div>
</li>
<li class="comments-custom_li">
<div class="icon"> </div>
<div class="right-text">
<a href="#"><h4 class="comments-custom_h">Admin:</h4></a>
<div class="comments-custom_txt">
<a href="#" title="Go to this comment">Sed ut perspiciatis unde omnis iste...</a>
</div>
<time>May 05,2013</time>
</div>
<div class="clear"> </div>
</li>
<li class="comments-custom_li">
<div class="icon"> </div>
<div class="right-text">
<a href="#"><h4 class="comments-custom_h">Admin:</h4></a>
<div class="comments-custom_txt">
<a href="#" title="Go to this comment">Sed ut perspiciatis unde omnis iste...</a>
</div>
<time>May 05,2013</time>
</div>
<div class="clear"> </div>
</li>
</ul>
</div>
<div class="clear"> </div>
</div>
<div class="about-bottom">
<div class="about-topgrids">
<div class="about-topgrid1">
<h3>Who We Are</h3>
<img src="images/img.jpg" title="name">
<h5>LOREM IPM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT. PRAESENT VESTIBULUM.</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit mauris.Lorem ipsum dolor sit amet, consectetuer adipiscing</p>
</div>
</div>
<div class="about-histore">
<h3>History</h3>
<div class="historey-lines">
<ul>
<li><span>2011 -</span></li>
<li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.</p></li>
<div class="clear"> </div>
</ul>
</div>
<div class="historey-lines">
<ul>
<li><span>2012 -</span></li>
<li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.</p></li>
<div class="clear"> </div>
</ul>
</div>
<div class="historey-lines">
<ul>
<li><span>2013 -</span></li>
<li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.</p></li>
<div class="clear"> </div>
</ul>
</div>
<div class="historey-lines">
<ul>
<li><span>2014 -</span></li>
<li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit mauris. Phasellus porta. Fusce suscipit varius mi.</p></li>
<div class="clear"> </div>
</ul>
</div>
<div class="clear"> </div>
</div>
<div class="about-services">
<h3>Why Choose Us</h3>
<div class="questions">
<h4><img src="images/marker21.png" alt=""/> What is Lorem Ipsum?</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry'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.</p>
</div>
<div class="questions">
<h4><img src="images/marker21.png" alt=""/> What is Lorem Ipsum?</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry'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.</p>
</div>
紫色扁平化个人工作室博客整站模板4391_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip
44 浏览量
2023-08-05
15:10:28
上传
评论
收藏 1.59MB ZIP 举报
紫色扁平化个人工作室博客整站模板4391_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （66个子文件） 
ftmp8_50_gz js 
jquery.cslider.js 7KB jquery.magnific-popup.js 45KB modernizr.custom.28468.js 7KB easing.js 5KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.flexisel.js 13KB jquery.min.js 92KB
verse.html 8KB css style.css 33KB slider-style.css 18KB prose.html 7KB index.html 9KB contact.html 5KB about.html 10KB musings.html 8KB images 
pic6.jpg 8KB pic.jpg 16KB 2.jpg 90KB
logo1.png 16KB vectro.png 2KB vimeo.png 667B prs1.jpg 12KB pic10.jpg 15KB s1.jpg 73KB s2.jpg 107KB pic8.jpg 6KB top_move.png 983B icon1.png 872B icon4.png 836B 6.jpg 40KB 22.jpg 234KB pic9.jpg 8KB logo.png 2KB que.png 1KB image.jpg 160KB flickr.png 485B 1.jpg 33KB zoom.png 728B marker21.png 3KB pic2.jpg 13KB 5.jpg 24KB pic1.jpg 18KB bg.jpg 62KB sprite.png 1KB twitter.png 650B bg4.jpg 260KB facebook.png 371B 8.jpg 21KB spriteh.png 2KB img.jpg 15KB vect.png 1KB icon3.png 637B s3.jpg 73KB pic7.jpg 10KB msg.png 381B
4.gif 58KB 3.jpg 40KB 7.jpg 47KB img.png 26KB dribbble.png 1007B 9.jpg 32KB comment.png 3KB 4.jpg 31KB nav-icon.png 234B icon2.png 806B资源评论
