<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Legend - One Page Bootstrap Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel='stylesheet' id='prettyphoto-css' href="css/prettyPhoto.css" type='text/css' media='all'>
<link href="css/fontello.css" type="text/css" rel="stylesheet">
<!--[if lt IE 7]>
<link href="css/fontello-ie7.css" type="text/css" rel="stylesheet">
<![endif]-->
<!-- Google Web fonts -->
<link href='http//fonts.googleapis.com/css?family=Quattrocento:400,700' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Patua+One' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style>
body {
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico">
<!-- JQuery -->
<script type="text/javascript" src="js/jquery.js"></script>
<!-- Load ScrollTo -->
<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
<!-- Load LocalScroll -->
<script type="text/javascript" src="js/jquery.localscroll-1.2.7-min.js"></script>
<!-- prettyPhoto Initialization -->
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
</head>
<body>
<!--******************** NAVBAR ********************-->
<div class="navbar-wrapper">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
<h1 class="brand"><a href="#top">Legend!</a></h1>
<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
<nav class="pull-right nav-collapse collapse">
<ul id="menu-main" class="nav">
<li><a title="portfolio" href="#portfolio">Portfolio</a></li>
<li><a title="services" href="#services">Services</a></li>
<li><a title="news" href="#news">News</a></li>
<li><a title="team" href="#team">Team</a></li>
<li><a title="contact" href="#contact">Contact</a></li>
</ul>
</nav>
</div>
<!-- /.container -->
</div>
<!-- /.navbar-inner -->
</div>
<!-- /.navbar -->
</div>
<!-- /.navbar-wrapper -->
<div id="top"></div>
<!-- ******************** HeaderWrap ********************-->
<div id="headerwrap">
<header class="clearfix">
<h1><span>Legend!</span> We make web a beautiful place.</h1>
<div class="container">
<div class="row">
<div class="span12">
<h2>Signup for our Newsletter to be updated</h2>
<input type="text" name="your-email" placeholder="[email protected]" class="cform-text" size="40" title="your email">
<input type="submit" value="Notify me" class="cform-submit">
</div>
</div>
<div class="row">
<div class="span12">
<ul class="icon">
<li><a href="#" target="_blank"><i class="icon-pinterest-circled"></i></a></li>
<li><a href="#" target="_blank"><i class="icon-facebook-circled"></i></a></li>
<li><a href="#" target="_blank"><i class="icon-twitter-circled"></i></a></li>
<li><a href="#" target="_blank"><i class="icon-gplus-circled"></i></a></li>
<li><a href="#" target="_blank"><i class="icon-skype-circled"></i></a></li>
</ul>
</div>
</div>
</div>
</header>
</div>
<!--******************** Feature ********************-->
<div class="scrollblock">
<section id="feature">
<div class="container">
<div class="row">
<div class="span12">
<article>
<p>We work to make web a beautiful place.</p>
<p>We craft beautiful designs and convert them into</p>
<p>fully functional and user-friendy web app.</p>
</article>
</div>
<!-- ./span12 -->
</div>
<!-- .row -->
</div>
<!-- ./container -->
</section>
</div>
<hr>
<!--******************** Portfolio Section ********************-->
<section id="portfolio" class="single-page scrollblock">
<div class="container">
<div class="align"><i class="icon-desktop-circled"></i></div>
<h1 id="folio-headline">Portfolio...</h1>
<div class="row">
<div class="span4">
<div class="mask2"> <a href="img/portfolio-01.jpg" rel="prettyPhoto"><img src="img/portfolio-01.jpg" alt=""></a> </div>
<div class="inside">
<hgroup>
<h2>Ethan Marcotte Design</h2>
</hgroup>
<div class="entry-content">
<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, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a class="more-link" href="#">view project</a> </div>
</div>
<!-- /.inside -->
</div>
<!-- /.span4 -->
<div class="span4">
<div class="mask2"> <a href="img/portfolio-02.jpg" rel="prettyPhoto"><img src="img/portfolio-02.jpg" alt=""></a> </div>
<div class="inside">
<hgroup>
<h2>A Book Apart</h2>
</hgroup>
<div class="entry-content">
<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, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a class="more-link" href="#">view project</a> </div>
</div>
<!-- /.inside -->
</div>
<!-- /.span4 -->
<div class="span4">
<div class="mask2"> <a href="img/portfolio-03.jpg" rel="prettyPhoto"><img src="img/portfolio-03.jpg" alt=""></a> </div>
<div class="inside">
<hgroup>
<h2>Four Rules for Designers</h2>
</hgroup>
<div class="entry-content">
<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, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a c
卡通卡通_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
50 浏览量
2023-08-03
10:56:56
上传
评论
收藏 1.7MB ZIP 举报
卡通卡通_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （40个子文件） 
卡通卡通 font 
fontello.svg 42KB
fontello.eot 28KB fontello.woff 18KB fontello.ttf 27KB js bootstrap.js 60KB jquery.prettyPhoto.js 34KB jquery.scrollTo-1.4.2-min.js 2KB jquery.js 242KB site.js 220B jquery.localscroll-1.2.7-min.js 2KB img 
yellow.png 91KB
blog_img-02.jpg 178KB blog_img-03.jpg 61KB portrait-4.jpg 22KB portfolio-01.jpg 131KB yellow_testimonial.png 174KB grey-cardboard-bg.png 3KB portfolio-03.jpg 144KB favicon.ico 1KB portrait-3.jpg 31KB portfolio-02.jpg 132KB prettyPhoto default sprite_prev.png 1KB sprite_x.png 1KB default_thumb.png 2KB sprite.png 7KB sprite_next.png 1KB sprite_y.png 1KB
loader.gif 6KB portrait-1.jpg 23KB blog_img-01.jpg 60KB glyphicons-halflings.png 12KB top-bg.jpg 500KB portrait-2.jpg 24KB css style.css 24KB bootstrap-responsive.css 20KB bootstrap.css 115KB prettyPhoto.css 19KB fontello.css 8KB fontello-ie7.css 11KB
index.html 21KB资源评论
