<!DOCTYPE html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Bliss || Digital Agency Bootstrap 5 Landing Page</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.svg"/>
<!-- Place favicon.ico in the root directory -->
<!-- ========================= CSS here ========================= -->
<link rel="stylesheet" href="assets/css/bootstrap-5.0.0-beta2.min.css" />
<link rel="stylesheet" href="assets/css/LineIcons.2.0.css" />
<link rel="stylesheet" href="assets/css/tiny-slider.css" />
<link rel="stylesheet" href="assets/css/animate.css" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">
You are using an <strong>outdated</strong> browser. Please
<a href="https://browsehappy.com/">upgrade your browser</a> to improve
your experience and security.
</p>
<![endif]-->
<!-- ========================= preloader start ========================= -->
<div class="preloader">
<div class="loader">
<div class="spinner">
<div class="spinner-container">
<div class="spinner-rotator">
<div class="spinner-left">
<div class="spinner-circle"></div>
</div>
<div class="spinner-right">
<div class="spinner-circle"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- preloader end -->
<!-- ========================= header start ========================= -->
<header class="header">
<div class="navbar-area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="index.html">
<img src="assets/img/logo/logo.svg" alt="Logo" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
<ul id="nav" class="navbar-nav ms-auto">
<li class="nav-item">
<a class="page-scroll active" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#about">About</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#service">Services</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#portfolio">Portfolio</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#team">Team</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- navbar collapse -->
</nav>
<!-- navbar -->
</div>
</div>
<!-- row -->
</div>
<!-- container -->
</div>
<!-- navbar area -->
</header>
<!-- ========================= header end ========================= -->
<!-- ========================= hero-section start ========================= -->
<section id="home" class="hero-section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="hero-content">
<span class="wow fadeInLeft" data-wow-delay=".2s">Welcome To Bliss</span>
<h1 class="wow fadeInUp" data-wow-delay=".4s">
Problem solver expert designer team.
</h1>
<p class="wow fadeInUp" data-wow-delay=".6s">
We are expert designer team, There have a lot of designer and developer. If you have any project you can hire.
</p>
<a href="javascript:void(0)" class="main-btn btn-hover wow fadeInUp" data-wow-delay=".6s">Get Started</a>
</div>
</div>
<div class="col-lg-6">
<div class="hero-img wow fadeInUp" data-wow-delay=".5s">
<img src="assets/img/hero/hero-img.svg" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- ========================= hero-section end ========================= -->
<!-- ========================= client-logo-section start ========================= -->
<section class="client-logo-section pt-150">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="single-logo text-center">
<img src="assets/img/client-logo/lineicons.svg" alt="">
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="single-logo text-center">
<img src="assets/img/client-logo/uideck.svg" alt="">
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="single-logo text-center">
<img src="assets/img/client-logo/pagebulb.svg" alt="">
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="single-logo text-center">
<img src="assets/img/client-logo/graygrids.svg" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- ========================= client-logo-section end ========================= -->
<!-- ========================= about-section start ========================= -->
<section id="about" class="about-section pt-150">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="about-img mb-50">
<img src="assets/img/about/about-img.svg" alt="about">
</div>
</div>
<div class="col-lg-6">
<div class="about-content mb-50">
<div class="section-title mb-50">
<h1 class="mb-25">Read more about our Digital Agency</h1>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</p>
</div>
<div class="accordion pb-15" id="accordionExample">
<div class="single-faq">
<button class="w-100 text-start" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Which Service We Provide?
</button>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="faq-content">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch.
</div>
</div>
</div>
<div class="single-faq">
<button class="w-100 text-start collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-con
企业级网站源码-蓝色商务营销管理网页模板-响应式适配移动端.zip
版权申诉
194 浏览量
2024-03-20
10:16:40
上传
评论
收藏 1.58MB ZIP 举报
企业级网站源码-蓝色商务营销管理网页模板-响应式适配移动端.zip （51个子文件） 
企业级网站源码-蓝色商务营销管理网页模板-响应式适配移动端 html assets js 
main.js 5KB polifill.js 6KB count-up.min.js 2KB bootstrap-5.0.0-beta2.min.js 78KB wow.min.js 8KB tiny-slider.js 31KB img about 
about-shape.svg 625B about-img.svg 89KB team 
team-3.jpg 5KB team-1.jpg 6KB team-2.jpg 7KB team-4.jpg 9KB team-shape.svg 625B footer footer-bg.svg 1KB pricing pricing-shape.svg 1KB portfolio portfolio-1.jpg 45KB portfolio-5.jpg 50KB portfolio-3.jpg 54KB portfolio-2.jpg 50KB portfolio-bg.jpg 299KB portfolio-4.jpg 63KB counter-up counter-up-shape.svg 625B counter-up-img.svg 223KB hero hero-img.svg 138KB hero-bg.jpg 26KB service service-bg.jpg 106KB client-logo lineicons.svg 6KB uideck.svg 4KB graygrids.svg 8KB pagebulb.svg 5KB logo logo.svg 3KB testimonial 
testimonial-7.png 10KB testimonial-6.png 10KB testimonial-5.png 11KB testimonial-2.png 12KB testimonial-4.png 14KB testimonial-3.png 10KB testimonial-1.png 17KB favicon.svg 629B cta cta-bg.jpg 10KB css main.css 27KB tiny-slider.css 2KB animate.css 69KB bootstrap-5.0.0-beta2.min.css 150KB LineIcons.2.0.css 28KB fonts LineIcons.eot 122KB LineIcons.ttf 122KB LineIcons.woff 63KB LineIcons.woff2 50KB LineIcons.svg 596KB
index.html 33KB资源评论
