实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/common.css"> <link rel="stylesheet" type="text/css" href="css/reset.css"> <link rel="stylesheet" type="text/css" href="css/index.css"> <title>Document</title> </head> <body> <!-- 公共头部 --> <div class="header"> <div class="tape"> <div class="info"> <p class="left">某某食品有限公司欢迎您，咨询电话：020-22043297</p> </div> </div> <div class="info"> <div class="logo"><img src="images/logo.jpg"></div> <div class="menu"> <ul> <li><a href="">首页</a></li> <li><a href="">关于我们</a></li> <li><a href="">新闻中心</a></li> <li><a href="">产品展示</a></li> <li><a href="">人才招聘</a></li> <li><a href="">在线留言</a></li> <li><a href="">联系我们</a></li> </ul> </div> </div> </div> <!-- 首页banner图 --> <div class="banner"> <img src="images/banner.jpg" alt="图片"> <div class="line"></div> </div> <!-- 关于我们 --> <div class="about"></div> <div class="us"> <img src="images/gstp.jpg"> <div class="refor"> <strong>某某蔬菜食品有限公司</strong> <p> 某某食品有限公司成立于2011年1月，位于兰陵县经济开发区，总投资3000万元，注册资台800万元。占地面积l3000平方米，其中建筑面积10000平方米。拥有恒温库四座，储藏能力4000吨，其中加工车间6000平方米，该车间主要进行出口保鲜大蒜、保鲜蒜米的加工业务，成品主要出口到东南亚和美国等，年生产加工能力达l8000吨......</p> </div> </div> <!-- 产品展示 --> <div class="products"> <img src="images/products.jpg"> <!-- 产品列表 --> <ul> <li><a href=""><img src="images/cp1.jpg">杂交蒜米</a></li> <li><a href=""><img src="images/cp2.jpg">杂交蒜米</a></li> <li><a href=""><img src="images/cp3.jpg">杂交蒜米</a></li> <li><a href=""><img src="images/cp4.jpg">杂交蒜米</a></li> </ul> </div> <!-- 新闻 --> <div class="news"> <img src="images/news.jpg"> <div class="news1"> <img src="images/news1.jpg"></div> <div class="news2"> <ul> <li> <span><h1>25</h1><p>2010-1</p></span> <a href="">本公司参加第八十届广州商</a> <p>本公司参加第八十届广州商品交易会本公司参加第八十届广州商品交易会</p> </li> <li> <span><h1>25</h1><p>2010-1</p></span> <a href="">本公司参加第八十届广州商</a> <p>本公司参加第八十届广州商品交易会本公司参加第八十届广州商品交易会</p> </li> <li> <span><h1>25</h1><p>2010-1</p></span> <a href="">本公司参加第八十届广州商</a> <p>本公司参加第八十届广州商品交易会本公司参加第八十届广州商品交易会</p> </li> <li> <span><h1>25</h1><p>2010-1</p></span> <a href="">本公司参加第八十届广州商</a> <p>本公司参加第八十届广州商品交易会本公司参加第八十届广州商品交易会</p> </li> </ul> </div> </div> <!-- 公共的底部 --> <div class="footer"> <div class="link"> <ul> <li>友情链接:<a href="">网博士</a></li> <li><a href="">草莓互联</a></li> <li><a href="">阿里云</a></li> <li><a href="">腾讯QQ</a></li> <li><a href="">网博士</a></li> <li><a href="">草莓互联</a></li> <li><a href="">阿里云</a></li> <li><a href="">腾讯QQ</a></li> <li><a href="">网博士</a></li> <li><a href="">草莓互联</a></li> <li><a href="">阿里云</a></li> </ul> </div> <div class="bottom"> <p>地址：江苏省南京市玄武区玄武湖 电话：020-22222222 邮箱：510551@qq.com<br></p> <span>本页面内容为网站演示数据，前台页面内容都可以在后台修改。</span> </div> </div> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
