<!DOCTYPE html>
<html>
<head>
<!-- Title here -->
<title>PENNY</title>
<!-- Description, Keywords and Author -->
<meta name="description" content="Your description">
<meta name="keywords" content="Your,Keywords">
<meta name="author" content="ResponsiveWebInc">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,600' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic' rel='stylesheet' type='text/css'>
<!-- Styles -->
<!-- Bootstrap CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Font awesome CSS -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Animate CSS -->
<link href="css/animate.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/style.css" rel="stylesheet">
<!-- Favicon -->
<link rel="shortcut icon" href="#">
</head>
<body>
<div class="outer">
<!-- Sidebar Start-->
<!-- Menu for tablets and mobile -->
<div class="navigation">
<a href="#">Menu</a>
</div>
<div class="sidebar">
<!-- Logo of company -->
<div class="logo text-center">
<h1><a href="#">PENNY</a></h1>
<p>Subtitle Section</p>
</div>
<div class="sidebar-search">
<form>
<div class="input-group">
<input type="text" class="form-control" placeholder="Text to search">
<span class="input-group-btn">
<button class="btn btn-danger" type="button"><i class="icon-search"></i></button>
</span>
</div>
</form>
</div>
<!-- Navigation menu list -->
<ul class="list-unstyled list">
<li><a href="#home" class="anchorLink"><i class="icon-home scolor"></i> Home</a></li>
<li><a href="#.team" class="anchorLink"><i class="icon-user scolor"></i> About Us</a></li>
<li><a href="#.service" class="anchorLink"><i class="icon-retweet scolor"></i> Service</a></li>
<li><a href="#.feature" class="anchorLink"><i class="icon-road scolor"></i> Feature</a></li>
<li><a href="#.testimonial" class="anchorLink"><i class="icon-info scolor"></i> Testimonial</a></li>
<li><a href="#.ptable" class="anchorLink"><i class="icon-gift scolor"></i> Price Table</a></li>
<li><a href="#.contact" class="anchorLink"><i class="icon-envelope scolor"></i> Contact</a></li>
<li class="dropdown">
<a data-toggle="dropdown" href="#"><i class="icon-plus-sign scolor"></i> Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel" >
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
<!-- Social media links -->
<div class="social">
<a href="#" class="facebook"><i class="icon-facebook"></i></a>
<a href="#" class="twitter"><i class="icon-twitter"></i></a>
<a href="#" class="google"><i class="icon-google-plus"></i></a>
<a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
</div>
</div>
<!-- Sidebar End -->
<!-- Main Start -->
<div class="main">
<div id="carousel-example-generic" class="carousel slide carousel-fade">
<!-- Wrapper for slides -->
<div class="carousel-inner">
<!-- Carousel item start -->
<div class="item active">
<!-- Carousel background images -->
<img src="img/3.jpg" class="img-responsive" alt="" />
<div class="carousel-caption">
<div class="row">
<div class="col-md-6">
<!-- Images for carousel foreground -->
<img src="img/s2.png" alt="" class="img-responsive" />
</div>
<div class="col-md-6">
<!-- Carousel caption -->
<div class="caption-content">
<h3>Bonorum et Malorum</h3>
<p>It is a long established fact that a reader will be distracted by Lorem Ipsum passage, and going the readable content oits layout.</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<img src="img/3.jpg" class="img-responsive" alt=""/>
<div class="carousel-caption">
<div class="row">
<div class="col-md-6">
<img src="img/s3.png" alt="" class="img-responsive" />
</div>
<div class="col-md-6">
<div class="caption-content">
<h3>Extremes of Good</h3>
<p>The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look like readable English.</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<img src="img/3.jpg" class="img-responsive" alt=""/>
<div class="carousel-caption">
<div class="row">
<div class="col-md-6">
<img src="img/s1.png" alt="" class="img-responsive" />
</div>
<div class="col-md-6">
<div class="caption-content">
<h3>Contrary to popular</h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form even slightly believable.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="icon-prev"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="icon-next"></span>
</a>
</div>
<!-- Wrapper for slides End -->
<div class="container">
<!-- Start Hero -->
<div class="hero">
<div class="row">
<div class="col-md-12">
<h2>It's Lorem ipsum dolor sit amet consectetur</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur adipiscing elit tristique est consectetur adipiscing elit tristique sit amet diam interdum semper. Accumsan id.</p>
</div>
</div>
</div>
<hr />
<!-- Hero End -->
<!-- Start team profile -->
<div class="team">
<h3>About Us</h3>
<div class="bor hidden-xs"></div>
<div class="row">
<div class="col-md-3 col-sm-6">
<!-- Team member's profile -->
<div class="thumbnail team-profile">
<img src="img/user.jpg" alt="" class="img-responsive img-circle" />
<!-- Member's name and designation -->
<h5>John Smith</h5>
<span>Art Director</span>
<div class="social-link">
<a href="#" class="facebook"><i class="icon-facebook"></i></a>
<a href="#" class="google"><i class="icon-google-plus"></i></a>
<a href="#" class="twitter"><i class="icon-twitter"></i></a>
<a href="#" class="linkedin"><i class="icon-linkedin"></i></a>
<a href="#" class="skype"><i class="icon-skype"></i></a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="thumbnail team-profile">
<img src="img/user.jpg" alt="" class="img-responsive img-circle" />
<h5>John Smith</h5>
<span>Art Director</span>
<div class="social-link">
<a href="#" class="facebook"><i class="icon-facebook"></i></a>
<a href="#" class="google"><i class="icon-google-plus"></i></a>
<a href="#" class="twitter"><i class="icon-twitter"></i></a>
<a href="#" class="linkedin"><i class="ico
Html5+Css3浅蓝色风格模板.zip
版权申诉
17 浏览量
2023-03-15
06:44:11
上传
评论
收藏 763KB ZIP 举报
Html5+Css3浅蓝色风格模板.zip （33个子文件） 
Html5+Css3浅蓝色风格模板 font 
flexslider-icon.woff 1KB FontAwesome.otf 60KB fontawesome-webfont.eot 37KB flexslider-icon.eot 2KB fontawesome-webfont.woff 43KB flexslider-icon.ttf 2KB
fontawesome-webfont.svg 193KB flexslider-icon.svg 2KB fontawesome-webfont.ttf 77KB js waypoints.min.js 8KB bootstrap.min.js 27KB jquery.arbitrary-anchor.js 3KB respond.min.js 4KB html5shiv.js 9KB custom.js 1KB jquery.js 91KB img 
s2.png 30KB head-bg.png 5KB s3.png 133KB
user-xs.jpg 24KB white_wall_hash.png 62KB img-border.png 4KB sidebar-back.png 16KB user.jpg 42KB s1.png 93KB 3.jpg 85KB css style.css 20KB bootstrap.min.css 95KB style (Ashok-PC's conflicted copy 2013-10-11).css 13KB bootstrap.css 117KB font-awesome.min.css 22KB animate.min.css 50KB
index.html 19KB资源评论
