<!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 src="js/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src="js/modernizr.custom.js"></script>
</head>
<body>
<div class="container">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
</div>
<div id="bl-main" class="bl-main">
<!----- About Page ----------------->
<section>
<div class="bl-box">
<h2>About</h2>
</div>
<div class="bl-content">
<div class="wrap">
<div class="wrapper">
<div class="about_data">
<h2>ABOUT US</h2>
<div class="about_img">
<img src="images/about_img.jpg" alt="" />
</div>
<p>Lorem Ipsum is that it has a more-or-less normal distribution of letters Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here desktop publishing making it look like readable English.Lorem Ipsum is that it has a more-or-less Lorem Ipsum is that it has a more-or-less normal distribution of letters Lorem Ipsum is that it has a more-or-less normal distribution of letters.</p>
<a href="#" class="button button-icon button-icon-demo">Read More</a>
</div>
<div class="content_bottom_right">
<h2> NEWS & EVENTS</h2>
<div class="posts">
<div class="date">
<figure><span>20</span>Jan</figure>
</div>
<div class="post_desc">
<p>Lorem ipsum dolor sit amet consec tetuer adipiscing elit Praesent vestibulum molestie lacus. Aenean nonummyendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoq.</p>
</div>
<div class="clear"></div>
</div>
<div class="posts">
<div class="date">
<figure><span>28</span>Feb</figure>
</div>
<div class="post_desc">
<p>Lorem ipsum dolor sit amet consec tetuer adipiscing elit Praesent vestibulum molestie lacus. Aenean nonummyendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoq.</p>
</div>
<div class="clear"></div>
</div>
<div class="posts">
<div class="date">
<figure><span>31</span>March</figure>
</div>
<div class="post_desc">
<p>Lorem ipsum dolor sit amet consec tetuer adipiscing elit Praesent vestibulum molestie lacus. Aenean nonummyendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoq.</p>
</div>
<div class="clear"></div>
</div>
<div class="posts">
<div class="date">
<figure><span>05</span>April</figure>
</div>
<div class="post_desc">
<p>Lorem ipsum dolor sit amet consec tetuer adipiscing elit Praesent vestibulum molestie lacus. Aenean nonummyendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoq.</p>
</div>
<div class="clear"></div>
</div>
<div class="posts">
<div class="date">
<figure><span>12</span>April</figure>
</div>
<div class="post_desc">
<p>Lorem ipsum dolor sit amet consec tetuer adipiscing elit Praesent vestibulum molestie lacus. Aenean nonummyendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoq.</p>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<span class="bl-icon bl-icon-close"><img src="images/close_black.png" alt="" /></span>
</section>
<!----- End About Page ----------------->
<!----- Work Page ----------------->
<section id="bl-work-section">
<div class="bl-box">
<h2>Works</h2>
</div>
<div class="bl-content">
<div class="wrap">
<h2>My Works</h2>
<div class="works">
<p>Lorem Ipsum is that it has a more-or-less normal distribution of letters Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here desktop publishing making it look like readable English.Lorem Ipsum is that it has a more-or-less Lorem Ipsum is that it has a more-or-less normal distribution of letters Lorem Ipsum is that it has a more-or-less normal distribution of letters.Lorem Ipsum is that it has a more-or-less normal distribution of letters Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here desktop publishing making it look like readable English.Lorem Ipsum is that it has a more-or-less Lorem Ipsum is that it has a more-or-less normal distribution of letters Lorem Ipsum is that it has a more-or-less normal distribution of letters.</p>
<ul id="bl-work-items">
<li data-panel="panel-1"><a href="#"><img src="images/1.jpg" /></a></li>
<li data-panel="panel-2"><a href="#"><img src="images/2.jpg" /></a></li>
<li data-panel="panel-3"><a href="#"><img src="images/3.jpg" /></a></li>
<li data-panel="panel-4"><a href="#"><img src="images/4.jpg" /></a></li>
<li data-panel="panel-5"><a href="#"><img src="images/5.jpg" /></a></li>
<li data-panel="panel-6"><a href="#"><img src="images/6.jpg" /></a></li>
<li data-panel="panel-7"><a href="#"><img src="images/7.jpg" /></a></li>
<li data-panel="panel-8"><a href="#"><img src="images/8.jpg" /></a></li>
</ul>
</div>
</div>
</div>
<span class="bl-icon bl-icon-close"><img src="images/close_black.png" alt="" /></span>
</section>
<!----- End Work Page ----------------->
<!----- Blog Page ----------------->
<section>
<div class="bl-box">
<h2>Blog</h2>
</div>
<div class="bl-content">
<div class="wrap">
<h2>My Blog</h2>
<div class="blog-leftgrids">
<div class="image group">
<div class="grid images_3_of_1">
<a href="#"><img src="images/blog-img.jpg" alt="" /></a>
</div>
<div class="grid blog-desc">
<h3><a href="#">Lorem Ipsum is simply dummy text </a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.<span>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</span> </p>
<a href="#" class="button button-icon button-icon-demo">Read More</a>
</div>
</div>
<div class="artical-links">
<ul>
<li><a href="#"><img src="images/blog-icon1.png" title="date"><span>june 14, 2013</span></a></li>
<li><a href="#"><img src="images/blog-icon2.png" title="Admin"><span>admin</span></a></li>
<li><a href="#"><img src="images/blog-icon3.png" title="Comments"><span>2 comments</span></a></li>
<li><a href="#"><img src="images/blog-icon4.png" title="Lables"><span>View posts</span></a></li>
<li><a href="#
HTML5炫酷明星专辑网页模板是一款舞台灯光炫酷风格明星个人专辑模板下载.rar
需积分: 0 8 浏览量
2023-09-10
11:00:13
上传
评论
收藏 1.76MB RAR 举报
HTML5炫酷明星专辑网页模板是一款舞台灯光炫酷风格明星个人专辑模板下载.rar （31个子文件） 
style.css 20KB
about_img.jpg 91KB
blog-icon3.png 421B 2.jpg 68KB CaviarDreams_Italic-webfont.ttf 48KB 6.jpg 77KB logo.png 6KB close-button.png 2KB blog-img3.jpg 75KB 1.jpg 43KB blog-icon5.png 486B BonvenoCF-Light-webfont.ttf 32KB blog-img.jpg 68KB 5.jpg 61KB boxlayout.js 4KB slider.css 2KB bg4.jpg 364KB 8.jpg 40KB blog-icon4.png 306B
index.html 19KB blog-img2.jpg 59KB modernizr.custom.js 9KB bg3.jpg 335KB blog-icon2.png 416B bg2.jpg 193KB jquery.min.js 90KB 3.jpg 94KB blog-icon1.png 529B 7.jpg 112KB close_black.png 361B 4.jpg 68KB资源评论
