<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Fringila Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--webfont-->
<link href='#css?family=Rye' rel='stylesheet' type='text/css'>
<link href='#css?family=Rokkitt:400,700' rel='stylesheet' type='text/css'>
<!-- Owl Stylesheets -->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
</head>
<body>
<!-- header-section-starts -->
<div class="header">
<div class="container">
<div class="strip">
<div class="logo">
<a href="index.html"><h1>UntitledSite</h1></a>
</div>
<div class="top-menu">
<span class="menu"> </span>
<ul>
<li><a class="active" href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="404.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<div class="clearfix"></div>
</div>
<div class="mail">
<ul>
<li><i class="msg"></i></li>
<li><a href="mail-to:[email protected]">[email protected] </a></li>
<li>/</li>
<li>000 888 8888</li>
<li><i class="phone"></i></li>
</ul>
</div>
</div>
</div>
<div class="slider-bg">
<div class="container">
<div class="grid-1">
<div class="col-md-6 left-grid-1">
<h3>Maec Tnasa. </h3><h3>Donec Alico Fringila!</h3>
<p>“ Vivamus tristique lorem dore tristique adipiscing enimcen uno laoreet sapien ”</p>
<a href="#">-Smith Holmes</a>
</div>
<div class="col-md-6 right-grid-1">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<img src="images/pic1.jpg" class="img-responsive" alt="" />
</li>
<li>
<img src="images/pic2.jpg" class="img-responsive" alt="" />
</li>
<li>
<img src="images/pic3.jpg" class="img-responsive" alt="" />
</li>
<li>
<img src="images/pic1.jpg" class="img-responsive" alt="" />
</li>
<li>
<img src="images/pic2.jpg" class="img-responsive" alt="" />
</li>
</ul>
</div>
</section>
<!-- FlexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div>
<div class="grid-2">
<div class="grid-2grids">
<div class="container">
<div class="col-md-5 grid-2grid left-grid-2">
<h3>Taekenas jucsit amet</h3>
<p>Curabitur auctor aliquam quam dictum mentum. Sed ante lectus, condimentum non malesuada vitae conseq lorem.</p>
<h3>Sed ac tellus quis lorem</h3>
<p>Duis eget vehicula libero. Nulla at orci id dui blandit viverra. Nullam malesuada ornare orci, sit amet libero.</p>
</div>
<div class="col-md-2 middle-grid-2">
<img src="images/more-bg.png" alt="" />
<div class="more">
<div class="info">
<a href="details.html">More Info</a>
</div>
</div>
</div>
<div class="col-md-5 grid-2grid right-grid-2">
<h3>Nam turna vitae ipsum</h3>
<p>In pellentesque dui eu posuere tincidulectus lorem imperdiet est, vel condimentum felis augue in diam. </p>
<h3>Fusce sed vulputate ante</h3>
<p>Ut volutpat purus ac massa sodales sink mattis. Donec imperdiet nibh vitae mi unosagittis eu pellentesque risus.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="grid-3">
<div class="container">
<div class="grid-3-head text-center">
<h3>Taciti Sociosqu Aclitora </h3>
</div>
<div class="grid-3grids">
<div class="col-md-4 grid-3grid text-center">
<i class="umbrella"></i>
<h4>Sed Actellus</h4>
<p>Duis eget vehicula liberoorci id dui blandit viverrajump nullam malesuada ornare orci sit amet libero lipsum sipellente risus.</p>
<a href="details.html">More Info</a>
</div>
<div class="col-md-4 grid-3grid text-center">
<i class="settings"></i>
<h4>Cras Vehicula</h4>
<p>Mauris dignissim porttali quam aliquam erat volupat enean et ipsum felis pretium Maecenas eu mi urnamattis lectus.</p>
<a href="details.html">More Info</a>
</div>
<div class="col-md-4 grid-3grid text-center">
<i class="around"></i>
<h4>Ced Nitellus</h4>
<p>Aenean sed consectetur nunc onec aliquet fringilla sapien vel hendrerit fiusce sed vuoputate ante massa vitaenibho vonec sim.</p>
<a href="details.html">More Info</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="grid-4">
<div class="container">
<h3>Vestibulum augue urna, porttitor in malet.</h3>
<h5>Tristique, lorem a tristique adipiscing, enim ipsum varius libero lipsum. </h5>
<p>Phasellus ornare cursus mi a egestas. Quisque ut nisi id dolor malesuada mattis quis ac orci. Etiam suscipit, mauris in posuere convallis, nulla libero adipiscing nisl, vitae fermentum elit arcu nec nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi consectetur leo id metus fermentum tincidunt. </p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam tristique velit ac justo aliquet condimentum. </p>
<a href="details.html">More Info</a>
</div>
</div>
<div class="grid-5">
<div class="container">
<div class="grid-5-grids">
<div class="col-md-4 grid-5-grid1">
<h4>Doplor Malesuda</h4>
<p>Duis interdum volutpat tortor ut on unop interdum.Quisque accumsan congue ki sapiena vehicr.</p>
<p>Quisque tellus metus, iaculis ut ornare in, tristique et dui.</p>
<a href="#">Condementium Justo</a>
</div>
<div class="col-md-4 grid-5-grid2">
<h4>Fermentum Lis</h4>
<ul>
<li><a href="#">- Lorem ipsum dolor sit amet</a></li>
<li><a href="#">- Proin varius risus non lacus ege</a></li>
<li><a href="#">- Stas Donec blandit hendrerit nulla</a></li>
<li><a href="#">- Ted sollaecenas rutrum risus non</a></li>
<li><a href="#">- Fames turnpi egestas morbi cond </a></li>
</ul>
</div>
<div class="col-md-4 grid-5-grid3">
<h4>Adipsulum Egestas</h4>
<p>Maecenas sed nulla vitae neque sagit tis tincidunt adipiscing nec risus nam tristique velit morbi unoi.</p>
<div class="social-
没有合适的资源?快使用搜索试试~ 我知道了~
个性复古插画设计师整站企业模板_个性 复古 插画 设计 设计师 整站 企业 七彩 bootstrap 响应式 手机 c.rar
共43个文件
png:20个
jpg:8个
html:6个
0 下载量 57 浏览量
2023-08-05
15:48:15
上传
评论
收藏 1.11MB RAR 举报
温馨提示
个性复古插画设计师整站企业模板_个性 复古 插画 设计 设计师 整站 企业 七彩 bootstrap 响应式 手机 c.rar
资源推荐
资源详情
资源评论
收起资源包目录
个性复古插画设计师整站企业模板_个性 复古 插画 设计 设计师 整站 企业 七彩 bootstrap 响应式 手机 c.rar (43个子文件)
个性复古插画设计师整站企业模板_个性 复古 插画 设计 设计师 整站 企业 七彩 bootstrap 响应式 手机 css3
cpts_132_elq
details.html 5KB
portfolio.html 8KB
js
jquery.swipebox.min.js 7KB
jquery.flexslider.js 39KB
jquery.mixitup.min.js 14KB
jquery.min.js 92KB
css
style.css 34KB
flexslider.css 4KB
bootstrap.css 118KB
swipebox.css 4KB
404.html 3KB
index.html 9KB
contact.html 5KB
about.html 6KB
images
fotter-bg.png 14KB
s2.png 4KB
more.png 15KB
s4.png 6KB
head-bg.png 38KB
b2.png 27KB
b3.png 21KB
s3.png 5KB
p4.jpg 59KB
slider-bg.png 137KB
pic2.jpg 6KB
pic3.jpg 6KB
find.png 1KB
pic1.jpg 10KB
add.png 3KB
icons.svg 1KB
top-bg.png 176KB
more-bg.png 66KB
img-sprite.png 171KB
b4.png 24KB
logo-bg.png 72KB
p2.jpg 22KB
s1.png 7KB
p3.jpg 30KB
b6.png 30KB
p5.jpg 55KB
b5.png 19KB
p1.jpg 26KB
nav-icon.png 3KB
共 43 条
- 1
资源评论
wsnbb_2023
- 粉丝: 13
- 资源: 6004
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功