<!--Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Palette Multipurpose Flat Bootstrap Responsive website Template | Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8" />
<meta name="keywords" content="Palette Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<!-- color switch -->
<link href="css/blast.min.css" rel="stylesheet" />
<!-- lightbox -->
<link rel="stylesheet" href="css/lightbox.min.css">
<!-- portfolio -->
<link rel="stylesheet" href="css/portfolio.css">
<!-- font-awesome icons -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- //Custom Theme files -->
<!-- online-fonts -->
<link href="//fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<div class="blast-box">
<div class="blast-frame">
<p>color schemes</p>
<div class="blast-colors d-flex justify-content-center">
<div class="blast-color">#25e0ff</div>
<div class="blast-color">#feb800</div>
<div class="blast-color">#f25050</div>
<div class="blast-color">#18e7d3</div>
<!-- you can add more colors here -->
</div>
<p class="blast-custom-colors">Choose Custom color</p>
<input type="color" name="blastCustomColor" value="#cf2626">
</div>
<div class="blast-icon"><i class="fa fa-cog" aria-hidden="true"></i></div>
</div>
<div id="home" class="banner" data-blast="bgColor">
<!-- header -->
<nav class="navbar fixed-top navbar-expand-lg navbar-light navbar-fixed-top">
<div class="container">
<h1 class="wthree-logo">
<a href="index.html" id="logoLink" data-blast="color">palette</a>
</h1>
<div class="nav-item position-relative">
<a href="#menu" id="toggle">
<span></span>
</a>
<div id="menu">
<ul>
<li><a data-blast="color" href="index.html">Home</a></li>
<li><a data-blast="color" href="#about" class="scroll">About</a></li>
<li><a data-blast="color" href="#portfolio" class="scroll">Portfolio</a></li>
<li><a data-blast="color" href="#services" class="scroll">Services</a></li>
<li><a data-blast="color" href="#testi" class="scroll">Testimonials</a></li>
<li><a data-blast="color" href="#contact" class="scroll">Contact</a></li>
</ul>
</div>
</div>
</div>
</nav>
<!-- //header -->
<!-- banner -->
<div class="container-fluid">
<div class="row banner-row">
<div class="col-lg-8 bg-img text-center">
<h3 class="agile-title">Build your own Beautiful Website.</h3>
<div class="bnr-img">
<img src="images/palette.png" alt="" class="img-fluid m-auto" />
</div>
</div>
<div class="col-lg-4 my-auto p-0">
<div id="login-row">
<h4>Login now!</h4>
<div id="login-column">
<div class="box">
<div class="shape1 shape-bg"></div>
<div class="shape2 shape-bg"></div>
<div class="shape3 shape-bg"></div>
<div class="shape4 shape-bg"></div>
<div class="shape5 shape-bg"></div>
<div class="shape6 shape-bg"></div>
<div class="shape7 shape-bg"></div>
<div class="float">
<form class="form" action="#" method="post">
<div class="form-group">
<label for="username">Username</label><br>
<input type="text" name="username" id="username" class="form-control"
placeholder="your name" required>
</div>
<div class="form-group">
<label for="password">Password</label><br>
<input type="password" name="password" id="password" class="form-control"
placeholder="*****" required>
</div>
<div class="form-group btn-agile">
<input type="submit" name="submit" class="btn btn-primary btn-md" value="login">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- //banner -->
</div>
<!-- about -->
<section class="wthree-row py-sm-5 py-4 about-top" id="about">
<div class="container pt-lg-5">
<div class="title-section py-lg-5">
<h4 data-blast="color">easy to start</h4>
<h3 class="w3ls-title text-uppercase">proven strategy</h3>
</div>
<div class="agileits-top-row row py-md-5">
<div class="col-lg-4 col-md-6 my-md-0 my-4">
<div class="agileits-about-grids">
<span class="fa fa-thumbs-up" aria-hidden="true" data-blast="color"></span>
<h4>save time
<span></span>
</h4>
<p>Itaque earum rerum hic tenetur asap iente delectus rulla accumsan ac elit in
coeiciendis
maiores alias.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-lg-0 mb-4">
<div class="agileits-about-grids">
<span class="fa fa-picture-o" aria-hidden="true" data-blast="color"></span>
<h4>ready pages
<span></span>
</h4>
<p>Itaque earum rerum hic tenetur asap iente delectus rulla accumsan ac elit in
coeiciendis
maiores alias.</p>
</div>
</div>
公司级网站源码-多彩创意产品设计响应式网页模板-支持适配移动端.zip （39个子文件） 
公司级网站源码-多彩创意产品设计响应式网页模板-支持适配移动端 html js 
bootstrap.js 112KB lightbox-plus-jquery.min.js 95KB blast.min.js 1KB SmoothScroll.min.js 13KB jquery-2.2.3.min.js 84KB menu.js 1KB easing.js 5KB move-top.js 1KB scrolling-nav.js 612B css style.css 22KB bootstrap.css 174KB font-awesome.min.css 30KB blast.min.css 2KB lightbox.min.css 4KB portfolio.css 2KB
index.html 56KB images 
g3.jpg 33KB g2.jpg 42KB g8.jpg 39KB
palette.png 162KB banner.jpg 118KB t3.jpg 57KB g7.jpg 32KB g6.jpg 50KB t1.jpg 29KB move-top.png 3KB g5.jpg 33KB close.png 430B slide.png 231KB white.png 31KB t2.jpg 35KB g4.jpg 35KB g1.jpg 34KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
