<!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:info@untitledsite.com">info@untitledsite.com </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="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-icons">
<h6>Follow us on...</h6>
<a href="#"><i class="icon"></i></a>
<a href="#"><i
多彩锯齿设计风格网站模板是一款个性好看的五彩锯齿风格HTML5网站模板。_html网站模板_网页源码移动端前端_H5模.rar
18 浏览量
2023-08-05
15:47:25
上传
评论
收藏 1.11MB RAR 举报
多彩锯齿设计风格网站模板是一款个性好看的五彩锯齿风格HTML5网站模板。_html网站模板_网页源码移动端前端_H5模.rar （43个子文件） 
多彩锯齿设计风格网站模板是一款个性好看的五彩锯齿风格HTML5网站模板。 moban344 
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资源评论
