<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Avocado, free template</title>
<meta name="keywords" content="avocado template, free template, minimal layout, html css" />
<meta name="description" content="Avocado is free template with minimal layout using yellow background and green color menu. Page content is centered in both horizontal and vertical aligns." />
<!-- favicon-->
<link rel="shortcut icon" href="./favicon.png" />
<!-- 960 grid-->
<link rel="stylesheet" href="./css/960_24_col.css" />
<!-- templatemo style-->
<link rel="stylesheet" href="./templatemo_style.css" />
<!-- jquery plugin -->
<script src='./js/jquery.min.js'></script>
<script src='./js/jquery-ui.min.js'></script>
<!-- google map -->
<!-- templatemo config -->
<script src="./js/templatemo_config.js"></script>
<script>
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<div class="container_24">
<div class="grid_24 alpha omega" id="banner">
<div class="grid_18 alpha">
<a href="http://www.htmldivcss.com/"><img alt="avocado theme" src="images/logo.png" /></a>
</div>
<div class="grid_6 omega">
<form>
<input name="search" type="text" id="search" onFocus="clearText(this)" onBlur="clearText(this)" value="Search..." maxlength="40" />
</form>
</div>
<a href="#" class="content_top" target="_blank"><img src="images/content_top.png" alt="" title="摄影" /></a>
</div>
<div class="grid_18 alpha" id="mid_container_wap">
<div class="grid_18 alpha mid_container" id="about">
<div class="prefix_1 grid_16 alpha">
<h1>Welcome to Avocado</h1>
<div class="grid_4 alpha">
<img alt="image 1" src="images/gallery/about_01.png" />
</div>
<div class="grid_4 prefix_2">
<img alt="image 2" src="images/gallery/about_02.png" />
</div>
<div class="grid_4 prefix_2 omega">
<img alt="image 3" src="images/gallery/about_03.png" />
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. Validate <a href="#" >XHTML</a> & <a href="#" >CSS</a>. 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.</p>
<p>Curabitur congue augue velit, ac euismod justo tristique id. Donec molestie neque quam. Fusce vulputate consequat hendrerit. Praesent massa nulla, blandit in scelerisque sed, interdum vitae erat. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
</div>
</div>
<div class="grid_18 alpha mid_container" id="services">
<div class="prefix_1 grid_16 alpha">
<h1>Services</h1>
<div class="grid_7 alpha">
<ul>
<li>Excepteur sint occaecat cupidatat</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Proin ornare semper ante</li>
<li>Aenean fermentum at lacus</li>
<li>Morbi interdum in lacus ac aliquam</li>
</ul>
</div>
<div class="grid_9 omega">
<div class="grid_3 alpha omega cake_item">
<img src="images/gallery/avocado_cake_01.png" alt="Pinky Cake" />
<p>Pinky Cake</p>
</div>
<div class="grid_3 alpha omega cake_item">
<img src="images/gallery/avocado_cake_02.png" alt="Chocklate" />
<p>Chocklate</p>
</div>
<div class="grid_3 alpha omega cake_item">
<img src="images/gallery/avocado_cake_03.png" alt="Creamy" />
<p>Creamy</p>
</div>
</div>
<div class="clear"></div>
<p>Unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >Website Template</a></div>
<div class="grid_18 alpha mid_container" id="testimonials">
<div class="prefix_1 grid_16 alpha">
<h1>Testimonials</h1>
<div class="grid_7 alpha">
<div class="grid_3 alpha"><img alt="Testimonial 1" src="images/gallery/testimonial_01.jpg" /> </div>
<div class="grid_4 omega">
<p>Curabitur mi magna, dignissim ac tellus eu, consectetur iaculis elit.<br />
<strong>Julia</strong> - Designer<br /><br /></p>
</div>
</div>
<div class="grid_8 prefix_1 omega">
<div class="grid_3 alpha"><img alt="Testimonial 4" src="images/gallery/testimonial_04.jpg" /></div>
<div class="grid_5 omega">
<p>Aenean eleifend, dolor blandit placerat iaculis, nisi massa feugiat nibh, sit amet mattis felis.<br />
<strong>Mike</strong> - Artist<br /><br /></p>
</div>
</div>
<div class="clear"></div>
<div class="grid_7 alpha">
<div class="grid_3 alpha"><img alt="Testimonial 2" src="images/gallery/testimonial_02.jpg" /></div>
<div class="grid_4 omega">
<p>Pellentesque a imperdiet leo, vitae semper neque. Cras dictum aliquam sem eu vehicula.<br />
<strong>David</strong> - Designer</p>
</div>
</div>
<div class="grid_8 prefix_1 omega">
<div class="grid_3 alpha"><img alt="Testimonial 3" src="images/gallery/testimonial_03.jpg" /></div>
<div class="grid_5 omega">
<p>Morbi sed congue elit, vel porta lacus. Curabitur at nunc semper, cursus velit a, gravida diam.<br />
<strong>John</strong> - Manager</p>
</div>
</div>
</div>
</div>
<div class="grid_18 alpha mid_container" id="contact">
<div class="prefix_1 grid_7 alpha">
<h1>Address</h1>
<p>
24/36 Cras dictum aliquam,<br />
Nam rhoncus, interdum 10110<br />
Email: <a href="mailto:info@company.com">info@company.com</a><br /><br />
<p>
<h1>Location</h1>
<div id="map-canvas" class="grid_7 omega alpha"></div>
</div>
<div class="prefix_1 grid_8 omega">
<h1>Contact Form</h1>
<form action="#">
<p>Name </p>
<div class="clear"></div>
719web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （31个子文件） 
719 js 
templatemo_config.js 4KB jquery-ui.min.js 197KB logging.js 158B jquery.min.js 276KB
1.jpg 173KB css 960_24_col.css 9KB
index.html 9KB images body_bg.jpg 207KB content_bg_03.jpg 179KB
right_menu_bg.png 4KB logo.png 19KB content_bg_02.jpg 148KB content_bg_01.jpg 164KB content_bg_04.jpg 220KB gallery avocado_cake_03.png 21KB about_01.png 28KB about_02.png 31KB testimonial_03.jpg 14KB avocado_cake_01.png 22KB testimonial_04.jpg 10KB testimonial_01.jpg 14KB right_menu.png 4KB testimonial_02.jpg 12KB about_03.png 27KB avocado_cake_02.png 21KB content_top.png 494B right_menu.png 5KB content_bg_overlay.png 944B lens.jpg 1KB templatemo_style.css 4KB favicon.png 3KB资源评论
