<!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>Hello - Free Bootstrap 5 Business One Page Template</title>
<meta name="description" content="Hello is a Free Bootstrap 5 Business One Page 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=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;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/hello-bsb.css">
</head>
<body data-bs-spy="scroll" data-bs-target="#bsb-tpl-navbar" data-bs-smooth-scroll="true" tabindex="0">
<!-- Header -->
<header id="header" class="sticky-top bsb-tpl-header-sticky bsb-tpl-header-sticky-animationX">
<!-- Navbar 1 - Bootstrap Brain Component -->
<nav id="scrollspyNav" class="navbar navbar-expand-lg bsb-tpl-bg-alabaster bsb-navbar bsb-navbar-hover bsb-navbar-caret bsb-tpl-navbar-sticky" data-bsb-sticky-target="#header">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="./assets/img/branding/hello-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" 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" href="#scrollspyNav" aria-current="page" data-bs-dismiss="offcanvas" data-bs-target="#offcanvasNavbar">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#scrollspyServices" data-bs-dismiss="offcanvas" data-bs-target="#offcanvasNavbar">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#scrollspyAbout" data-bs-dismiss="offcanvas" data-bs-target="#offcanvasNavbar">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#scrollspyTeam" data-bs-dismiss="offcanvas" data-bs-target="#offcanvasNavbar">Team</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#scrollspyPricing" data-bs-dismiss="offcanvas" data-bs-target="#offcanvasNavbar">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#scrollspyBlog" data-bs-dismiss="offcanvas" data-bs-target="#offcanvasNavbar">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#scrollspyContact" data-bs-dismiss="offcanvas" data-bs-target="#offcanvasNavbar">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<!-- Hero 3 - Bootstrap Brain Component -->
<section id="scrollspyHero" class="bsb-tpl-bg-alabaster pt-3 pt-xl-2">
<div class="container overflow-hidden">
<div class="row gy-5 gy-lg-0 align-items-lg-center justify-content-lg-between">
<div class="col-12 col-lg-6">
<h1 class="display-3 fw-bold mb-3">A Digital Agency Specialized in AI and Web 3.0</h1>
<p class="fs-4 mb-5">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-primary btn-2xl px-4 gap-3">Explore Now</button>
<button type="button" class="btn btn-outline-primary btn-2xl px-4">Free Trial</button>
</div>
</div>
<div class="col-12 col-lg-5 text-center">
<div class="position-relative">
<div class="bsb-circle border border-4 border-accent position-absolute top-50 start-10 translate-middle z-1"></div>
<div class="bsb-circle bg-primary position-absolute top-50 start-50 translate-middle" style="--bsb-cs: 460px;"></div>
<div class="bsb-circle border border-4 border-accent position-absolute top-10 end-0 z-1" style="--bsb-cs: 100px;"></div>
<img class="img-fluid position-relative z-2" loading="lazy" src="./assets/img/hero/hero-img-1.webp" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- Main -->
<main id="main">
<!-- Section - Services -->
<!-- Service 6 - Bootstrap Brain Component -->
<section id="scrollspyServices" 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-8 col-xl-7 text-center">
<h3 class="fs-6 text-secondary mb-2 text-uppercase">What We Do?</h3>
<h2 class="display-5 mb-4 mb-md-5">We are giving you perfect solutions with our proficient services.</h2>
<hr class="w-50 mx-auto mb-0 text-secondary">
</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 bg-transparent border-primary rounded-0 overflow-hidden">
<div class="card-body p-4 pt-8 pt-xl-14 pt-xxl-20 pe-xxl-10">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-hdd text-primary mb-4" viewBox="0 0 16 16">
<path d="M4.5 11a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1zM3 10.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z" />
<path d="M16 11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V9.51c0-.418.105-.83.305-1.197l2.472-4.531A1.5 1.5 0 0 1 4.094 3h7.812a1.5 1.5 0 0 1 1.317.782l2.472 4.53c.2.368.305.78.305 1.198V11zM3.655 4.26 1.592 8.043C1.724 8.014 1.86 8 2 8h12c.14 0 .276.014.408.042L12.345 4.26a.5.5 0 0 0-.439-.26H4.094a.5.5 0 0 0-.44.26zM1 10v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1z" />
</svg>
<h3 class="h2 mb-4">Machine Vision</h3>
<p class="mb-4 text-secondary">Vestibulum bibendum, lorem a blandit mauris lacinia, nisi velit posuereition nislatak, vel placerat magna.</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 class="b
企业级网站源码-蓝色创新业务功能展示网页模板-响应式适配移动端.zip
版权申诉
138 浏览量
2024-03-20
10:16:39
上传
评论
收藏 1.48MB ZIP 举报
企业级网站源码-蓝色创新业务功能展示网页模板-响应式适配移动端.zip （22个子文件） 
企业级网站源码-蓝色创新业务功能展示网页模板-响应式适配移动端 html assets favicon 
favicon-512x512.png 22KB controller 
global.js 14KB img team 
team-img-4.jpg 56KB team-img-2.jpg 43KB team-img-1.jpg 43KB team-img-3.jpg 46KB hero hero-img-1.webp 35KB branding 
hello-logo.svg 2KB process process-img-1.webp 62KB blog blog-image-2.jpg 74KB blog-image-1.jpg 157KB blog-image-3.jpg 131KB blog-image-4.jpg 117KB testimonial testimonial-img-4.jpg 6KB testimonial-img-1.jpg 5KB testimonial-img-3.jpg 5KB testimonial-img-2.jpg 4KB cta cta-img-1.jpg 547KB css hello-bsb.css 362KB vendor bootstrap bootstrap.bundle.min.js.map 326KB bootstrap.bundle.min.js 79KB
index.html 67KB资源评论
