<!DOCTYPE HTML>
<html>
<head>
<title>About</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div class="wrap-box"> </div>
<div class="header">
<div class="wrap">
<div class="header-top">
<div class="cssmenu">
<ul>
<li><a href="index.html"><span>Home</span></a></li>
<li class="active"><a href="about.html"><span>About us</span></a></li>
<li class="has-sub"><a href="services.html"><span>Services</span></a></li>
<li><a href="gallery.html"><span>Gallery</span></a></li>
<li class="last"><a href="contact.html"><span>Contact</span></a></li>
<div class="clear"></div>
</ul>
</div>
<div class="logo">
<h1><a href="index.html">Smarty</a></h1>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="main">
<div class="wrap">
<div class="about">
<div class="about-top">
<div class="col span_1_of_about">
<h3>About</h3>
<div class="about-img">
<img src="images/pic8.jpg" alt="">
</div>
<div class="about-desc">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate.,</p>
</div>
<div class="clear"></div>
</div>
<div class="col span_1_of_about1">
<h3>Recent Comments</h3>
<ul class="comments-custom unstyled">
<li class="comments-custom_li">
<div class="icon"></div>
<div class="right-text">
<h4 class="comments-custom_h">admin:</h4>
<div class="comments-custom_txt">
<a href="#" title="Go to this comment">Sed ut perspiciatis magna ...</a>
</div>
<time>November 16,2013</time>
</div>
<div class="clear"></div>
</li>
<li class="comments-custom_li">
<div class="icon"></div>
<div class="right-text">
<h4 class="comments-custom_h">admin:</h4>
<div class="comments-custom_txt">
<a href="#" title="Go to this comment">Sed ut perspiciatis magna ...</a>
</div>
<time>November 16,2013</time>
</div>
<div class="clear"></div>
</li>
<li class="comments-custom_li">
<div class="icon"></div>
<div class="right-text">
<h4 class="comments-custom_h">admin:</h4>
<div class="comments-custom_txt">
<a href="#" title="Go to this comment">Sed ut perspiciatis magna ...</a>
</div>
<time>November 16,2013</time>
</div>
<div class="clear"></div>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="about-bottom">
<div class="about-topgrids">
<div class="about-topgrid1">
<h3>Who We Are</h3>
<img src="images/pic9.jpg" title="name">
<h5>LOREM IPM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT. PRAESENT VESTIBULUM.</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit mauris..</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit mauris.Lorem ipsum</p>
</div>
</div>
<div class="about-histore">
<h3>History</h3>
<div class="historey-lines">
<ul>
<li><span>2010 -</span></li>
<li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit..</p></li>
<div class="clear"> </div>
</ul>
</div>
<div class="historey-lines">
<ul>
<li><span>2010 -</span></li>
<li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendreri.</p></li>
<div class="clear"> </div>
</ul>
</div>
<div class="historey-lines">
<ul>
<li><span>2010 -</span></li>
<li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendreri..</p></li>
<div class="clear"> </div>
</ul>
</div>
<div class="historey-lines">
<ul>
<li><span>2010 -</span></li>
<li><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aeonummy hendrerit mauris. Phasellus porta. Fusce suscipit.</p></li>
<div class="clear"> </div>
</ul>
</div>
<div class="clear"> </div>
</div>
<div class="about-services">
<h3>Why Choose Us</h3>
<div class="questions">
<h4><img src="images/marker2.png" alt=""/> What is Lorem Ipsum?</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 150 Phasellus porta. Fusce suscipit.</p>
</div>
<div class="questions">
<h4><img src="images/marker2.png" alt=""/> What is Lorem Ipsum?</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="questions">
<h4><img src="images/marker2.png" alt=""/> What is Lorem Ipsum?</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry..</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="wrap">
<div class="footer-top">
<div class="col_1_of_4 span_1_of_4">
<h3>INFORMATION</h3>
<ul class="first">
<li><a href="#">Contact</a></li>
<li><a href="#">Terms and conditions</a></li>
<li><a href="#">Legal Notice</a></li>
</ul>
</div>
<div class="col_1_of_4 span_1_of_4">
<h3>CATEGORIES</h3>
<ul class="first">
<li><a href="#">New products</a></li>
<li><a href="#">top sellers</a></li>
<li><a href="#">Specials</a></li>
</ul>
</div>
<div class="col_1_of_4 span_1_of_4">
<h3>My ACCOUNT</h3>
<ul class="first">
<li><a href="#">Your Account</a></li>
<li><a href="#">Personal info</a></li>
<li><a href="#">Prices</a></li>
</ul>
</div>
<div class="col_1_of_4 span_1_of_4 footer-lastgrid">
<h3>CONTACT US</h3>
<ul class="follow_icon">
<li><a href="#"><img src="images/fb.png" alt=""></a></li>
<li><a href=
没有合适的资源?快使用搜索试试~ 我知道了~
HTML5+CSS+JS宠物精品网页模板 大学生期末大作业 Web前端网页制作
共66个文件
jpg:37个
png:12个
html:5个
需积分: 5 0 下载量 51 浏览量
2024-04-30
08:57:52
上传
评论
收藏 1.69MB RAR 举报
温馨提示
HTML5+CSS+JS宠物精品网页模板,响应式网页,可以根据不同的设备屏幕大小自动调整页面布局; 设置导航条、轮翻效果,鼠标滑动效果,自动弹窗,点击事件、链接等功能; 适用于大学生期末大作业或公司网页制作。 支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改; 支持包括IE、Firefox、Chrome、Safari主流浏览器浏览; 网页设计和制作、大学生网页课程设计、期末大作业、毕业设计、网页模板,网页成品源代码等,2000+套Web案例源码,主题涵盖各行各业,关注作者联系获取更多源码; 更多优质网页博文、网页模板移步查阅我的CSDN主页:angella.blog.csdn.net。
资源推荐
资源详情
资源评论
收起资源包目录
033.rar (66个子文件)
033
js
ios-orientationchange-fix.js 2KB
jquery.swipebox.min.js 7KB
jquery-1.9.0.min.js 91KB
jquery.nivo.slider.js 28KB
css
style.css 34KB
slider.css 3KB
swipebox.css 4KB
services.html 8KB
index.html 8KB
contact.html 5KB
about.html 8KB
images
pic12.jpg 34KB
pic5.jpg 7KB
pic20.jpg 26KB
pic6.jpg 8KB
pic15.jpg 34KB
pic.jpg 13KB
tw.png 4KB
pic10.jpg 35KB
prev.png 299B
g+.png 4KB
pattern.gif 19KB
pic8.jpg 18KB
banner4.jpg 110KB
loading.gif 302B
t-pic17.jpg 60KB
pic9.jpg 17KB
pic22.jpg 27KB
t-pic19.jpg 78KB
pic16.jpg 17KB
zoom.png 3KB
pic19.jpg 23KB
pic18.jpg 22KB
list-arrow.gif 305B
banner3.jpg 122KB
pic4.jpg 27KB
pic2.jpg 26KB
pic23.jpg 20KB
pic21.jpg 29KB
t-pic22.jpg 81KB
pic3.jpg 7KB
fb.png 3KB
t-pic16.jpg 51KB
pic1.jpg 15KB
t-pic18.jpg 59KB
t-pic20.jpg 76KB
banner1.jpg 75KB
banner5.jpg 147KB
list.png 3KB
t-pic23.jpg 46KB
t-pic21.jpg 110KB
pic11.jpg 26KB
rss.png 4KB
marker.png 3KB
marker2.png 3KB
l-r-arrows.png 305B
pic17.jpg 22KB
icons.png 300B
pic7.jpg 7KB
pic13.jpg 28KB
pic14.jpg 35KB
banner2.jpg 126KB
loader.gif 301B
comment.png 4KB
fonts
BebasNeue-webfont.ttf 48KB
gallery.html 6KB
共 66 条
- 1
资源评论
仙女网页制作
- 粉丝: 3580
- 资源: 164
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 部署yolov8的tensorrt模型支持检测分割姿态估计的C++源码+部署步骤.zip
- 以简单、易用、高性能为目标、开源的时序数据库,支持Linux及Windows, Time Series Database.zip
- python-leetcode面试题解之第198题打家劫舍-题解.zip
- python-leetcode面试题解之第191题位1的个数-题解.zip
- python-leetcode面试题解之第186题反转字符串中的单词II-题解.zip
- 一个基于python的web后端高性能开发框架,下载可用
- python-leetcode面试题解之第179题最大数-题解.zip
- python-leetcode面试题解之第170题两数之和III数据结构设计-题解.zip
- python-leetcode面试题解之第168题Excel表列名称-题解.zip
- python-leetcode面试题解之第167题两数之和II输入有序数组-题解.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功