<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--slider-->
<link href="css/camera.css" rel="stylesheet" type="text/css" media="all" />
<script type='text/javascript' src='js/jquery.min.js'></script>
<script type='text/javascript' src='js/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='js/camera.min.js'></script>
<script>
jQuery(function(){
jQuery('#camera_wrap_1').camera({
thumbnails: true
});
jQuery('#camera_wrap_2').camera({
height: '400px',
loader: 'bar',
pagination: false,
thumbnails: true
});
});
</script>
</head>
<body>
<div class="header-bg">
<div class="wrap">
<div class="header">
<div class="logo">
<h1><a href="index.html"><img src="images/logo.png" alt=""></a></h1>
</div>
</div>
<div class="header-right">
<ul class="nav">
<li class="active"><a href="index.html">
<h3><img src="images/home.png" alt=""/>
<p>Home</p></h3>
</a>
</li>
<li><a href="about.html">
<h3>
<img src="images/about.png" alt=""/>
<p>About</p>
</h3>
</a>
</li>
<li><a href="gallery.html">
<h3>
<img src="images/gallery.png" alt=""/>
<p>Gallery</p>
</h3>
</a>
</li>
<li><a href="venture.html">
<h3><img src="images/venture.png" alt=""/>
<p>Ventures</p></h3>
</a>
</li>
<li><a href="contact.html">
<h3><img src="images/contact.png" alt=""/>
<p>Contact</p></h3>
</a>
</li>
</ul>
</div>
<div class="fluid_container">
<div class="camera_wrap camera_magenta_skin" id="camera_wrap_1">
<div data-thumb="images/thumbs/1.jpg" data-src="images/slides/1.jpg" >
<div class="camera_caption fadeFromBottom">
</div>
</div>
<div data-thumb="images/thumbs/2.jpg" data-src="images/slides/2.jpg" >
<div class="camera_caption fadeFromBottom">
</div>
</div>
<div data-thumb="images/thumbs/3.jpg" data-src="images/slides/3.jpg" >
<div class="camera_caption fadeFromBottom">
</div>
</div>
<div data-thumb="images/thumbs/4.jpg" data-src="images/slides/4.jpg" >
<div class="camera_caption fadeFromBottom">
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="section group">
<div class="grid_1_of_4 images_1_of_4">
<a href="details.html"><img src="images/pic1.jpg"></a>
<h3>Lorem Ipsum is simply </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit velit esse cillum dolore eu fugiat nulla pariatur.</p>
<div class="button"><span><a href="details.html">Read More</a></span></div>
</div>
<div class="grid_1_of_4 images_1_of_4">
<a href="details.html"><img src="images/pic2.jpg"></a>
<h3>Lorem Ipsum is simply </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit velit esse cillum dolore eu fugiat nulla pariatur.</p>
<div class="button"><span><a href="details.html">Read More</a></span></div>
</div>
<div class="grid_1_of_4 images_1_of_4">
<a href="details.html"><img src="images/pic3.jpg"></a>
<h3>Lorem Ipsum is simply </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit velit esse cillum dolore eu fugiat nulla pariatur.</p>
<div class="button"><span><a href="details.html">Read More</a></span></div>
</div>
<div class="grid_1_of_4 images_1_of_4">
<a href="details.html"><img src="images/pic4.jpg"></a>
<h3>Lorem Ipsum is simply </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit velit esse cillum dolore eu fugiat nulla pariatur.</p>
<div class="button"><span><a href="details.html">Read More</a></span></div>
</div>
</div>
</div>
</div>
<div class="cont-bg">
<div class="wrap">
<div class="section group">
<div class="grid_1_of_3 images_1_of_3">
<h3>Lorem Ipsum is simply dummy text </h3>
<a href="details.html"><img src="images/pic5.jpg"></a>
<p class="txt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<div class="grid_1_of_3 images_1_of_3">
<h3>Lorem Ipsum is simply dummy text </h3>
<div class="text1-nav">
<ul>
<li><a href="">The standard chunk of Lorem Ipsum used since</a></li>
<li><a href="">Duis a augue ac libero euismod viverra sitth</a></li>
<li><a href="">The standard chunk of Lorem Ipsum used since</a></li>
<li><a href="">Duis a augue ac libero euismod viverra sitth</a></li>
<li><a href="">The standard chunk of Lorem Ipsum used since</a></li>
<li><a href="">Duis a augue ac libero euismod viverra sitth</a></li>
<li><a href="">The standard chunk of Lorem Ipsum used since</a></li>
</ul>
</div>
</div>
<div class="grid_1_of_3 images_1_of_3">
<div class="blogs">
<h3>Recent Catogories</h3>
<div class="blog_posts">
<div class="blog_date">
<img src="images/blog1.jpg">
</div>
<div class="blog_desc">
<div class="blog_heading">
<p><span>Lorem ipsum dolor sit amet consec.</span></p>
<p class="date">Posted on May 13th, 2013 by <span class="author">Finibus Bonorum</span> </p>
</div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have,,</p>
</div>
<div class="clear"></div>
</div>
<div class="blog_posts">
<div class="blog_date">
<img src="images/blog2.jpg">
</div>
<div class="blog_desc">
<div class="blog_heading">
<p><span>Lorem ipsum dolor sit amet consec.</span></p>
<p class="date">Posted on May 13th, 2013 by <span class="author">Finibus Bonorum</span> </p>
</div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have,,</p>
</div>
<div class="clear"></div>
</div>
<div class="blog_posts">
<div class="blog_date">
<img src="images/blog3.jpg">
</div>
<div class="blog_desc">
<div class="blog_heading">
<p><span>Lorem ipsum dolor sit amet consec.</span></p>
<p class="date">Posted on May 13th, 2013 by <span class="author">Finibus Bonorum</span> </p>
</div>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have,,</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-bg">
<div class="footer">
<div class="wrap">
<div class="section grou
没有合适的资源?快使用搜索试试~ 我知道了~
建筑设计公司网站模板是一款紫色风格的CSS别墅建筑公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_.rar
共67个文件
jpg:38个
png:13个
html:7个
0 下载量 134 浏览量
2023-08-05
15:11:15
上传
评论
收藏 1.54MB RAR 举报
温馨提示
建筑设计公司网站模板是一款紫色风格的CSS别墅建筑公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_.rar
资源推荐
资源详情
资源评论
收起资源包目录
建筑设计公司网站模板是一款紫色风格的CSS别墅建筑公司网站模板下载。_html网站模板_网页源码移动端前端_H5模板_.rar (67个子文件)
建筑设计公司网站模板是一款紫色风格的CSS别墅建筑公司网站模板下载。
chahua3471
details.html 4KB
js
camera.min.js 38KB
jquery.easing.1.3.js 8KB
jquery.min.js 92KB
jquery.mobile.customized.min.js 17KB
css
style.css 22KB
camera.css 26KB
404.html 3KB
venture.html 9KB
index.html 9KB
contact.html 6KB
about.html 8KB
images
pic5.jpg 21KB
logo1.psd 65KB
f_bg1.png 438B
logo.png 22KB
icon-2.png 2KB
home.png 2KB
pic4.jpg 9KB
slides
2.jpg 105KB
1.jpg 123KB
3.jpg 115KB
4.jpg 180KB
pic2.jpg 15KB
blog3.jpg 2KB
icon-1.png 3KB
logo.psd 65KB
about.png 2KB
contact.png 2KB
pic3.jpg 11KB
abt-pic.jpg 12KB
gallery.png 1KB
pic1.jpg 13KB
det-pic.jpg 112KB
h_bg.png 40KB
full
2.jpg 44KB
10.jpg 28KB
6.jpg 42KB
1.jpg 52KB
12.jpg 64KB
5.jpg 53KB
8.jpg 38KB
11.jpg 47KB
3.jpg 37KB
7.jpg 37KB
9.jpg 38KB
4.jpg 64KB
blog2.jpg 2KB
thumbs
2.jpg 9KB
10.jpg 6KB
6.jpg 9KB
1.jpg 9KB
12.jpg 11KB
5.jpg 10KB
8.jpg 8KB
11.jpg 9KB
3.jpg 7KB
7.jpg 7KB
9.jpg 9KB
4.jpg 10KB
icon.psd 28KB
venture.png 1KB
camera_skins.png 24KB
f_bg.png 427B
blog1.jpg 2KB
icon-3.png 3KB
gallery.html 8KB
共 67 条
- 1
资源评论
2301_76429513
- 粉丝: 9
- 资源: 6731
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功