<!DOCTYPE html>
<html lang="en">
<head>
<!--====== All Meta Tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>Datapro - Agency HTML Template</title>
<!--====== Bootstrap ======-->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<!--====== Fontawesome ======-->
<link rel="stylesheet" href="static/css/fontawesome.all.min.css">
<!--====== Slick Slider ======-->
<link rel="stylesheet" href="static/css/slick.css">
<!--====== Nice Select ======-->
<link rel="stylesheet" href="static/css/nice-select.css">
<!--====== Animate css ======-->
<link rel="stylesheet" href="static/css/animate.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="static/css/default.css">
<!--====== Main css ======-->
<link rel="stylesheet" href="static/css/style.css">
<!--====== Responsive css ======-->
<link rel="stylesheet" href="static/css/responsive.css">
</head>
<body data-spy="scroll" data-target=".main-menu" data-offset="0">
<!--====== Start Preloader ======-->
<div class="preloader">
<div class="lds-ellipsis">
<span></span>
<span></span>
<span></span>
</div>
</div><!--====== End Preloader ======-->
<!--====== Heading area start ======-->
<header class="header-area-v1 transparent-header">
<div class="header-navigation d-flex">
<div class="site-branding">
<div class="brand-logo">
<a href="index.html"><img src="static/picture/main-logo.png" alt=""></a>
</div>
</div>
<div class="navigation-area">
<div class="top-header-area">
<div class="row">
<div class="col-lg-8 col-md-8">
<div class="top-left">
<ul>
<li><span><i class="fal fa-map-marker-alt"></i>2072 Pinnickinick Street, WA 98370</span></li>
<li><span><i class="fal fa-envelope"></i><a href="https://www.51qianduan.com/" target="_blank">51前端</a></span></li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="top-right">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="primary-menu">
<div class="nav-menu d-flex justify-content-between">
<!-- Navbar Close Icon -->
<div class="navbar-close">
<div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div>
</div>
<nav class="main-menu">
<ul>
<li class="menu-item menu-item-has-children"><a href="#home" class="nav-link page_scroll active">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Home One</a></li>
<li><a href="home_v2.html">Home Two</a></li>
</ul>
</li>
<li class="menu-item"><a href="#about" class="nav-link page_scroll">About</a></li>
<li class="menu-item"><a href="#service" class="nav-link page_scroll">Service</a></li>
<li class="menu-item"><a href="#team" class="nav-link page_scroll">Team</a></li>
<li class="menu-item"><a href="#case_area" class="nav-link page_scroll">Case Study</a></li>
<li class="menu-item"><a href="#testimonial" class="nav-link page_scroll">Testimonial</a></li>
<li class="menu-item menu-item-has-children"><a href="#blog" class="nav-link page_scroll">Blog</a>
<ul class="sub-menu">
<li><a href="blog_details.html">Blog Details</a></li>
</ul>
</li>
<li class="menu-item"><a href="#contact" class="nav-link page_scroll">Contact</a></li>
</ul>
</nav>
<div class="nav-button">
<a href="#" class="main-btn">Get A Quote</a>
</div>
</div>
<!-- Navbar Toggler -->
<div class="nav-toggle">
<div class="navbar-toggler float-right">
<span></span><span></span><span></span>
</div>
</div>
</div>
</div>
</div>
</header>
<!--====== Heading area end ======-->
<!--====== Start Hero section ======-->
<section class="hero-area bg_cover" id="home" style="background-image: url(static/images/hero-bg.png);">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="hero-content">
<span class="span wow fadeInUp" data-wow-delay=".5s">Markets & Resources</span>
<h1 class="wow fadeInUp" data-wow-delay=".5s">We Take Care Your Business Growth</h1>
<a href="#" class="main-btn wow fadeInUp" data-wow-delay=".5s">Get A Quote</a>
</div>
</div>
<div class="col-lg-6">
<div class="hero-img wow fadeInRight" data-wow-delay=".5s">
<img src="static/picture/hero-img1.png" alt="">
</div>
</div>
</div>
</div>
</section>
<!--====== End Hero section ======-->
<!--====== About area start ======-->
<section class="about-area-v1 pt-120 pb-40" id="about">
<div class="container">
<div class="row align-items-xl-center">
<div class="col-lg-6">
<div class="about-img mb-80 wow fadeInLeft"><img src="static/picture/about-us.jpg" alt=""></div>
</div>
<div class="col-lg-6">
<div class="about-content-box mb-80">
<div class="section-title mb-25 wow fadeInUp">
<span class="span">care features</span>
<h2>We Are A Professional Creative Agency</h2>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis at est id leo luctus gravida a in ipsum. Vivamus vel molestie nisi. Aliquam maximus maximus velit, id scelerisque urna elem</p>
<ul class="about-list-item">
<li class="list-item d-flex wow fadeInUp">
<div class="check-box"><i class="fa fa-check"></i></div>
<div class="list-content">
<h5>Ligula molestie </h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
</div>
</li>
<li class="list-item d-flex wow fadeInUp">
<div class="check-box"><i class="fa fa-check"></i></div>
<div class="list-content">
<h5>Magna vivamus </h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section><!--====== About area end ======-->
<!--====== Get details area start ======-->
<div class="cta-area">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 item-bg-one">
<div class="cta-item item-one d-flex align-items-center">
<div class="info">
<h3>Digital marketing made easy</h3>
</div>
<div class="button">
<a href="#" class="main-btn">Get A Quote</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 item-bg-two">
<div class="cta-item item-two d-flex align-items-center">
<div class="info">
<span>Stop wasting time</span>
<h3>Need Some Help?</h3>
</div>
<div class="button">
<a href="#" class="main-btn">Get A Quote</a>
</div>
</div>
</div>
</div>
</div>
</div><!--====== Get details area start ======-->
<!--====== Services area start ======-->
<section class="service-area service-area-v1 pb-90" id="service">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-title mb-70 text-center wow fadeInUp">
<span class="span">what we do</span>
<h2>We are optimists who love <br> to work together.</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="single-service-item mb-30 wow fadeInUp">
<div class
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
bootstrap黄色宽屏样式公司业务展示企业网站模板代码下载.zip (85个子文件)
26504
_menu.json 125B
index.html 31KB
static
picture
service-5.svg 2KB
main-logo-2.png 674B
service-4.svg 2KB
case-4.jpg 6KB
project-icon-4.svg 1KB
blog-1.jpg 23KB
testimonial_image2.jpg 2KB
project-icon-3.svg 3KB
about-us.jpg 34KB
case-3.jpg 11KB
service-3.svg 2KB
clients-4.jpg 2KB
case-1.jpg 9KB
clients-2.jpg 2KB
service-6.svg 4KB
clients-5.jpg 2KB
project-icon-2.svg 1KB
service-2.svg 3KB
thumb-2.jpg 5KB
team-3.jpg 31KB
thumb-1.jpg 5KB
hero-img1.png 269KB
case-5.jpg 9KB
case-2.jpg 16KB
testimonial_image1.jpg 2KB
clients-1.jpg 2KB
clients-3.jpg 2KB
team-1.jpg 23KB
main-logo.png 674B
project-icon-1.svg 810B
team-2.jpg 34KB
service-1.svg 4KB
clients-6.jpg 2KB
team-4.jpg 24KB
js
jquery.waypoints.js 18KB
jquery.nice-select.min.js 3KB
imagesloaded.pkgd.min.js 5KB
bootstrap.min.js 62KB
jquery-3.6.0.min.js 87KB
popper.min.js 18KB
slick.min.js 42KB
jquery.counterup.min.js 2KB
wow.min.js 8KB
custom.js 7KB
isotope.pkgd.min.js 35KB
css
style.css 66KB
7ac4f152a28e4a2692ea9e5741c6322f.css 9KB
bootstrap.min.css 158KB
default.css 14KB
fontawesome.all.min.css 71KB
responsive.css 6KB
slick.css 2KB
animate.css 56KB
nice-select.css 4KB
images
team-bg.jpg 38KB
contact-bg.jpg 67KB
hero-bg.png 44KB
testimonial-bg.jpg 58KB
fonts
ldi2apcsobg7s-qt7pbyf_oreec.woff2 15KB
ldi2apcsobg7s-qt7pa8fvoleef2kg.woff2 13KB
ijwkbxyifdniv7nprxyi0a.woff2 18KB
ldi2apcsobg7s-qt7paseforeec.woff2 14KB
ldixapcsobg7s-qt7p4jm-auwa.woff2 12KB
ijwkbxyifdniv7nbrxw.woff2 36KB
ldi2apcsobg7s-qt7pasefoleef2kg.woff2 12KB
fa-light-300.woff2 142KB
ijwkbxyifdniv7ndrxyi0a.woff2 8KB
fa-brands-400.woff2 68KB
ldi2apcsobg7s-qt7pasefoqeef2kg.woff2 72KB
ldixapcsobg7s-qt7p4hm-y.woff2 15KB
ldi2apcsobg7s-qt7pb0epoleef2kg.woff2 12KB
fa-regular-400.woff2 132KB
ldi2apcsobg7s-qt7pb0epoqeef2kg.woff2 76KB
ijwkbxyifdniv7nmrxyi0a.woff2 12KB
ldi2apcsobg7s-qt7pb0eporeec.woff2 15KB
ldi2apcsobg7s-qt7pbyf_oleef2kg.woff2 13KB
ldi2apcsobg7s-qt7pa8fvoreec.woff2 15KB
fa-solid-900.woff2 108KB
ijwkbxyifdniv7nfrxyi0a.woff2 14KB
ldixapcsobg7s-qt7p4gm-auwa.woff2 74KB
ldi2apcsobg7s-qt7pa8fvoqeef2kg.woff2 76KB
ldi2apcsobg7s-qt7pbyf_oqeef2kg.woff2 78KB
_tree.json 11KB
共 85 条
- 1
资源评论
小徐博客
- 粉丝: 1977
- 资源: 5883
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- (2025)计算机网络技术考试题库(含答案).doc
- (2025)监理工程师《合同管理》考试题库及答案.doc
- (2025)辐射安全与防护培训考试题库及答案.docx
- (2025)高压电工考试题库及答案.docx
- (2025)工业机器人技术题库及答案.docx
- (2025)工作票三种人资格工作许可人考试题库及答案.docx
- (2025)工业机器人系统操作员技术及理论知识竞赛试题库(附含答案).docx
- (2025)公司员工疫情防控知识考试题库及答案.docx
- (2025)公文写作基础知识试题库及答案.docx
- (2025)公文筐考试题库及答案.docx
- (2025)公务员结构化面试万能模板.docx
- (2025)公务员考试常用数学公式总结归纳.docx
- (2025)国家基层糖尿病防治管理指南认证考试试题及答案.docx
- (2025)国学经典知识竞赛题库及答案.docx
- (2025)汉字听写大会竞赛试题库及答案(通用版).docx
- (2025)过程气体事业部产品测试题及答案.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功