<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Relient - Responsive Multiperpose Theme</title>
<!-- Preloader CSS -->
<script src="js/pace.min.js"></script>
<!-- Meta Viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<!-- Meta description and keywords -->
<meta name="description" content="">
<meta name="keywords" content="">
<!-- Shortcut icons And Apple touch icon -->
<link rel="shortcut icon" href="img/favicon.png" >
<link rel="apple-touch-icon" href="img/favicon.png" >
<!-- Preloader CSS -->
<link rel="stylesheet" href="css/pace.css" >
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Other Supportive CSS -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/animation-delay.css">
<link rel="stylesheet" href="css/metisMenu.min.css">
<link rel="stylesheet" href="css/prism.css">
<!-- Universal stylesheet (Should be used with all pages) -->
<link rel="stylesheet" href="css/main.css">
<!-- Custom CSS (Page Specific) < Editable > -->
<link rel="stylesheet" href="css/pages/page-multi-perpose.css">
<link rel="stylesheet" href="css/components/portfolio.css">
<!-- Custom CSS (color theme) < Editable > -->
<link rel="stylesheet" href="css/color-theme/business/blue.css">
<!-- CSS Only for demo delete in original vrsion -->
<link rel="stylesheet" href="css/demo.css">
</head>
<body class="bg-17">
<div class="overlay"></div>
<div class="layout full-width">
<section id="demo" class="demo hidden-xs">
<div class="container affix">
<div class="row">
<div class="handle">
<button type="button" class="btn btn-danger" data-toggle="style-switcher"><span class="fa fa-cog fa-spin"></span></button>
</div>
<div class="styler well custom">
<span class="close fa fa-times"></span>
<h3 class="heading txt-xs">Layout</h3>
<div class="ul ul-xs"><span></span></div>
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-success active">
<input type="radio" checked name="layout" value="full" id="layout1"> Full
</label>
<label class="btn btn-warning">
<input type="radio" name="layout" value="boxed" id="layout2"> Boxed
</label>
</div>
<h3 class="heading txt-xs">Side Nav Style</h3>
<div class="ul ul-xs"><span></span></div>
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-success active">
<input type="radio" checked name="layout" value="reveal" id="side-menu-style1"> Push
</label>
<label class="btn btn-warning">
<input type="radio" name="layout" value="overlay" id="side-menu-style2"> Overlay
</label>
</div>
<h3 class="heading txt-xs">Color Themes</h3>
<div class="ul ul-xs"><span></span></div>
<div class="color-themes"></div>
<h3 class="heading txt-xs">Background Patterns</h3>
<div class="ul ul-xs"><span></span></div>
<div class="bg-patterns"></div>
</div>
</div>
</div>
</section>
<section id="home-head">
<div class="container">
<!-- TopThin Bar Containing Contact Info and Email And Social Button etc... (Visible only only on big screens) -->
<div class="row top-bar-contact hidden-xs">
<!-- Email/Phone -->
<div class="col-sm-6 col-md-5 col-lg-4 contact">
<!-- Contact Phone -->
<span class="phone"><span class="fa fa-phone"></span> +91-1234567890</span>
<!-- Contact Email -->
<span class="email"><span class="fa fa-envelope-o"></span> info@example.com</span>
</div>
<!-- Social and login/signup Buttons visible only on big screens (PC, Laptop) -->
<div class="col-sm-6 col-md-7 col-lg-8 social">
<div class="btn-group">
<!-- Facebook -->
<a class="btn btn-primary btn-xs" href="#" title="Facebook"><span class="fa fa-facebook"></span></a>
<!-- Twitter -->
<a class="btn btn-info btn-xs" href="#" title="Twitter"><span class="fa fa-twitter"></span></a>
<!-- Google Plus -->
<a class="btn btn-danger btn-xs" href="#" title="Google+"><span class="fa fa-google-plus"></span></a>
</div>
<div class="btn-group">
<!-- Login Modal Button -->
<button data-toggle="modal" data-target="#login-modal" class="btn btn-success btn-xs">Login</button>
<!-- Signup Modal Button -->
<button data-toggle="modal" data-target="#signup-modal" class="btn btn-info btn-xs">Signup</button>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<!-- Toggle Button for main navbar (Horizontal Nav) (This button visible only on mobile) -->
<button type="button" class="navbar-toggle collapsed left" data-toggle="collapse" data-target="#main-navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Toggle Button for main navbar (Verticle Side Nav) (This button visible only on mobile) -->
<button type="button" class="navbar-toggle collapsed right" data-toggle="side-nav" data-style="reveal" data-target=".side-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Site Name -->
<a class="navbar-brand" href="multiperpose.html">RELIENT</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="main-navbar">
<!-- Text which toggle Verticle Side nav on click (Visible Only OnBig Screens) -->
<p class="navbar-text navbar-right hidden-xs" data-toggle="side-nav" data-style="reveal" data-target=".side-nav">
<span class="fa fa-bars"></span>
</p>
<!-- Main Nav Pills -->
<ul class="nav navbar-nav navbar-right">
<li>
<!-- Main Nav Pill Link -->
<a href="multiperpose.html">
<!-- Main Nav Pill Icon -->
<span class="fa fa-home"></span>
<!-- Main Nav Pill Text -->
Home
</a>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="fa fa-gift"></span>Extra Pages <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="multiperpose-contact-1.html">Contact Style 1</a></li>
<li><a href="multiperpose-contact-2.html">Contact Style 2</a></li>
<li class="divider"></li>
<li><a href="login.html">Login</a></li>
<li><a href="signup.html">Signup</a></li>
<li><a href="login-option.html">Login Option</a></li>
<li><a href="signup-option.html">Signup Option</a></li>
<li><a href="login-signup.html">Login / Signup</a></li>
</ul>
</li>
<li><a href="#" data-toggle="side-nav" data-style="reveal" data-target=".side-nav"><span class="fa fa-flash"></span>Components</a></li>
</ul>
</div>
</div>
</nav>
<div class="container side-nav affix">
<div class="row">
<!-- Social Icons and login/signup Buttons for only mobile devices -->
<!-- Social Buttons -->
<div class="nav-social text-center visible-xs">
<div class="btn-group">
<!-- Facebook Button -->
三种风格web前端HTML5模板下载
1星 需积分: 49 48 浏览量
2017-07-01
22:41:43
上传
评论 4
收藏 13.31MB ZIP 举报 
三种风格web前端HTML5模板下载 （207个子文件） 
.buildpath 174B bootstrap.css 129KB bootstrap.min.css 107KB portfolio.css 102KB multiperpose.css 87KB animate.min.css 52KB font-awesome.css 26KB font-awesome.min.css 21KB bootstrap-theme.css 21KB bootstrap-theme.min.css 18KB main.css 18KB single-portfolio.css 16KB page-multi-perpose.css 12KB animation-delay.css 9KB funny-boxes.css 9KB portfolio.css 8KB purple.css 8KB orange.css 8KB green.css 8KB dark-golden-rod.css 8KB sky-blue.css 8KB red.css 8KB blue.css 8KB teal.css 8KB brown.css 7KB maroon.css 7KB header.css 7KB prism.css 6KB tagline-boxes.css 4KB pace.css 4KB content-boxes.css 2KB shadow-boxes.css 2KB login-signup.css 2KB demo.css 2KB owl.theme.css 2KB red.css 1KB sky-blue.css 1KB dark-golden-rod.css 1KB purple.css 1KB green.css 1KB orange.css 1KB blue.css 1KB teal.css 1KB brown.css 1KB owl.carousel.css 1KB maroon.css 1KB metisMenu.css 1KB jquery.metisMenu.css 926B flip-boxes.css 848B metisMenu.min.css 781B Thumbs.db 628KB Thumbs.db 194KB Thumbs.db 154KB Thumbs.db 136KB Thumbs.db 120KB Thumbs.db 100KB Thumbs.db 58KB Thumbs.db 34KB fontawesome-webfont.eot 55KB glyphicons-halflings-regular.eot 20KB
com-portfolio.html 47KB com-buttons.html 39KB com-accor.html 36KB com-divider.html 33KB com-funnybox.html 32KB multiperpose.html 30KB com-label.html 30KB single-portfolio.html 30KB com-headings.html 30KB com-tagline.html 29KB com-shadowbox.html 29KB com-shortcode.html 27KB com-flipbox.html 27KB single-portfolio-bg-video.html 26KB single-portfolio-bg-slideshow.html 26KB com-contentbox.html 26KB com-counter.html 25KB com-header.html 24KB com-circles.html 24KB login-signup.html 22KB multiperpose-contact-2.html 22KB multiperpose-contact-1.html 22KB signup-option.html 21KB multiperpose-template.html 21KB login-option.html 21KB template.html 3KB index.html 3KB signup.html 3KB login.html 3KB
bg-image-3.jpg 1.97MB counter-bg.jpg 797KB showcase-bg.jpg 522KB bg-image-1.jpg 496KB avatar.jpg 438KB single-portfolio-slideshow-bg-8x.jpg 377KB single-portfolio-still-bg-8x.jpg 352KB portfolio6.jpg 255KB multiperpose-8x.jpg 220KB bg-image-2.jpg 210KB single-portfolio-bg-video-8x.jpg 203KB共 207 条
- 1
- 2
- 3
资源评论
LSvting2017-09-25打开来是一个项目文件，在浏览器打开效果还行，但是没有任何说明啊，看不懂哪里有三种风格了？？？
