<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Infusion WP Theme</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/queries.css">
<link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header class="clearfix">
<div class="logo col-md-3"><h2 class="logo-text">INFUSION</h2></div>
<nav class="clearfix">
<ul class="clearfix">
<li><a href="#" class="active">design folio</a></li>
<li><a href="#">services</a></li>
<li><a href="#">our business</a></li>
<li><a href="#">how we help</a></li>
<li><a href="#">take the tour</a></li>
<li><a href="#" class="last">contact</a></li>
</ul>
</nav>
<div class="pullcontainer">
<a href="#" id="pull"><i class="fa fa-bars fa-2x"></i></a>
</div>
</header>
<div class="banner">
<ul>
<li style="background-image: url('img/01.jpg');">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="hero-title">
CUTTING EDGE WP BUSINESS THEME
</div>
<p class="hero-content">Gutful of bottlo no dramas he's got a massive hooroo.</p>
<a href="#" class="hero-btn">BUY IT NOW</a>
</div>
</div>
</div>
</li>
<li style="background-image: url('img/02.jpg');">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3">
<div class="hero-title">
VERY PHOTO, SUCH WAVES, WOW.
</div>
<p class="hero-content">A very artsy photo with waves crashing over rocks. So /emosh.</p>
<a href="#" class="hero-btn">BEER ME!</a>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="container">
<div class="arrow"></div>
</div>
<div class="container carousel">
<div class="row">
<div class="col-md-3">
<div class="ca-hover">
<div class="carousel-img">
<img src="img/c01.jpg" alt="Carousel Img">
</div>
<div class="carousel-avatar av1">
</div>
<div class="carousel-content">
<h3>Lorem ipsum dolor sit amet consectetur</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed molestie massa.</p>
</div>
<div class="overlay"></div>
</div>
</div>
<div class="col-md-3">
<div class="ca-hover">
<div class="carousel-img">
<img src="img/c02.jpg" alt="Carousel Img">
</div>
<div class="carousel-avatar av2">
</div>
<div class="carousel-content">
<h3>Lorem ipsum dolor sit amet consectetur</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed molestie massa.</p>
</div>
<div class="overlay"></div>
</div>
</div>
<div class="col-md-3">
<div class="ca-hover">
<div class="carousel-img">
<img src="img/c03.jpg" alt="Carousel Img">
</div>
<div class="carousel-avatar av3">
</div>
<div class="carousel-content">
<h3>Lorem ipsum dolor sit amet consectetur</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed molestie massa.</p>
</div>
<div class="overlay"></div>
</div>
</div>
<div class="col-md-3">
<div class="ca-hover">
<div class="carousel-img">
<img src="img/c04.jpg" alt="Carousel Img">
</div>
<div class="carousel-avatar av4">
</div>
<div class="carousel-content">
<h3>Lorem ipsum dolor sit amet consectetur</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed molestie massa.</p>
</div>
<div class="overlay"></div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="controls">
<ul>
<li><span class="pagination active"></span></li>
<li><span class="pagination"></span></li>
<li><span class="pagination"></span></li>
</ul>
</div>
</div>
</div>
<div class="text-inter">
<div class="container">
<div class="row">
<div class="col-md-6">
<h3>Lorem ipsum dolor sit amet consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed molestie massa. Nullam condimentum mauris et rhoncus sagittis. Sed eu metus in diam tincidunt egestas non at odio. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
<div class="divider"></div>
<a href="#" class="button solid-color">BUTTON</a>
<a href="#" class="button extra-color">BUTTON</a>
</div>
<div class="col-md-6">
<h3>Lorem ipsum dolor sit amet consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed.</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis suscipit est, ut imperdiet tortor. Proin sed molestie massa. Nullam condimentum mauris et rhoncus sagittis. Sed eu metus in diam tincidunt egestas non at odio.</p>
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean vitae lectus erat. Duis consequat laoreet velit. Mauris convallis, sapien sit amet scelerisque accumsan, felis urna aliquet nunc, viverra mollis odio tellus a nisl. Nulla lobortis lectus non rutrum viverra. Sed et molestie libero. Sed ut ultrices dui.</p>
</div>
</div>
</div>
</div>
<div class="h2-wrap">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="standard-block">LATEST ARTICLES</h2>
</div>
</div>
</div>
</div>
<div class="container-fluid container-articles">
<div class="row articles">
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/01.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/02.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/03.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="col-md-2 article-img">
<a href="#"><img src="img/articles/04.jpg" alt=""></a>
<div class="article-overlay"></div>
</div>
<div class="c
扁平设计风格html5模板是一款超炫的扁平化单页网站设计作品模板.rar
需积分: 0 174 浏览量
2023-09-10
10:34:02
上传
评论
收藏 4.94MB RAR 举报
扁平设计风格html5模板是一款超炫的扁平化单页网站设计作品模板.rar （57个子文件） 
av01.jpg 5KB 02.jpg 42KB
bootstrap.js 54KB .DS_Store 6KB
av02.png 15KB av04.jpg 6KB c02.jpg 29KB av03.jpg 6KB teamsprite.png 91KB scripts-ck.js 225B bootstrap.min.css 98KB bootstrap-theme.css.map 37KB 06.jpg 45KB 10.jpg 27KB avbg-01.png 15KB
glyphicons-halflings-regular.svg 61KB jquery-1.8.3.min.js 91KB unslider.min.js 3KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB bootstrap.min.js 28KB av02.jpg 7KB 01.jpg 14KB owl.carousel.css 1KB av01.png 11KB logo.png 2KB xDtuvK3GRJGUSUHgj0ew_IMG_3860.jpg 1.34MB bootstrap-theme.css 15KB responsive-nav.css 852B 08.jpg 32KB bootstrap.css.map 240KB c03.jpg 27KB 07.jpg 26KB 12.jpg 32KB bootstrap.css 118KB responsive-nav.js 15KB bootstrap-theme.min.css 13KB 05.jpg 39KB
index.html 13KB herobg.jpg 568KB 11.jpg 55KB 04.jpg 33KB owl.carousel.js 52KB av04.png 13KB c04.jpg 48KB c01.jpg 41KB av03.png 11KB styles.css 18KB slide-02.png 385KB slide-01.png 307KB arrowup.png 1KB 09.jpg 33KB owl.theme.css 2KB scripts.js 1KB 03.jpg 52KB queries.css 1KB资源评论
