<!doctype html>
<html lang="en">
<head>
<!-- Required Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Document Title, Description, and Author -->
<title>Palette - Free Bootstrap 5 Agency Template</title>
<meta name="description" content="Palette is a Free Bootstrap 5 Agency Template.">
<!-- Favicon and Touch Icons -->
<link rel="icon" type="image/png" sizes="512x512" href="./assets/favicon/favicon-512x512.png">
<!-- Google Fonts Files -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
<!-- CSS Files -->
<link rel="stylesheet" href="./assets/css/palette-bsb.css">
</head>
<body>
<!-- Header -->
<header id="header">
<!-- Navbar 1 - Bootstrap Brain Component -->
<nav class="navbar navbar-expand-lg bsb-navbar bsb-navbar-hover bsb-navbar-caret bsb-tpl-navbar-float bsb-tpl-navbar-sticky" data-bs-theme="dark" data-bsb-stuck-bg="bg-primary" data-bsb-stuck-theme="dark">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="./assets/img/branding/palette-logo.svg" class="bsb-tpl-logo" alt="">
</a>
<button class="navbar-toggler border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
</svg>
</button>
<div class="offcanvas offcanvas-end bg-primary" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbarLabel">Menu</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul id="bsb-tpl-navbar" class="navbar-nav justify-content-end flex-grow-1">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item dropdown" data-bs-theme="light">
<a class="nav-link dropdown-toggle" href="#!" id="blogDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">News</a>
<ul class="dropdown-menu border-0 shadow bsb-zoomIn" aria-labelledby="blogDropdown">
<li><a class="dropdown-item" href="blog.html">Blog</a></li>
<li><a class="dropdown-item" href="single.html">Post</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<!-- Hero 4 - Bootstrap Brain Component -->
<section class="bg-primary" data-bs-theme="dark">
<div class="container-fluid overflow-hidden">
<div class="row">
<div class="col-12 col-md-6 order-1 order-md-0 align-self-md-end">
<div class="row py-3 py-sm-5 py-xxl-9 mt-md-16 justify-content-sm-center">
<div class="col-12 col-sm-10">
<h1 class="display-2 fw-bolder mb-4 text-white">We Offer Modern Web Solutions</h1>
<p class="fs-5 mb-5 text-secondary pe-xxl-20">We work in a customized way by devising and handling entirely online projects with long-term partnerships.</p>
<div class="d-grid gap-2 d-sm-flex">
<button type="button" class="btn btn-accent btn-2xl rounded-pill px-4 gap-3">Explore Now</button>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 p-0">
<figure class="bsb-overlay-figure w-100 h-100 m-0" style="--bsb-overlay-figure-opacity: .3">
<img class="img-fluid w-100 h-100 object-fit-cover" loading="lazy" src="./assets/img/hero/hero-img-1.webp" alt="">
</figure>
</div>
</div>
</div>
</section>
</header>
<!-- Main -->
<main id="main">
<!-- Section - Services -->
<!-- Service 4 - Bootstrap Brain Component -->
<section class="py-5 py-xl-8 py-xxl-16">
<div class="container mb-5 mb-md-6 mb-xl-10">
<div class="row justify-content-md-center">
<div class="col-12 col-md-10 col-lg-9 col-xl-8 col-xxl-7 text-center">
<h3 class="fs-6 text-secondary mb-2 text-uppercase">What We Do?</h3>
<h2 class="display-4 fw-bold mb-0">We are proud of our expert services.</h2>
</div>
</div>
</div>
<div class="container overflow-hidden">
<div class="row gy-4 gy-md-0 gx-xxl-5">
<div class="col-12 col-md-4">
<div class="card bsb-tpl-bg-lotion bsb-tpl-border-lg-cyan">
<div class="card-body text-center p-4 p-xl-5">
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" fill="currentColor" class="bi bi-phone-flip text-primary mb-8" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M11 1H5a1 1 0 0 0-1 1v6a.5.5 0 0 1-1 0V2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a.5.5 0 0 1-1 0V2a1 1 0 0 0-1-1Zm1 13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-2a.5.5 0 0 0-1 0v2a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-2a.5.5 0 0 0-1 0v2ZM1.713 7.954a.5.5 0 1 0-.419-.908c-.347.16-.654.348-.882.57C.184 7.842 0 8.139 0 8.5c0 .546.408.94.823 1.201.44.278 1.043.51 1.745.696C3.978 10.773 5.898 11 8 11c.099 0 .197 0 .294-.002l-1.148 1.148a.5.5 0 0 0 .708.708l2-2a.5.5 0 0 0 0-.708l-2-2a.5.5 0 1 0-.708.708l1.145 1.144L8 10c-2.04 0-3.87-.221-5.174-.569-.656-.175-1.151-.374-1.47-.575C1.012 8.639 1 8.506 1 8.5c0-.003 0-.059.112-.17.115-.112.31-.242.6-.376Zm12.993-.908a.5.5 0 0 0-.419.908c.292.134.486.264.6.377.113.11.113.166.113.169 0 .003 0 .065-.13.187-.132.122-.352.26-.677.4-.645.28-1.596.523-2.763.687a.5.5 0 0 0 .14.99c1.212-.17 2.26-.43 3.02-.758.38-.164.713-.357.96-.587.246-.229.45-.537.45-.919 0-.362-.184-.66-.412-.883-.228-.223-.535-.411-.882-.571ZM7.5 2a.5.5 0 0 0 0 1h1a.5.5 0 0 0 0-1h-1Z" />
</svg>
<h4 class="fw-bold mb-4">Mobile Design</h4>
<p class="mb-4">Vestibulum bibendum, lorem a blandit lacinia, nisi velit posuere nisl, vel placerat magna mauris mollis maximus est.</p>
<a href="#!" class="fw-bold text-decoration-none link-primary">
Learn More
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-short" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>
</div>
</div>
</div>
<div class="col-12 col-md-4">
<div class="card bsb-tpl-bg-lotion b
企业级网站源码-营销专家案例展示网页模板-响应式适配移动端.zip （51个子文件） 
企业级网站源码-营销专家案例展示网页模板-响应式适配移动端 html assets favicon 
favicon-512x512.png 22KB controller 
global.js 14KB img about about-img-1.webp 101KB about-img-2.webp 66KB team 
team-img-4.jpg 52KB team-img-6.jpg 73KB team-img-2.jpg 100KB team-img-7.jpg 60KB team-img-10.jpg 50KB team-img-5.jpg 81KB team-img-1.jpg 53KB team-img-9.jpg 82KB team-img-8.jpg 99KB team-img-3.jpg 66KB hero pricing-img-1.webp 98KB about-img-1.webp 101KB contact-img-1.webp 101KB service-img-1.webp 121KB blog-img-1.webp 109KB hero-img-1.webp 58KB single-img-1.webp 62KB branding 
palette-logo.svg 4KB palette-logo-dark.svg 4KB single single-img-1.jpg 91KB author-img-1.jpg 28KB single-img-2.jpg 62KB process process-img-1.webp 91KB blog blog-image-2.jpg 67KB blog-image-1.jpg 78KB blog-image-3.jpg 116KB blog-image-4.jpg 140KB blog-image-6.jpg 244KB blog-image-5.jpg 107KB testimonial testimonial-img-4.jpg 6KB testimonial-img-1.jpg 5KB testimonial-img-3.jpg 5KB testimonial-img-2.jpg 4KB faq faq-img-1.webp 99KB fact fact-img-1.webp 103KB contact contact-img-1.jpg 97KB cta cta-img-1.jpg 547KB css palette-bsb.css 363KB vendor bootstrap bootstrap.bundle.min.js.map 326KB bootstrap.bundle.min.js 79KB
pricing.html 32KB services.html 30KB index.html 73KB contact.html 35KB about.html 41KB single.html 28KB blog.html 45KB资源评论
