101 lines
4.8 KiB
HTML
101 lines
4.8 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head>
|
|
<link href="7_M.css" rel="stylesheet" type="text/css">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>Документ без названия</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="top_bg" align="center">
|
|
<div class="inside bg_image" align="left">
|
|
<p class="affection"><i>affection</i></p>
|
|
<p class="templates">BY FREE CSS TEMPLATES</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="inside visota" align="center">
|
|
<div class="FL left_img"></div>
|
|
<div class="FR right_img"></div>
|
|
<div class="content">
|
|
<div class="content_left FL" align="left">
|
|
<h2 class="welcome"><img src="images/img07.gif"> <i>Welcome to Affection!</i></h2>
|
|
<div class="line"></div>
|
|
<p class="text"><strong>Affection</strong> is a free template from <a href="#">Free CSS Templates</a> released under a <a href="#">Creative Commons Attribution 2.5 License</a>. The photos are from <a href="#">PDPhoto.org</a>. You're free to use it for both commercial or personal use. I only ask that you link back to my site in some way. <i>Enjoy :)</i></p>
|
|
<div class="split" align="center"><img src="images/img10.gif"></div>
|
|
|
|
<div class="left_info FL">
|
|
<h4 class="title">Lorem Ipsum</h4>
|
|
<div class="line"></div>
|
|
<p class="info">Donec leo, vivamus frementum nibh in augue praesent a lacus at urna congue rutrum. Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh. In posuere eleifend odio quisque semper augue mattis wisi maecenas.</p>
|
|
|
|
<ul class="left_list">
|
|
<li>Maecenas luctus lectus at</li>
|
|
<li>Etiam rhoncus volutpat</li>
|
|
<li>Donec dictum metus in</li>
|
|
<li>Integer gravida nibh quis</li>
|
|
<li>Etiam posuere augue sit</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="right_info FR">
|
|
<h4 class="title">Quisque Dictum</h4>
|
|
<div class="line"></div>
|
|
<p class="info">Quisque dictum integer nisl risus, sagittis convallis. Donec leo, vivamus frementum nibh in augue praesent a lacus at urna congue rutrum.</p>
|
|
<p class="heading">A HEADING LEVEL THREE</p>
|
|
<p class="info">Rutrum id congue und nibh:</p>
|
|
<ol class="right_list">
|
|
<li><p>Maecenas luctus lectus at</p></li>
|
|
<li><p>Etiam rhoncus volutpat</p></li>
|
|
<li><p>Donec dictum metus in</p></li>
|
|
<li><p>Integer gravida nibh quis</p></li>
|
|
<li><p>Etiam posuere augue sit</p></li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="CB"></div>
|
|
</div>
|
|
|
|
<div class="content_right FR" align="left">
|
|
<ul class="menu">
|
|
<li><a href="#"><strong>H</strong>omepage</a></li>
|
|
<li><a href="#"><strong>A</strong>bout us</a></li>
|
|
<li><a href="#"><strong>P</strong>roducts</a></li>
|
|
<li><a href="#"><strong>S</strong>ervices</a></li>
|
|
<li><a href="#"><strong>C</strong>ustomer Support</a></li>
|
|
<li><a href="#">Contact <strong>U</strong>s</a></li>
|
|
</ul>
|
|
<h4 class="title otstup">Ipsum Dolorem</h4>
|
|
<ul class="menu">
|
|
<li>Maecenas luctus at</li>
|
|
<li>Etiam volutpat erat</li>
|
|
<li>Donec dictum metus</li>
|
|
</ul>
|
|
<h4 class="title otstup">A Blockquote</h4>
|
|
<div class="blockquote">
|
|
<p class="quote"><i>Quisque dictum integer nisl risus, sagittis convallis. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum</i></p>
|
|
</div>
|
|
</div>
|
|
<div class="CB"></div>
|
|
</div>
|
|
|
|
<div class="CB footer">
|
|
<ul class="credits FL">
|
|
<li><a href="#">Privacy</a></li>
|
|
<li>·</li>
|
|
<li><a href="#">Terms</a></li>
|
|
<li>·</li>
|
|
<li>Designed By Free CSS Templates</li>
|
|
<li>·</li>
|
|
<li class="decoration">XHTML</li>
|
|
<li>·</li>
|
|
<li class="decoration">CSS</li>
|
|
</ul>
|
|
<p class="copyright FR">© 2007 Affection</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|