<!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>Wave - Bootstrap 5 One Page Template</title>
<meta name="description" content="Wave is a Bootstrap 5 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=Oswald:wght@200;300;400;500;600;700&family=Satisfy&display=swap" rel="stylesheet">
<!-- CSS Files -->
<link rel="stylesheet" href="./assets/css/wave-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 wave-bg-blue 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/wave-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="#scrollspyPortfolio" data-bs-dismiss="offcanvas" data-bs-target="#offcanvasNavbar">Portfolio</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 2 - Bootstrap Brain Component -->
<section id="scrollspyHero" class="wave-bg-blue py-5 py-xl-8 py-xxl-10">
<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 order-1 order-lg-0">
<h1 class="display-3 fw-bolder mb-3">We provide easy <br><mark class="wave-highlight wave-highlight-blue"><span class="wave-font-hw display-2 text-accent fw-normal">solutions</span></mark> for startups at affordable rates.</h1>
<p class="fs-4 mb-5">Our methods are straight, comfortable, and established to ensure evolution and acceleration.</p>
<div class="d-grid gap-2 d-sm-flex">
<button type="button" class="btn btn-primary btn-2xl rounded-pill px-4 gap-3">Free Consultation</button>
<button type="button" class="btn btn-outline-primaryx btn-outline-accent btn-2xl rounded-pill px-4">Buy Credits</button>
</div>
</div>
<div class="col-12 col-lg-5 text-center">
<img class="img-fluid mask-position-center-center mask-repeat-no-repeat mask-size-auto" loading="lazy" src="./assets/img/hero/hero-home.jpg" alt="" style="-webkit-mask-image: url(./assets/img/hero/hero-blob-1.svg); mask-image: url(./assets/img/hero/hero-blob-1.svg);">
</div>
</div>
</div>
</section>
<!-- Main -->
<main id="main">
<!-- Section - Services -->
<!-- Service 3 - 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-9 col-xl-8 col-xxl-7 text-center">
<h2 class="display-3 fw-bolder mb-4">You will get the <br>perfect <mark class="wave-highlight wave-highlight-yellow"><span class="wave-font-hw display-1 text-accent fw-normal">resolutions</span></mark> with our proficient services.</h2>
</div>
</div>
</div>
<div class="container overflow-hidden">
<div class="row gy-5 gy-md-6 gx-md-4 gy-lg-0 gx-xxl-5">
<div class="col-12 col-sm-6 col-lg-3">
<div class="badge wave-bg-yellow text-primary p-3 mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-pie-chart" viewBox="0 0 16 16">
<path d="M7.5 1.018a7 7 0 0 0-4.79 11.566L7.5 7.793V1.018zm1 0V7.5h6.482A7.001 7.001 0 0 0 8.5 1.018zM14.982 8.5H8.207l-4.79 4.79A7 7 0 0 0 14.982 8.5zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8z" />
</svg>
</div>
<h4 class="mb-3">Market Research</h4>
<p class="mb-3 text-secondary">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 class="col-12 col-sm-6 col-lg-3">
<div class="badge wave-bg-green text-primary p-3 mb-4">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-aspect-ratio" viewBox="0 0 16 16">
<path d="M0 3.5A1.5 1.5 0 0 1 1.5 2h13A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 0 12.5v-9zM1.5 3a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5
创意时尚数字摄影网页模板-适配移动端设备-HTML网页源码.zip
版权申诉
91 浏览量
2024-04-01
15:38:04
上传
评论
收藏 3.12MB ZIP 举报
创意时尚数字摄影网页模板-适配移动端设备-HTML网页源码.zip （37个子文件） 
创意时尚数字摄影网页模板-适配移动端设备-HTML网页源码 html assets favicon 
favicon-512x512.png 22KB controller 
project-2.js 1KB global.js 14KB img about about-img-1.png 27KB team 
team-img-4.jpg 56KB team-img-2.jpg 43KB team-img-1.jpg 43KB team-img-3.jpg 46KB portfolio project-portrait-2.jpg 404KB project-landscape-1.jpg 59KB project-landscape-2.jpg 151KB project-portrait-3.jpg 441KB project-landscape-3.jpg 94KB project-portrait-4.jpg 65KB project-landscape-4.jpg 89KB project-portrait-1.jpg 197KB hero hero-home.jpg 139KB
hero-blob-1.svg 399B branding wave-logo.svg 2KB 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 contact contact-img-1.jpg 73KB cta cta-img-1.jpg 547KB css wave-bsb.css 363KB vendor isotope packery-mode.pkgd.min.js 13KB isotope.pkgd.min.js 35KB bootstrap bootstrap.bundle.min.js.map 326KB bootstrap.bundle.min.js 79KB imagesloaded imagesloaded.pkgd.min.js 5KB jquery jquery-3.6.0.min.js 87KB
index.html 73KB资源评论
