<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Singular Theme, Free CSS Template</title>
<meta name="keywords" content="singular theme, free template, web design, clean, simple, professional, CSS, HTML" />
<meta name="description" content="Singular Theme, free CSS template from www.htmldivcss.com" />
<link href="css/templatemo_style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
<script type="text/javascript" src="js/init.js"></script>
<link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
<script type="text/JavaScript" src="js/slimbox2.js"></script>
<!-- Timestamp: 1236819900 -->
</head>
<body>
<div id="templatemo_header_wrapper">
<div id="templatemo_header">
<div id="site_title"><a href="#">Free CSS Templates</a></div>
<p id="intro_text">Suspendisse at justo in felis ultricies cursus. Quisque risus sed lacus pharetra sit amet pretium lacus aliquet. Sed commodo tellus dictum et lacinia sem.</p>
</div>
</div>
<div id="templatemo_main_wrapper">
<div id="templatemo_main">
<div id="content">
<div id="home" class="section">
<ul id="templatemo_menu">
<li><a href="#about" class="about"><span>About</span></a></li>
<li><a href="#services" class="services"><span>Services</span></a></li>
<li><a href="#portfolio" class="portfolio"><span>Portfolio</span></a></li>
<li><a href="#testimonial" class="testimonial"><span>Testimonial</span></a></li>
<li class="no_margin_right"><a href="#contact" class="contact"><span>Contact</span></a></li>
</ul>
</div>
<div class="section" id="about">
<h1>About Our Company</h1>
<div class="half left">
<div class="img_border img_fl">
<img src="images/templatemo_image_02.jpg" alt="Image 02" />
</div>
<p><em>Fusce pellentesque blandit quam sed tincidunt, vel pellentesque tortor placerat sit amet. </em></p>
<p><a href="#" target="_parent">Singular</a> is free css template provided by <a href="http://www.htmldivcss.com/">模板在线</a> for your personal or commercial websites. Credits go to <a href="http://jwloh.deviantart.com/art/Social-me-90694011" target="_blank">jwloh</a> and <a href="http://www.oxygen-icons.org/" target="_blank">Oxygen Team</a> for icons. Donec urna massa, cursus et mattis at, mattis quis lectus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Curabitur vestibulum mattis sapien, id mollis arcu cursus vel.</p>
</div>
<div class="half right">
<ul id="social_links">
<li><a href="#" class="facebook">Facebook</a></li>
<li><a href="#" class="flickr">Flickr</a></li>
<li><a href="#" class="linkedin">Linkedin</a></li>
<li><a href="#" class="twitter">Twitter</a></li>
<li><a href="#" class="yahoo">Yahoo</a></li>
<li><a href="#" class="youtube">Youtube</a></li>
</ul>
</div>
<a href="#home" class="home_btn">home</a>
<a href="#home" class="page_nav_btn previous">Previous</a>
<a href="#services" class="page_nav_btn next">Next</a>
</div>
<div class="section" id="services">
<h1>Services</h1>
<div class="half left">
<p><em>Morbi ac mattis elit. Etiam sagittis rutrum dui, non auctor libero porta non. Nam eu sollicitudin felis. Mauris luctus gravida lorem pretium porttitor.</em></p>
<ul class="list_bullet">
<li>Aliquam suscipit ipsum eu elit</li>
<li>Curabitur vel faucibus libero</li>
<li>Duis a eros sit amet diam</li>
<li>Fusce risus tortor interdum</li>
<li>Proin facilisis ullamcorper</li>
<li>Sed vel justo quis ligula</li>
<li>Ut tristique sagittis arcu</li>
<li>Vivamus quis sem non erat</li>
</ul>
</div>
<div class="half right">
<div class="img_border img_nom">
<img src="images/templatemo_image_01.jpg" alt="Image 01" />
</div>
<p> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis. Curabitur consectetur aliquam purus, eget faucibus est ultrices iaculis. Suspendisse luctus mauris et erat imperdiet rutrum. </p>
</div>
<a href="#home" class="home_btn">home</a>
<a href="#about" class="page_nav_btn previous">Previous</a>
<a href="#portfolio" class="page_nav_btn next">Next</a>
</div>
<div class="section" id="portfolio">
<h1>Portfolio</h1>
<ul id="gallery">
<li><a href="images/portfolio/01-l.jpg" rel="lightbox[portfolio]" title="Aenean faucibus lobortis lacus, et ullamcorper felis congue ac."><img src="images/portfolio/01.jpg" alt="Image 01" /></a></li>
<li><a href="images/portfolio/02-l.jpg" rel="lightbox[portfolio]" title="Pellentesque ornare nulla sed tortor vulputate dictum."><img src="images/portfolio/02.jpg" alt="Image 02" /></a></li>
<li><a href="images/portfolio/03-l.jpg" rel="lightbox[portfolio]" title="Etiam porta rhoncus enim at gravida."><img src="images/portfolio/03.jpg" alt="Image 03" /></a></li>
<li><a href="images/portfolio/04-l.jpg" class="no_margin_right" rel="lightbox[portfolio]" title="Praesent porttitor nulla sit amet nunc lobortis rhoncus."><img src="images/portfolio/04.jpg" alt="Image 04" /></a></li>
<li class="no_margin_right"><a href="images/portfolio/05-l.jpg" rel="lightbox[portfolio]" title="Donec vulputate sapien et justo viverra sed commodo lorem rhoncus."><img src="images/portfolio/05.jpg" alt="Image 05" /></a></li>
<li><a href="images/portfolio/06-l.jpg" rel="lightbox[portfolio]" title="Fusce metus sapien, convallis ut aliquam et, accumsan at nisl."><img src="images/portfolio/06.jpg" alt="Image 06" /></a></li>
<li><a href="images/portfolio/07-l.jpg" rel="lightbox[portfolio]" title="Curabitur molestie purus eget urna pretium sit amet convallis urna iaculis."><img src="images/portfolio/07.jpg" alt="Image 07" /></a></li>
<li><a href="images/portfolio/08-l.jpg" class="no_margin_right" rel="lightbox[portfolio]" title="Class aptent taciti sociosqu ad litora, per inceptos himenaeos."><img src="images/portfolio/08.jpg" alt="Image 08" /></a></li>
<li><a href="images/portfolio/09-l.jpg" class="no_margin_right" rel="lightbox[portfolio]" title="Vivamus auctor nunc quis tellus iaculis semper posuere metus aliquet."><img src="images/portfolio/09.jpg" alt="Image 09" /></a></li>
<li class="no_margin_right"><a href="images/portfolio/01-l.jpg" rel="lightbox[portfolio]" title="Duis eu ipsum ut libero tincidunt facilisis quis eu ni
152_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
135 浏览量
2023-08-02
17:32:00
上传
评论
收藏 1.14MB ZIP 举报
![avatar](https://profile-avatar.csdnimg.cn/default.jpg!1)
![avatar-vip](https://csdnimg.cn/release/downloadcmsfe/public/img/user-vip.1c89f3c5.png)
icwx_7550592
- 粉丝: 17
- 资源: 7163
最新资源
- Installing Anaconda and PyCharm - Marco Sammon
- git使用文档(一步一步教你使用Git仓库管理代码)
- 进制转换(通用版).cpp
- linux实践之从DistroWatch排名第三的EndeavourOS转到排名第五的Manjaro工作机迁移
- Discuz模板+资讯博客课程干货+商业版(GBK+UTF)
- 基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本123.0.6292.0)
- RB308A-SOT23-5 单节锂电池保护IC 深圳市可芯电子有限公司.pdf
- Ubuntu下安装JDK
- 基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本123.0.6291.0)
- Android基础之用Eclipse建立工程
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)