<!doctype html>
<html lang="en">
<head>
<title>CoffeeCols</title>
<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
<script type="text/javascript" src="http//code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/equalcolumns.js"></script>
<!--[if IE]><script src="http//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
<li class="selected"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Support</a></li>
</ul>
</nav>
<section id="intro">
<header>
<h2>Your Spiffy Tag Line Goes Here</h2>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p>
<img src="images/introimage.png" alt="lime" />
</section>
<div id="innercontent">
<article class="articlecontent">
<header>
<h2>This is the title of your article</h2>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin euismod tellus eu orci imperdiet nec rutrum lacus blandit. <a href="#">Cras enim nibh, sodales ultricies elementum vel</a>, fermentum id tellus. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo. Phasellus vitae tellus orci, at elementum ipsum. In in quam eget diam adipiscing condimentum. Maecenas gravida diam vitae nisi convallis vulputate quis sit amet nibh. Nullam ut velit tortor. Curabitur ut elit id nisl volutpat consectetur ac ac lorem. Quisque non elit et elit lacinia lobortis nec a velit. Sed ac nisl sed enim consequat porttitor.</p>
<img src="images/1-thumb.jpg" alt="coffee cup" class="alignleft" /> <p>Pellentesque ut sapien arcu, egestas mollis massa. Fusce lectus leo, fringilla at aliquet sit amet, volutpat non erat. Aenean molestie nibh vitae turpis venenatis vel accumsan nunc tincidunt. Suspendisse id purus vel felis auctor mattis non ac erat. Pellentesque sodales venenatis condimentum. Aliquam sit amet nibh nisi, ut pulvinar est. Sed ullamcorper nisi vel tortor volutpat eleifend. Vestibulum iaculis ullamcorper diam consectetur sagittis. Quisque vitae mauris ut elit semper condimentum varius nec nisl. Nulla tempus porttitor dolor ac eleifend. Proin vitae purus lectus, a hendrerit ipsum. Aliquam mattis lacinia risus in blandit.</p>
</article>
<article class="articlecontent">
<header>
<h2>Here's another article title</h2>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p>
<img src="images/7-thumb.jpg" alt="" class="alignright" /><p>Vivamus vitae nulla dolor. Suspendisse eu lacinia justo. Vestibulum a felis ante, non aliquam leo. Aliquam eleifend, est viverra semper luctus, metus purus commodo elit, a elementum nisi lectus vel magna. Praesent faucibus leo sit amet arcu vehicula sed facilisis eros aliquet. Etiam sodales, enim sit amet mollis vestibulum, ipsum sapien accumsan lectus, eget ultricies arcu velit ut diam. Aenean fermentum luctus nulla, eu malesuada urna consequat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque massa lacus, sodales id facilisis ac, lobortis sed arcu. Donec hendrerit fringilla ligula, ac rutrum nulla bibendum id. Cras sapien ligula, tincidunt eget euismod nec, ultricies eu augue. Nulla vitae velit sollicitudin magna mattis eleifend. Nam enim justo, vulputate vitae pretium ac, rutrum at turpis. Aenean id magna neque. Sed rhoncus aliquet viverra.</p>
</article>
</div>
<aside>
<section>
<header>
<h3>Categories</h3>
</header>
<ul>
<li><a href="#">Plain</a></li>
<li><a href="#">Fancy</a></li>
<li><a href="#">Coffee Makers</a></li>
<li><a href="#">Sides</a></li>
<li><a href="#">Miscellaneous</a></li>
</ul>
</section>
<section>
<header>
<h3>Sponsors</h3>
</header>
<img src="images/ad125.jpg" alt="ad" /> <img src="images/ad125.jpg" alt="ad" />
<br />
<img src="images/ad125.jpg" alt="ad" /> <img src="images/ad125.jpg" alt="ad" />
<br /><br />
</section>
<section>
<header>
<h3>Connect With Us</h3>
</header>
<ul>
<li><a href="#">Twitter</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Google Buzz</a></li>
</ul>
</section>
<section>
<header>
<h3>Recent Articles</h3>
</header>
<ul>
<li><a href="#">Perfect Espresso Every Time</a></li>
<li><a href="#">Got Milk?</a></li>
</ul>
</section>
</aside>
<footer>
<section>
<h3>Left Stuff</h3>
<p>Left aligned text here. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo.</p>
<p>Next line here</p>
</section>
<section>
<h3>Center Stuff</h3>
<p>Center Text here. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo.</p>
<p>Next line here</p>
</section>
<section>
<h3>Right Stuff</h3>
<p>© 2010 <a href="#" title="your site name">yoursite.com</a> All rights reserved.</p>
<p>Center Text here. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo.</p>
</section>
</footer>
<!-- Free template created by http//freehtml5templates.com -->
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
非响应式咖啡网站模板国外_网站开发模板含源代码(css+html+js+图样).zip
共19个文件
jpg:9个
png:4个
css:2个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 178 浏览量
2024-04-20
01:18:15
上传
评论
收藏 452KB ZIP 举报
温馨提示
【项目资源】:包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。【项目质量】:所有源码都经过严格测试,可以直接运行。功能在确认正常工作后才上传。【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。【沟通交流】:有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
非响应式咖啡网站模板国外_网站开发模板含源代码(css+html+js+图样).zip (19个子文件)
非响应式咖啡网站模板国外
js
equalcolumns.js 1KB
inner.html 6KB
index.html 5KB
print.css 328B
images
5-thumb.jpg 8KB
4-thumb.jpg 29KB
ad125.jpg 2KB
6-thumb.jpg 31KB
bodybkg.gif 267B
introimage.png 161KB
navbg.png 3KB
2-thumb.jpg 53KB
introbkg.png 619B
rss.png 812B
1-thumb.jpg 30KB
7-thumb.jpg 15KB
3-thumb.jpg 38KB
cappuccino.jpg 100KB
styles.css 5KB
共 19 条
- 1
资源评论
CyMylive.
- 粉丝: 7265
- 资源: 4万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功