<!--
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="en">
<head>
<title>Informal a Multipurpose Flat Bootstrap Responsive Web Template | Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="Informal Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- css files -->
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' /><!-- bootstrap css -->
<link href="css/style.css" rel='stylesheet' type='text/css' /><!-- custom css -->
<link href="css/font-awesome.min.css" rel="stylesheet"><!-- fontawesome css -->
<!-- //css files -->
<!-- google fonts -->
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
<!-- //google fonts -->
</head>
<body>
<!-- header -->
<header>
<div class="container">
<div class="header d-lg-flex justify-content-between align-items-center">
<div class="header-agile">
<h1>
<a class="navbar-brand logo" href="index.html">
<span class="fa fa-anchor" aria-hidden="true"></span> Informal
</a>
</h1>
</div>
<div class="nav_w3ls">
<nav>
<label for="drop" class="toggle mt-lg-0 mt-1"><span class="fa fa-bars" aria-hidden="true"></span></label>
<input type="checkbox" id="drop" />
<ul class="menu">
<li class="mr-lg-3 mr-2 active"><a href="index.html">Home</a></li>
<li class="mr-lg-3 mr-2"><a href="about.html">About </a></li>
<li class="mr-lg-3 mr-2 p-0">
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span> </label>
<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2"/>
<ul class="inner-dropdown">
<li><a href="#stats">What We Do</a></li>
<li><a href="#blog">News Updates</a></li>
<li><a href="#subscribe">Newsletter</a></li>
</ul>
</li>
<li class="mr-lg-3 mr-2"><a href="gallery.html">Gallery</a></li>
<li class="mr-lg-3 mr-2"><a href="contact.html">Contact Us</a></li>
<li class="mr-3 icons"><a href="#"><span class="fa fa-facebook" aria-hidden="true"></span></a></li>
<li class="mr-3 icons"><a href="#"><span class="fa fa-instagram" aria-hidden="true"></span></a></li>
<li class="mr-3 icons"><a href="#"><span class="fa fa-twitter" aria-hidden="true"></span></a></li>
<li class=" icons"><a href="#"><span class="fa fa-pinterest" aria-hidden="true"></span></a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- //header -->
<!-- banner -->
<div class="banner_w3lspvt" id="home">
<div class="csslider infinity" id="slider1">
<input type="radio" name="slides" checked="checked" id="slides_1"/>
<input type="radio" name="slides" id="slides_2"/>
<input type="radio" name="slides" id="slides_3"/>
<input type="radio" name="slides" id="slides_4"/>
<ul class="banner_slide_bg">
<li>
<div class="slider-info bg1">
<div class="bs-slider-overlay">
<div class="banner-text">
<div class="container">
<h2 class="movetxt agile-title text-capitalize">Welcome to <span>Creative World</span></h2>
<h4 class="movetxt mb-3 agile-title text-capitalize">Awesome Technology</h4>
<a href="about.html" class="btn"> know More About Us </a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="slider-info bg2">
<div class="bs-slider-overlay1">
<div class="banner-text">
<div class="container">
<h4 class="movetxt agile-title text-capitalize">Welcome to the world </h4>
<h4 class="movetxt mb-3 agile-title text-capitalize">of Creative Space</h4>
<a href="about.html" class="btn"> know More About Us </a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="slider-info bg3">
<div class="bs-slider-overlay1">
<div class="banner-text">
<div class="container">
<h4 class="movetxt agile-title text-capitalize">Welcome to <span>Creative World</span></h4>
<h4 class="movetxt mb-3 agile-title text-capitalize">Awesome Technology</h4>
<a href="about.html" class="btn"> know More About Us </a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="slider-info bg4">
<div class="bs-slider-overlay1">
<div class="banner-text">
<div class="container">
<h4 class="movetxt agile-title text-capitalize">Welcome to the world </h4>
<h4 class="movetxt mb-3 agile-title text-capitalize">of Creative Space</h4>
<a href="about.html" class="btn"> know More About Us </a>
</div>
</div>
</div>
</div>
</li>
</ul>
<div class="navigation">
<div>
<label for="slides_1"></label>
<label for="slides_2"></label>
<label for="slides_3"></label>
<label for="slides_4"></label>
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- about -->
<section class="about py-5" id="about">
<div class="container py-lg-5 py-md-3">
<h3 class="heading mb-4">About <span> Us</span> </h3>
<div class="row">
<div class="col-lg-5 about-left">
<p class="">Sed ut perspiciatis unde omnis natus error dolor volup tatem ed accusantium doloremque
laudantium, totam rem aperiam, eaqu ipsa quae ab illo quasi architi ecto beatae vitae dicta
sunt dolor ipsum explicabo Sed uti perspiciatis unde dolor sed sit quae ab illo eaqu ipsa quae ab illo quasi architi ecto beatae vita.</p>
</div>
<div class="col-lg-7 about-right text-center mt-5">
<div class="row">
<div class="col-sm-4 col-4 grid1">
<span class="fa fa-cloud"></span>
<h4 class="mt-3">Awesome <br>Technology</h4>
</div>
<div class="col-sm-4 col-4 grid2 border-grid">
<span class="fa fa-desktop"></span>
<h4 class="mt-3">Responsive <br>Layout</h4>
</div>
<div class="col-sm-4 col-4 grid3">
<span class="fa fa-cogs"></span>
<h4 class="mt-3">Creative <br>Agency</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- //about -->
<!-- about bottom -->
<section class="about-bottom py-5">
<div class="container py-md-3">
<div class="row">
<div class="col-lg-6 left-img">
<img src="images/imac.png" class="img-fluid" alt="" />
</div>
<div class="col-lg-6 mt-lg-0 mt-4">
<h3 class="heading mb-5">Creative <span> Technology</span> </h3>
<div class="row inner-heading">
<div class="col-md-1">
<span class="fa fa-anchor"></span>
</div>
<div class="col-md-11">
<h4 class="mt-md-0 mt-2">Who We Are</h4>
<p class="mt-3">Sed ut perspiciatis unde omnis natus error dolor volup tatem ed accusantium doloremque
laudantium, tota rem aperiam, eaqu ipsa quae ab illo quasi architi ecto beatae vita.</p>
<a href="#" class="btn">Read More</a>
</div>
<div class="col-md-1 mt-5">
<span class="fa fa-assistive-listening-systems"></span>
</div>
<div class="col-md-11 mt-md-5">
<h4 class="mt-md-0
公司级网站源码-黑白创意科技响应式网站模板-支持适配移动端.zip （30个子文件） 
公司级网站源码-黑白创意科技响应式网站模板-支持适配移动端 html css 
style.css 27KB bootstrap.css 174KB font-awesome.min.css 30KB
index.html 18KB contact.html 10KB about.html 12KB images 
g3.jpg 38KB stats.jpg 119KB g2.jpg 26KB news2.jpg 24KB right-img.jpg 61KB banner4.jpg 83KB team3.jpg 29KB banner3.jpg 166KB team2.jpg 22KB news1.jpg 27KB banner1.jpg 154KB g5.jpg 27KB g4.jpg 24KB team1.jpg 22KB banner2.jpg 89KB g1.jpg 35KB
imac.png 91KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB gallery.html 11KB资源评论
