<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Home</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="" />
<!-- //Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/slider.css" type="text/css" media="all" />
<!-- Style-CSS -->
<!-- font-awesome-icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome-icons -->
<!-- /Fonts -->
<link href="http://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">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<!-- //Fonts -->
</head>
<body>
<!-- header -->
<header>
<div class="container">
<!-- nav -->
<nav class="py-3 d-lg-flex">
<div id="logo">
<h1> <a href="index.html"><span class="fa fa-rocket"></span> Promote </a></h1>
</div>
<label for="drop" class="toggle"><span class="fa fa-bars"></span></label>
<input type="checkbox" id="drop" />
<ul class="menu ml-auto mt-1">
<li class="active"><a href="index.html">Home</a></li>
<li class=""><a href="#about">About Us</a></li>
<li class=""><a href="#services">Services</a></li>
<li class=""><a href="#portfolio">Portfolio</a></li>
<li class=""><a href="#contact">Contact</a></li>
<li class="last-grid"><a href="#register">Register now</a></li>
</ul>
</nav>
<!-- //nav -->
</div>
</header>
<!-- //header -->
<!-- banner -->
<div class="banner" id="home">
<div class="layer">
<div class="container">
<div class="banner-text-w3pvt">
<!-- banner slider-->
<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" />
<ul class="banner_slide_bg">
<li>
<div class="w3ls_banner_txt">
<h3 class="b-w3ltxt text-capitalize mt-md-4">Best Marketing Platform to Really Grow your Business</h3>
<a href="#about" class="btn btn-banner my-sm-3 mr-2">Read More</a>
</div>
</li>
<li>
<div class="w3ls_banner_txt">
<h3 class="b-w3ltxt text-capitalize mt-md-4">Best planning Platform to Really Grow your Business</h3>
<a href="#about" class="btn btn-banner my-sm-3 mr-2">Read More</a>
</div>
</li>
<li>
<div class="w3ls_banner_txt">
<h3 class="b-w3ltxt text-capitalize mt-md-4">Best Marketing Platform to Really Grow your Business</h3>
<a href="#about" class="btn btn-banner my-sm-3 mr-2">Read More</a>
</div>
</li>
</ul>
<div class="navigation">
<div>
<label for="slides_1"></label>
<label for="slides_2"></label>
<label for="slides_3"></label>
</div>
</div>
</div>
<!-- //banner slider-->
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- about -->
<section class="services py-5" id="services">
<div class="container py-md-5 py-3">
<h5 class="heading mb-2">Exclusive Services</h5>
<h3 class="heading mb-5">We Provide Awesome Services</h3>
<div class="feature-grids row">
<div class="col-lg-4 col-md-6 col-sm-6 mb-5">
<div class="bottom-gd">
<span>01</span>
<h3 class="mt-4">Content Marketing </h3>
<p class="mt-2">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 col-sm-6 mb-5">
<div class="bottom-gd">
<span>02</span>
<h3 class="mt-4"> Distribution Content</h3>
<p class="mt-2">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 col-sm-6 mb-5">
<div class="bottom-gd">
<span>03</span>
<h3 class="mt-4"> Measurement Content</h3>
<p class="mt-2">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 col-sm-6 mb-5">
<div class="bottom-gd">
<span>04</span>
<h3 class="mt-4">Editorial Content</h3>
<p class="mt-2">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 col-sm-6 mb-5">
<div class="bottom-gd">
<span>05</span>
<h3 class="mt-4"> Creative Content</h3>
<p class="mt-2">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 col-sm-6 mb-5">
<div class="bottom-gd">
<span>06</span>
<h3 class="mt-4"> Analytics Content</h3>
<p class="mt-2">Integer sit amet mattis quam, sit amet ul tricies velit. Praesent ullam corper dui turpis dolor sit amet.</p>
</div>
</div>
</div>
</div>
</section>
<!-- //about -->
<!-- about bottom -->
<section class="about-bottom py-5" id="about">
<div class="container py-md-5 py-3">
<h5 class="heading mb-2">How we work</h5>
<h3 class="heading mb-sm-5 mb-3">HOw we deal about business</h3>
<div class="row">
<div class="col-lg-6 left-img">
<img src="images/about.jpg" class="img-fluid" alt="" />
</div>
<div class="col-lg-6 mt-lg-0 mt-4">
<div class="row inner-heading">
<div class="col-md-2">
<span class="fa fa-bullseye"></span>
</div>
<div class="col-md-10">
<h4 class="mt-md-0 mt-2">We work fast</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-2 mt-5">
<span class="fa fa-lightbulb-o"></span>
</div>
<div class="col-md-10 mt-md-5">
<h4 class="mt-md-0 mt-2">Creative ideas</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>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-6 mt-lg-0 mt-4">
<div class="row inner-heading">
<div class="col-md-2">
<span class="fa fa-question-circle"></span>
</div>
<div class="col-md-10">
<h4 class="mt-md-0 mt-2">Further support</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-2 mt-5">
<span class="fa fa-bullhorn"></span>
</div>
<div class="col-md-10 mt-md-5">
<h4 class="mt-md-0 mt-2">Working on result</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>
</div>
<div class="col-lg-6 left-img">
<img src="images/st11.png" class="img-fluid" alt="" />
</div>
</div>
</div>
</section>
<!-- //about bottom -->
<!-- team -->
<section class="team py-5" id="team">
<div class="container py-md-5 py-3">
<div class="title-desc text-center">
<h5 class="hea
蓝色简洁风格响应式营销公司网页模板.zip
13 浏览量
2023-06-20
19:35:07
上传
评论
收藏 2.89MB ZIP 举报
蓝色简洁风格响应式营销公司网页模板.zip （30个子文件） 
21162 css 
style.css 24KB font-awesome.css 37KB bootstrap.css 174KB slider.css 14KB
index.html 22KB images 
g3.jpg 35KB test1.jpg 29KB
ban11.png 961KB g2.jpg 28KB r1.png 410KB g8.jpg 44KB st22.png 225KB about.jpg 133KB team4.jpg 47KB team3.jpg 31KB g7.jpg 33KB team2.jpg 34KB g6.jpg 37KB g5.jpg 16KB g4.jpg 18KB team1.jpg 25KB test2.jpg 30KB st11.png 287KB g1.jpg 30KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
