<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<!--[if lt IE 7]>
<link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
<script type="text/javascript" src="js/ie_png.js"></script>
<script type="text/javascript">
ie_png.fix('.png, .logo img, .nav-box ul li, .list1 li');
</script>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page7">
<!-- header -->
<header>
<div class="container">
<!-- .logo -->
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<!-- /.logo -->
<form action="" id="search-form">
<fieldset>
<input type="text" class="text" value=""><input type="submit" value="Search" class="submit">
</fieldset>
</form>
<ul class="top-nav">
<li class="first"><a href="#" class="about">About</a></li>
<li><a href="#" class="login">Login</a></li>
<li><a href="#" class="signup">Signup</a></li>
</ul>
</div>
</header>
<!-- content -->
<section id="content">
<div class="container">
<div class="wrapper">
<aside>
<!-- .nav-box -->
<div class="nav-box">
<div class="inner">
<h3>Navigation</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="index-1.html">Services</a></li>
<li><a href="index-2.html">Solutions</a></li>
<li><a href="index-3.html">Clients</a></li>
<li><a href="index-4.html">Support</a></li>
<li><a href="index-5.html">Contacts</a></li>
</ul>
</div>
</div>
<!-- /.nav-box -->
<!-- .box -->
<div class="box">
<div class="inner">
<h3>Latest Articles</h3>
<ul class="list1">
<li><a href="#">Simple Floating Logo</a></li>
<li><a href="#">Paths (Bezier Selections)</a></li>
<li><a href="#">Red Eye Removal</a></li>
<li><a href="#">Straight Line Tutorial</a></li>
<li><a href="#">Anti-Aliased Threshold</a></li>
<li><a href="#">Film Grain</a></li>
<li><a href="#">3D Floating Logo</a></li>
</ul>
</div>
</div>
<!-- /.box -->
<!-- .box -->
<div class="box">
<div class="inner">
<h3>Login Form</h3>
<form action="" id="login-form">
<fieldset>
<div class="field"><label>Username</label><input type="text" class="text" value=""></div>
<div class="field"><label>Password</label><input type="password" class="password" value=""></div>
<div class="field">
<label for="checkbox">Remember me</label> <input type="checkbox" name="checkbox" id="checkbox">
</div>
<ul>
<li><a href="#">Forgot your password?</a></li>
<li><a href="#">Create an account.</a></li>
</ul>
<div class="wrapper">
<input type="submit" value="Submit" class="submit">
</div>
</fieldset>
</form>
</div>
</div>
<!-- /.box -->
</aside>
<section id="mainContent">
<article class="last">
<div class="title">
<h2>Privacy policy</h2>
</div>
<div class="inside">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at sem justo. Quisque tempor, nisl aliquet pretium ultricies, massa dui pretium nibh, id fringilla nulla felis eget mauris. Nulla facilisi. Pellentesque ante eros, pellentesque in malesuada consequat, blandit fermentum ante. Fusce lobortis mauris sit amet orci cursus ac ullamcorper leo sollicitudin. Duis et tellus elit, a tincidunt turpis. Vestibulum eu vehicula tellus. Nulla magna orci, laoreet et elementum non, pretium ac odio. Quisque aliquet mauris at justo lacinia sed euismod sapien semper. Phasellus ac lectus elit, nec ornare justo.</p>
<p>Vivamus posuere scelerisque eros id molestie. Praesent mauris libero, elementum non congue nec, volutpat eu turpis. Phasellus eleifend rhoncus dui, nec eleifend diam fermentum ac. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed rhoncus suscipit quam, a ultrices lorem congue et. Suspendisse pellentesque, neque quis bibendum accumsan, justo nisl elementum nulla, commodo tristique leo turpis vitae est. Integer magna erat, ultricies vitae commodo eget, hendrerit quis eros. Vivamus quis sapien non felis pellentesque ullamcorper. Nam tincidunt aliquet orci, nec venenatis justo vulputate in. Nunc a purus nunc.</p>
<p>Mauris feugiat dictum dapibus. Vestibulum facilisis, libero sed semper vehicula, risus nulla tincidunt massa, eu vehicula felis ipsum eget augue. Maecenas faucibus, nibh et porttitor cursus, velit libero volutpat sapien, sit amet fringilla mi ante vel sapien. Maecenas sagittis neque id lacus lobortis accumsan. Sed erat libero, eleifend ut faucibus eget, fringilla varius dui. Pellentesque in dui felis, hendrerit dapibus tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed lobortis bibendum quam, sodales lobortis ante auctor eget. Pellentesque nec vulputate libero. Nam eu enim nec purus blandit porta.</p>
<p>Aenean fermentum, neque non placerat tristique, erat sem tempus urna, at fermentum odio nibh pellentesque nisl. Etiam eu lorem eu lorem placerat egestas. Aenean vitae odio diam, nec auctor ligula. Etiam eleifend tortor id augue tempor vel rutrum massa volutpat. Maecenas laoreet urna at dolor lobortis vitae faucibus lectus mattis. Maecenas tincidunt ornare metus, id vestibulum tortor interdum vitae. Donec eu ipsum tortor. Maecenas aliquam eleifend ligula id luctus. Vestibulum libero nunc, tristique interdum lobortis eget, tempor sed dolor. In eu diam quis lectus convallis congue et eu leo. Nulla tellus turpis, tincidunt viverra rutrum ut, consectetur et augue. Vestibulum at turpis sed tellus dapibus euismod. Ut in felis risus. Aliquam semper odio vel metus auctor laoreet. Suspendisse vel cursus urna. Morbi ac arcu ipsum. Sed a ipsum rutrum nulla blandit cursus sit amet ut risus.</p>
<p>Nunc orci lectus, rhoncus sed iaculis non, facilisis et nisi. Aliquam condimentum eros sit amet metus aliquet eget facilisis elit posuere. Vestibulum condimentum nibh eget metus facilisis semper. Maecenas porta tempus lacus quis lobortis. Sed at imperdiet tellus. Praesent urna sapien, aliquet sit amet rutrum ac, rutrum sit amet odio. Ut rutrum molestie porta. Curabitur eget nisi ante, non rhoncus sapien. Vestibulum ultricies, quam eget luctus ultrices, ante est malesuada nunc, eget viverra diam ipsum ac eros.</p>
E-mail:<a href="#">[email protected]</a>
</div>
</article>
</section>
</div>
</div>
</section>
<!-- footer -->
<footer>
</footer>
</body>
</html>
七彩炫蓝背景美容护肤行业模板_七彩 炫彩 美容 旅行 女性 护肤 俱乐部 漂亮 精品 ui 水晶 梦幻_html网站模.rar
193 浏览量
2023-08-06
11:56:41
上传
评论
收藏 305KB RAR 举报
七彩炫蓝背景美容护肤行业模板_七彩 炫彩 美容 旅行 女性 护肤 俱乐部 漂亮 精品 ui 水晶 梦幻_html网站模.rar （40个子文件） 
七彩炫蓝背景美容护肤行业模板_七彩 炫彩 美容 旅行 女性 护肤 俱乐部 漂亮 精品 ui 水晶 梦幻 ftol_98 
index-1.html 7KB js 
PIE.htc 28KB html5.js 1KB ie_png.js 10KB index-6.html 8KB index-3.html 7KB css style.css 9KB layout.css 259B reset.css 918B ie ie6.css 48B index-4.html 7KB index-2.html 7KB index.html 6KB index-5.html 7KB images 
nav-bg.jpg 6KB 2page-img2.jpg 12KB title-bg.jpg 6KB 5page-img2.jpg 12KB
divider.gif 44B 2page-img1.jpg 11KB
logo.png 6KB input-bg.gif 4KB 4page-img2.jpg 11KB content-bg.jpg 46KB icon1.gif 506B search-button.gif 1KB marker1.png 1KB box-bg.jpg 5KB 1page-img1.jpg 50KB 2page-img3.jpg 14KB 3page-img2.jpg 18KB login-submit.gif 2KB 6page-img1.jpg 17KB marker2.png 331B button.gif 2KB 3page-img1.jpg 12KB 4page-img1.jpg 6KB 5page-img1.jpg 15KB header-bg.jpg 8KB 4page-img3.jpg 11KB资源评论
