<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<script src="js/jquery.min.js"></script>
<!-- end nav -->
<script src="js/login.js"></script>
<script src="js/modernizr.custom.js"></script>
<!---starrt-bx-slider---->
<!-- bxSlider Javascript file -->
<script src="js/jquery.bxslider.min.js"></script>
<!-- bxSlider CSS file -->
<link href="css/jquery.bxslider.css" rel="stylesheet" />
<script>
$(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>
<!---End-bx-slider---->
<!----Calender -------->
<link rel="stylesheet" href="css/clndr.css" type="text/css" />
<script src="js/underscore-min.js"></script>
<script src= "js/moment-2.2.1.js"></script>
<script src="js/clndr.js"></script>
<script src="js/site.js"></script>
<!----End Calender -------->
</head>
<body>
<!---strat-wrap---->
<div class="wrap">
<!---start-top-nav---->
<div class="top-nav">
<div class="menu1">
<ul class="menu2">
<li>
<a class="nav-icon" href=""> </a>
<ul>
<li>
<a class="root-nav1" href="">Business</a>
<ul>
<li><a href="">Item 11</a></li>
<li><a href="">Item 12</a></li>
<li><a href="">Item 13</a></li>
<li><a href="">Item 14</a></li>
</ul>
</li>
<li>
<a class="root-nav2" href="">Technology</a>
<ul>
<li><a href="">Item 21</a></li>
<li><a href="">Item 22</a></li>
<li><a href="">Item 23</a></li>
<li><a href="">Item 24</a></li>
</ul>
</li>
<li>
<a class="root-nav3" href="">Travel</a>
<ul>
<li><a href="">Item 31</a></li>
<li><a href="">Item 32</a></li>
<li><a href="">Item 33</a></li>
<li><a href="">Item 34</a></li>
</ul>
</li>
<li>
<a class="root-nav4" href="">Entertainment</a>
<ul>
<li><a href="">Item 41</a></li>
<li><a href="">Item 42</a></li>
<li><a href="">Item 43</a></li>
<li><a href="">Item 44</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div class="top-nav_right">
<div class="menu">
<!-- start top-nav-->
<div class="cssmenu">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li><a href="#"><span>About</span></a></li>
<li class="has-sub"><a href="#"><span>Shope</span></a>
<ul>
<li class="has-sub"><a href="#"><span>Lorem Ipsum</span></a></li>
<li class="has-sub"><a href="#"><span>Lorem Ipsum</span></a></li>
<li class="has-sub"><a href="#"><span>Lorem Ipsum</span></a></li>
<li class="has-sub"><a href="#"><span>Lorem Ipsum</span></a></li>
<li class="has-sub"><a href="#"><span>Lorem Ipsum</span></a></li>
</ul>
</li>
<li class="last active"><a href="#"><span>Blog</span></a></li>
<li class="last"><a href="#"><span>Contact</span></a></li>
</ul>
</div>
<div class="clear"></div>
</div>
<!-- start search-->
<!-- start social icons -->
<div class="soc_right">
</div>
</div>
<div class="web_search">
<form>
<input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search..';}"><input type="submit" value=" " />
</form>
</div>
<!-- start login_box -->
<div class="login_box">
<div id="loginContainer">
<a id="loginButton" class=""><span></span></a>
<div id="loginBox" style="display: none;">
<form id="loginForm">
<fieldset id="body">
<fieldset>
<input type="text" name="email" id="email" value="Username" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Username';}">
<input type="text" name="password" id="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}">
</fieldset>
<input type="submit" id="login" value="Sign in">
<label for="checkbox"><i><a href="">Lost Password ?</a></i></label>
</fieldset>
</form>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<!---start-top-nav2---->
<!---->
<div class="top-nav2">
<ul class="menu3">
<li class="active">
<a href="">
<span> </span>
<span class="arrow"> </span>
</a>
</li>
<li>
<a href="">
<span>Level 2</span>
<span class="arrow"> </span>
</a>
</li>
<li>
<a href="">
<span>Level 3</span>
<span class="arrow"> </span>
</a>
</li>
<li>
<a href="">
<span>Level 4</span>
<span class="arrow"> </span>
</a>
</li>
<li>
<a href="">
<span>Level 5</span>
<span class="arrow"> </span>
</a>
</li>
<li>
<a href="">
<span>Level 6</span>
</a>
</li>
<div class="clear"> </div>
</ul>
</div>
<!---//End-top-nav2---->
<div class="clear"> </div>
<!---start-subscribe-box---->
<div class="subscribe-box">
<h2><span> </span>Subscribe to Our Newsletter</h2>
<form>
<input type="text" name="email" id="email" value="Enter your email address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter your email address';}">
<input type="submit" value="Subscribe" />
</form>
</div>
<!---//End-subscribe-box---->
<!----start-buttons-sectioin---->
<div class="buttons-section">
<div class="buttons-section-grid1">
<div class="buttons-section-grid1-top">
<div class="buttons-section-grid1-top-left">
<ul class="small-arrow">
<li><a href="#"><span> </span> </a></li>
<li><a href="#"><span> </span> </a></li>
<div class="clear"> </div>
</ul>
<ul class="big-arrow">
<li><a href="#"><span> </span> </a></li>
</ul>
</div>
<div class="buttons-section-grid1-top-right">
<ul class="check-arrow">
<li><a href="#"><span> </span> </a></li>
<li><a href="#"><span> </span> </a></li>
<div class="clear"> </div>
</ul>
<div class="clear"> </div>
<div class="check-boxs">
<div class="checkbox-grid-left">
<p>
<span class="col_checkbox">
<input id="10" class="css-checkbox10" type="checkbox">
<label for="10" name="demo_lbl_10" class="css-label10"> </label>
</span>
</p>
<p>
<span class="col_checkbox">
<input id="11" class="css-checkbox11" type="checkbox">
<label for="11" name="demo_lbl_11" class="css-label11"> </label>
</span>
</p>
<p>
<span class="col_checkbox">
<input id="12" class="css-checkbox12" type="checkbox">
<label for="12" name="demo_lbl_12" class="css-label12"> </label>
</span>
</p>
</div>
<!---->
<div class="clear"> </div>
<div class="checkbox-grid-left">
<p>
博客杂志UI工具包模板是一款紫色扁平样式的博客模板UI工具包.rar
需积分: 0 52 浏览量
2023-09-10
11:00:31
上传
评论
收藏 380KB RAR 举报
博客杂志UI工具包模板是一款紫色扁平样式的博客模板UI工具包.rar （77个子文件） 
tab-img3.jpg 2KB
style.css 61KB
sub-btn.png 390B arrow3.png 470B login.js 518B btn-icon.png 349B clndr.js 30KB pagenate-iconsh.png 550B search-icon.png 627B slider3.jpg 28KB nav-2-bg1.png 2KB btn-icon1.png 351B jquery.bxslider.css 6KB twitter-iconh.png 1KB BEBAS___-webfont.ttf 23KB icon_3.png 968B slider-icon.png 916B arrow.png 4KB underscore-min.js 14KB img2.jpg 10KB moment-2.2.1.js 93KB social-icons.png 5KB videoicon.png 448B search-iconh.png 698B x-icon.png 399B BEBAS___-webfont.eot 10KB small-arrow.png 349B line.png 760B cam-icon.png 437B comment-people1.png 20KB slider4.jpg 8KB tab-img1.jpg 3KB big-arrowr1.png 591B text-icon.png 361B check-box.png 937B view-icon.png 602B comment-icon.png 492B twitter-icon.png 1KB OpenSans-Regular-webfont.eot 19KB BEBAS___-webfont.woff 12KB pagenate-icons.png 440B img1.jpg 14KB email.png 667B image-sprit.png 31KB home-icon.png 442B tootip.png 284B user-icon.png 523B img3.jpg 7KB slider2.jpg 14KB tab-img2.jpg 3KB
index.html 34KB big-arrowr.png 505B replay.png 692B modernizr.custom.js 7KB clndr.css 3KB Copy of big-arrowr1.png 420B icon_1.png 517B slider1.jpg 21KB jquery.bxslider.min.js 19KB big-arrow.png 505B big-arrowr2.png 420B replay-right.png 683B home-iconh.png 451B OpenSans-Regular-webfont.woff 22KB jquery.min.js 90KB view-iconh.png 602B OpenSans-Regular-webfont.ttf 37KB sub-btnh.png 300B site.js 3KB check-icon.png 434B big-social.png 5KB nav-2-bg.png 2KB arrow1.png 469B comment-iconh.png 492B icon_2.png 729B tootip1.png 279B nav-icon.png 402B资源评论
