<!DOCTYPE html>
<html>
<head>
<title>Green Design</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="wrapper">
<h1 id="logo">Green Design</h1>
<nav>
<h2>Main Navigation</h2>
<ul>
<li><a href="">Home</a><span>/</span></li>
<li><a href="">About</a><span>/</span></li>
<li><a href="">Portfolio</a><span>/</span></li>
<li><a href="">Clients</a><span>/</span></li>
<li><a href="">Contact</a><span>/</span></li>
</ul>
</nav>
</div>
</header>
<div id="lead-banner" height="3px">
<img src="images/banner.jpg" alt="lead banner">
<div class="banner-overlay">
<div class="wrapper">
<div class="banner-title">We Know Web Design</div>
<p>With over 15 years experience you can be sure your website is in safe hands</p>
<a href="">View Our Work</a>
</div>
</div>
</div>
<div id="main-content">
<div class="wrapper">
<section id="points-of-sale">
<h2>Points of Sale</h2>
<ul>
<li>
<img src="images/cs-1.png" alt="web design">
<h3>Web Design</h3>
<p>quatis alique mos et aut occae cum, veliquaspit quo quam, si idem reprorisqui doluptatur accum si sunt ut officiisto enecab id et aut es et laboribusam endi rerum as minullorent officiatum non cuscium quuntem</p>
</li>
<li>
<img src="images/cs-2.png" alt="e-commerce">
<h3>E-commerce</h3>
<p>quatis alique mos et aut occae cum, veliquaspit quo quam, si idem reprorisqui doluptatur accum si sunt ut officiisto enecab id et aut es et laboribusam endi rerum as minullorent officiatum non cuscium quuntem</p>
</li>
<li>
<img src="images/cs-3.png" alt="seo">
<h3>SEO</h3>
<p>quatis alique mos et aut occae cum, veliquaspit quo quam, si idem reprorisqui doluptatur accum si sunt ut officiisto enecab id et aut es et laboribusam endi rerum as minullorent officiatum non cuscium quuntem</p>
</li>
</ul>
</section>
<section id="clients">
<h2>What Our Clients Say</h2>
<img src="images/head.png" alt="quote">
<blockquote>quatis alique mos et aut occae cum, veliquaspit quo quam, si idem reprorisqui doluptatur accum si sunt ut officiisto enecab id et aut es et l</blockquote>
</section>
<section id="contact">
<h2>Drop Us A Line</h2>
<ul id="contact-methods">
<li>555 555 5555</li>
<li>hello@whatever.com</li>
<li>
<span>Leaf Studios</span>
<span>Times Square</span>
<span>NY</span>
</li>
</ul>
<img src="images/map.png" alt="map">
<ul id="social-nav">
<li class="facebook"><a href="">Facebook</a></li>
<li class="twitter"><a href="">Twitter</a></li>
<li class="pinterest"><a href="">Pinterest</a></li>
<li class="linked-in"><a href="">Linked In</a></li>
</ul>
</section>
</div>
<div class="tweet" id="tweet">
<h1> jajjaj</h1>
</div>
</div>
<script src="../JQuery/jQuery.js"></script>
<script src="main.js"></script>
</body>
</html>
PSD-to-HTML-1-master.rar_javascript_practicalvzi
版权申诉
173 浏览量
2022-09-23
04:54:18
上传
评论
收藏 85KB RAR 举报
PSD-to-HTML-1-master.rar （12个子文件） 
images 
banner.jpg 13KB
map.png 55KB cs-3.png 3KB head.png 2KB cs-2.png 3KB cs-1.png 2KB quote.png 1KB logo.png 3KB logo-sprite.png 2KB
index.html 4KB
main.js 188B style.css 6KB资源评论
