<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="author" content="moobnn.com (www.moobnn.com)" />
<link rel="stylesheet" href="css/main.css" type="text/css" />
<title>Nautica</title>
</head>
<body>
<div id="header">
<div class="wrap">
<h1 id="logo"><a href="#">NAUTICA</a></h1>
<p><br />Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<ul id="menu">
<li><a class="current" href="#">Home</a></li>
<li><a href="#">Underwater Gear</a></li>
<li><a href="#">Guides</a></li>
<li><a href="#">Equipment</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Become a Partner</a></li>
<li><a href="#">About Us</a></li>
<li class="last"><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
<div class="wrap">
<div id="main">
<div class="l">
<h2>Lifestyle</h2>
<h3>Duis aute irure dolor in reprehenderit</h3>
<img src="images/img1.jpg" alt="Img" />
<p>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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p><a href="#">» Read More</a></p>
</div>
<div class="r">
<h2>Sed ut perspiciatis unde omnis</h2>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h2>Nemo enim ipsam voluptatem</h2>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h2>Sed ut perspiciatis unde omnis</h2>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="line"></div>
<div class="l">
<h2>Nemo enim ipsam voluptatem</h2>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="r">
<h2>Nemo enim ipsam voluptatem</h2>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p>
</div>
</div>
<div id="side">
<ul>
<li><a href="#">Esse cillum dolore</a><br />Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>
<li><a href="#">Esse cillum dolore</a><br />Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>
<li><a href="#">Esse cillum dolore</a><br />Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>
<li><a href="#">Esse cillum dolore</a><br />Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>
</ul>
</div>
<div id="footer">
<ul>
<li class="title">Item group #1</li>
<li><a href="#">Ut enim ad minim</a></li>
<li><a href="#">Ut enim ad minim</a></li>
<li><a href="#">Ut enim ad minim</a></li>
</ul>
<ul>
<li class="title">Item group #2</li>
<li><a href="#">Ut enim ad minim</a></li>
<li><a href="#">Ut enim ad minim</a></li>
<li><a href="#">Ut enim ad minim</a></li>
</ul>
<p>Design: Luka Cvrk - <a href="http://www.moobnn.com" title="Free Web Templates">moobnn.com</a></p>
</div>
</div>
</body>
</html>
黑色漂亮的博客CSS模板_博客 企业 黑色 头部 灰色 干净 精品 web20.rar
版权申诉
178 浏览量
2023-04-27
14:58:16
上传
评论
收藏 136KB RAR 举报
紫微前端
- 粉丝: 4288
- 资源: 869
最新资源
- #P0015. 全排列 超级简单
- pta题库答案c语言之排序4统计工龄.zip
- pta题库答案c语言之树结构7堆中的路径.zip
- pta题库答案c语言之树结构3TreeTraversalsAgain.zip
- pta题库答案c语言之树结构2ListLeaves.zip
- pta题库答案c语言之树结构1树的同构.zip
- 基于C++实现民航飞行与地图简易管理系统可执行程序+说明+详细注释.zip
- pta题库答案c语言之复杂度1最大子列和问题.zip
- 三维装箱问题(Three-Dimensional Bin Packing Problem,3D-BPP)是一个经典的组合优化问题
- 以下是一些关于Linux线程同步的基本概念和方法.txt
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈