<!--
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>Achieve a 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="Achieve 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=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<!-- //google fonts -->
</head>
<body>
<!-- header -->
<header>
<div class="container">
<div class="header d-lg-flex">
<div class="header-agile d-flex">
<h1 class="mr-lg-0 mr-4">
<a class="navbar-brand logo" href="index.html">
<span class="fa fa-free-code-camp" aria-hidden="true"></span>
</a>
</h1>
</div>
<div class="nav_w3ls mt-lg-3">
<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="active"><a href="index.html">Home</a></li>
<li class=""><a href="#about">About Us</a></li>
<li class="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="#services">Services</a></li>
<li><a href="#facts">Company Facts</a></li>
<li><a href="#partners">Trusted Partners</a></li>
</ul>
</li>
<li class=""><a href="#gallery">Gallery</a></li>
<li class=""><a href="#contact">Get In Touch</a></li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- //header -->
<!-- banner -->
<section class="banner w3pvt-banner" id="home">
<div class="container">
<div class="banner-text">
<div class="banner-info">
<div class="w3pvt-logo">
<h2>We help achieve your goals, Lets Make Your Design Great!</h2>
<p class="mt-3">Donec cursus congue risus, quis varius velit accumsan aliquam. Morbi semper nunc in ex lacinia,
at lobortis lectus porta</p>
<form action="#" method="post" class="">
<input type="email" name="Email" placeholder="Enter your email..." required="">
<button type="submit" class="btn"><span class="fa fa-paper-plane"></span></button>
<div class="clearfix"> </div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- //banner -->
<!-- about-->
<section class="wthree-row py-5" id="about">
<div class="container py-lg-5">
<div class="row about-main">
<div class="col-lg-6 about-right">
<img src="images/about.jpg" class="img-fluid" alt="" />
</div>
<div class="col-lg-6 about-text-grid text-left">
<div class="title-desc">
<h3 class="main-title-w3pvt text-capitalize">Explore the Creative Business</h3>
</div>
<p class="my-sm-4 mt-2 mb-4">Vestibulum feugiat tortor vitae diam euismod, ut et inter dum nisi fermentum. Pellentesque sed sodales nunc.
Vestibulum laoreet erat nisi, sit amet ultrices.</p>
<a href="#bottom"> Read more</a>
</div>
</div>
</div>
</section>
<!-- //about -->
<!-- about-->
<section class="section-middle py-5" id="bottom">
<div class="container py-lg-5">
<div class="row about-main">
<div class="col-lg-6 about-text-grid1 text-left">
<div class="title-desc">
<h4><span></span>Get started</h4>
<h3 class="main-title-w3pvt text-capitalize my-4"> Join With Us. We will make the best projects together!</h3>
</div>
<a href="#"> Join Us</a>
</div>
<div class="col-lg-6 about-right mt-lg-0 mt-4">
<p class="">Vestibulum feugiat tortor vitae diam euismod, ut et inter dum nisi fermentum. Pellentesque sed sodales nunc.
Vestibulum laoreet erat nisi, sit amet ultrices. Vestibulum feugiat tortor vitae diam euismod, ut et inter dum nisi fermentum. Pellentesque sed sodales nunc.
Vestibulum laoreet erat nisi, sit amet ultrices vitae diam.</p>
<p class="mt-4">Vestibulum feugiat tortor vitae diam euismod, ut et inter dum nisi fermentum. Pellentesque sed sodales nunc.
Vestibulum laoreet erat nisi, sit amet ultrices inter dum nisi vitae diam fermentum.</p>
</div>
</div>
</div>
</section>
<!-- //about -->
<!-- services -->
<section class="services py-5" id="services">
<div class="container py-lg-5 py-3">
<h3 class="heading mb-4">Our Services</h3>
<div class="feature-grids row">
<div class="col-lg-4 col-md-6 ">
<div class="bottom-gd">
<span>01</span>
<h3 class=""> Best Solutions</h3>
<p class="mt-3">Integer sit amet mattis quam, sit amet ul tricies velit. Praesent ullam corper dui turpis dolor sit amet.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-md-0 mt-4">
<div class="bottom-gd">
<span>02</span>
<h3 class=""> Creative Work</h3>
<p class="mt-3">Integer sit amet mattis quam, sit amet ul tricies velit. Praesent ullam corper dui turpis dolor sit amet.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-lg-0 mt-4">
<div class="bottom-gd">
<span>03</span>
<h3 class=""> Great Designs</h3>
<p class="mt-3">Integer sit amet mattis quam, sit amet ul tricies velit. Praesent ullam corper dui turpis dolor sit amet.</p>
</div>
</div>
</div>
</div>
</section>
<!-- //services -->
<!-- gallery -->
<div class="gallery py-5 poition-relative" id="gallery">
<div class="container py-md-3">
<h3 class="heading mb-4">Our Gallery</h3>
<div class="news-grids gal text-center">
<div class="row">
<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
<a href="#gal1"><img src="images/g1.jpg" alt="projects image" class="img-fluid"></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 gal-img my-md-0">
<a href="#gal2"><img src="images/g2.jpg" alt="projects image" class="img-fluid"></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
<a href="#gal3"><img src="images/g3.jpg" alt="projects image" class="img-fluid"></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
<a href="#gal4"><img src="images/g4.jpg" alt="projects image" class="img-fluid"></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
<a href="#gal5"><img src="images/g5.jpg" alt="projects image" class="img-fluid"></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 gal-img my-md-0">
<a href="#gal6"><img src="images/g6.jpg" alt="projects image" class="img-fluid"></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
<a href="#gal7"><img src="images/g7.jpg" alt="projects image" class="img-fluid"></a>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 gal-img">
<a href="#gal8"><img src="images/g8.jpg" alt="projects image" class="img-fluid"></a>
</div>
</div>
</
公司级网站源码-探索创意产品企业响应式网页模板-支持适配移动端.zip
版权申诉
82 浏览量
2024-03-23
12:26:46
上传
评论
收藏 1.01MB ZIP 举报
公司级网站源码-探索创意产品企业响应式网页模板-支持适配移动端.zip （21个子文件） 
公司级网站源码-探索创意产品企业响应式网页模板-支持适配移动端 html css 
style.css 24KB bootstrap.css 174KB font-awesome.min.css 30KB
index.html 17KB images 
g3.jpg 28KB g2.jpg 38KB g8.jpg 28KB about.jpg 40KB g7.jpg 34KB g6.jpg 23KB bg.jpg 156KB g5.jpg 24KB facts.jpg 69KB g4.jpg 48KB g1.jpg 20KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
