<!--
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>Task Corporate Category Flat Bootstrap Responsive Web Template | Home :: w3layouts</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Task 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=Alegreya+Sans:100,100i,300,300i,400,400i,500,500i,700,700i,800,800i,900,900i" rel="stylesheet">
<!-- //google fonts -->
</head>
<body>
<!-- //header -->
<header>
<div class="container">
<!-- nav -->
<nav class="py-4 d-md-flex">
<div id="logo">
<h1> <a href="index.html"><span class="fa fa-eercast" aria-hidden="true"></span> Task</a></h1>
</div>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<ul class="menu mt-md-2 ml-auto">
<li class="mr-lg-4 mr-2 active"><a href="index.html">Home</a></li>
<li class="mr-lg-4 mr-2"><a href="#ideas">Services</a></li>
<li class="mr-lg-4 mr-2"><a href="#how">How It Works</a></li>
<li class="mr-lg-4 mr-2"><a href="#pricing">Pricing</a></li>
<li class="mr-lg-4 mr-2"><a href="contact.html">Contact</a></li>
</ul>
<div class="login-icon mt-2">
<a class="user" href="contact.html">Start Project</a>
</div>
</nav>
<!-- //nav -->
</div>
</header>
<!-- //header -->
<!-- banner -->
<section class="banner" id="home">
<div class="container">
<div class="banner-text">
<div class="slider-info">
<div class="agileinfo-logo mt-lg-5">
<h2>Manage Your Team Work In An Easy Way</h2>
<p>Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at tempus vel, ultrices in ligula. Nulla
sollicit udin velit. semper at tempus vel, ultrices in ligula leo id viverra feugiat.</p>
</div>
<a class="btn mr-2" href="#popup1"><span class="fa fa-info-circle"></span> Get Started</a>
<ul class="social mt-4">
<li><a href="#"><span class="fa fa-facebook icon_facebook"></span></a></li>
<li><a href="#"><span class="fa fa-twitter icon_twitter"></span></a></li>
<li><a href="#"><span class="fa fa-dribbble icon_dribbble"></span></a></li>
<li><a href="#"><span class="fa fa-google-plus icon_g_plus"></span></a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- //banner -->
<!-- banner bottom -->
<section class="banner-bottom py-5">
<div class="container py-lg-5 py-md-3">
<div class="row bot-grids">
<div class="col-lg-6">
<h4 class="mb-3">Ultimate design and experiences with story, emotion and purpose</h4>
<p>Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at tempus vel, ultrices in ligula. Nulla
sollicit udin velit. semper at tempus vel, ultrices in ligula leo id viverra feugiat.</p>
</div>
<div class="col-lg-6 text-center position-relative pl-lg-5 mt-lg-0 mt-4">
<div class="bot-grid">
<span class="fa fa-desktop"></span>
<h5 class="my-3">Trending Creative Design.</h5>
</div>
<div class="bot-grid1 position-absolute">
<span class="fa fa-building"></span>
<h5 class="my-3">Ultimate New Technology.</h5>
</div>
<div class="bot-grid2 position-absolute">
<span class="fa fa-cogs"></span>
<h5 class="my-3">Brand Source Experience.</h5>
</div>
</div>
</div>
</div>
</section>
<!-- //banner bottom -->
<!-- Services -->
<section class="services bg-light py-5" id="ideas">
<div class="container py-lg-5 py-3">
<h4 class="heading text-capitalize text-center mb-lg-5 mb-4 pb-2">We Create digital ideas that are bigger, bolder, braver and better.</h4>
<div class="row service-grids">
<div class="col-lg-4 col-md-6">
<div class="grid1 text-center p-4 bg-white">
<span class="fa fa-building"></span>
<h5 class="my-3">Newest technology.</h5>
<p>Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-lg-0 mt-md-5 mt-4">
<div class="grid2 text-center p-4 bg-white">
<span class="fa fa-users"></span>
<h5 class="my-3">Love to work together.</h5>
<p>Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-lg-0 mt-md-5 mt-4">
<div class="grid3 text-center p-4 bg-white">
<span class="fa fa-product-hunt"></span>
<h5 class="my-3">Amazing Products.</h5>
<p>Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-md-5 mt-4">
<div class="grid4 text-center p-4 bg-white">
<span class="fa fa-desktop"></span>
<h5 class="my-3">Inspired design.</h5>
<p>Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-md-5 mt-4">
<div class="grid5 text-center p-4 bg-white">
<span class="fa fa-arrows"></span>
<h5 class="my-3">Attention to details.</h5>
<p>Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-md-5 mt-4">
<div class="grid6 text-center p-4 bg-white">
<span class="fa fa-cogs"></span>
<h5 class="my-3">Free updates & support.</h5>
<p>Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at.</p>
</div>
</div>
</div>
</div>
</section>
<!-- //Services -->
<!-- how it works -->
<section class="about py-5" id="how">
<div class="container py-md-5">
<div class="row about-grids">
<div class="col-lg-6">
<img src="images/left.png" alt="" class="img-fluid"/>
</div>
<div class="col-lg-6 grid1 mt-lg-0 mt-4">
<span class="fa fa-building"></span>
<h4 class="my-3">Pellentesque libero justo, semper at tempus vel, ultrices in ligula.</h4>
<p>Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at tempus vel, ultrices in ligula. Nulla
sollicit udin velit. semper at tempus vel, ultrices in ligula leo id viverra feugiat.</p>
<h5 class="mt-md-5 mt-3 mb-2">Pellentesque libero justo, semper at</h5>
<p>Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at tempus vel, ultrices in ligula. Nulla
sollicit udin velit. semper at.</p>
<h5 class="mt-3 mb-2">Pellentesque libero justo, semper at</h5>
<p>Integer pulvinar leo id viverra feugiat. Pellentesque libero justo, semper at tempus vel, ultrices in ligula. Nulla
sollicit udin velit. semper at.</p>
</div>
</div>
</div>
</section>
<section class="about py-5">
<div class="container py-md-5">
<div class="row about-grids">
<div class="col-lg-6 grid2">
<span class="fa fa-building"></span>
<h4 class="my-3">Pellentesque libero justo, semper at te
公司级网站源码-移动商务应用响应式网页模板-支持适配移动端.zip
版权申诉
60 浏览量
2024-03-24
14:59:58
上传
评论
收藏 769KB ZIP 举报
公司级网站源码-移动商务应用响应式网页模板-支持适配移动端.zip （12个子文件） 
公司级网站源码-移动商务应用响应式网页模板-支持适配移动端 html css 
style.css 25KB bootstrap.css 174KB font-awesome.min.css 30KB
index.html 13KB contact.html 6KB images 
left.png 81KB
bg.jpg 199KB right.png 55KB fonts FontAwesome.otf 132KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB资源评论
DTcode7
- 粉丝: 1464
- 资源: 4058
最新资源
- MyBatis动态SQL是一种强大的特性，它允许我们在SQL语句中根据条件动态地添加或删除某些部分，从而实现更加灵活和高效的数据
- MyBatis动态SQL是一种强大的特性，它允许我们在SQL语句中根据条件动态地添加或删除某些部分，从而实现更加灵活和高效的数据
- MyBatis动态SQL是一种强大的特性，它允许我们在SQL语句中根据条件动态地添加或删除某些部分，从而实现更加灵活和高效的数据
- 关于mybatis的一些相关资源
- 关于mybatist的一些相关资源
- uni-app实战社区交友类app开发&带视频教程
- mybatis动态sql的一些相关资源
- 隐马尔可夫模型在期货市场的应用_曾琦裕 (1).caj
- 极域解控和极域反控！！！
- 安卓android-serialport-api 串口demo源代码.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
