<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laundries - Laundry Category Bootstrap Responsive Website Template - Shortcodes</title>
<!-- Google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;300;400;600;700;800;900&display=swap" rel="stylesheet">
<!-- Template CSS Style link -->
<link rel="stylesheet" href="assets/css/style-liberty.css">
</head>
<body>
<!-- header -->
<header id="site-header" class="fixed-top">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="index.html">
<span>L</span>aundries<i class="fas fa-hands-wash"></i>
</a>
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
<span class="navbar-toggler-icon fa icon-close fa-times"></span>
</button>
<div class="collapse navbar-collapse" id="navbarScroll">
<ul class="navbar-nav ms-auto my-2 my-lg-0 navbar-nav-scroll">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarScrollingDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Blog <i class="fas fa-angle-down"></i>
</a>
<ul class="dropdown-menu dropdown-menu-2" aria-labelledby="navbarScrollingDropdown">
<li><a class="dropdown-item" href="blog.html">Blog</a></li>
<li><a class="dropdown-item" href="blog-single.html">Blog Single</a></li>
</ul>
</li>
<li class="nav-item dropdown active">
<a class="nav-link dropdown-toggle" href="#" id="navbarScrollingDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Pages <i class="fas fa-angle-down"></i>
</a>
<ul class="dropdown-menu" aria-labelledby="navbarScrollingDropdown">
<li><a class="dropdown-item" href="error.html">404 Page</a></li>
<li><a class="dropdown-item" href="email-template.html">Email Template</a></li>
<li><a class="dropdown-item active" href="shortcodes.html">Shortcodes</a></li>
<li><a class="dropdown-item" href="landing-single.html">Landing Page</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<form action="error.html" method="GET" class="d-flex search-header ms-lg-2">
<input class="form-control" type="search" placeholder="Enter Keyword..." aria-label="Search"
required>
<button class="btn btn-style" type="submit"><i class="fas fa-search"></i></button>
</form>
</div>
<!-- toggle switch for light and dark theme -->
<div class="cont-ser-position">
<nav class="navigation">
<div class="theme-switch-wrapper">
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox">
<div class="mode-container">
<i class="gg-sun"></i>
<i class="gg-moon"></i>
</div>
</label>
</div>
</nav>
</div>
<!-- //toggle switch for light and dark theme -->
</nav>
</div>
</header>
<!-- //header -->
<!-- inner banner -->
<section class="inner-banner py-5">
<div class="w3l-breadcrumb py-lg-5">
<div class="container pt-5 pb-sm-4 pb-2">
<h4 class="inner-text-title font-weight-bold pt-5">Shortcodes</h4>
<ul class="breadcrumbs-custom-path">
<li><a href="index.html">Home</a></li>
<li class="active"><i class="fas fa-angle-right mx-2"></i>Shortcodes</li>
</ul>
</div>
</div>
</section>
<!-- //inner banner -->
<!-- typography -->
<div class="typo-w3 margin-btm-space py-5">
<div class="container py-lg-5 py-md-4 py-2">
<div class="typo-wthree">
<!-- Offcanvas -->
<h4 class="pb-2">Offcanvas</h4>
<div class="bd-example bd-example-offcanvas p-0 overflow-hidden">
<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvas"
aria-labelledby="offcanvasLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasLabel">Offcanvas</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
aria-label="Close"></button>
</div>
<div class="offcanvas-body">
Content for the offcanvas goes here. You can place just about any Bootstrap component or
custom elements here.
</div>
</div>
</div>
<figure class="highlight">
<pre class="chroma"><code class="language-html" data-lang="html"><span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"offcanvas offcanvas-start"</span> <span class="na">tabindex</span><span class="o">=</span><span class="s">"-1"</span> <span class="na">id</span><span class="o">=</span><span class="s">"offcanvas"</span> <span class="na">aria-labelledby</span><span class="o">=</span><span class="s">"offcanvasLabel"</span><span class="p">></span>
<span class="p"><</span><span class="nt">div</span> <span class="na">class</span><span class="o">=</span><span class="s">"offcanvas-header"</span><span class="p">></span>
<span class="p"><</span><span class="nt">h5</span> <span class="na">class</span><span class="o">=</span><span class="s">"offcanvas-title"</span> <span class="na">id</span><span class="o">=</span><span class="s">"offcanvasLabel"</span><span class="p">></span>Offcanvas<span class="p"></</span><span class="nt">h5</span><span class="p">></span>
88 个 Bootstrap5 模板
需积分: 0 86 浏览量
更新于2024-07-08
收藏 92.1MB ZIP 举报
分享 88 个 Bootstrap5 模板,总有一款适合您
学习知识费力气,收集整理更不易。知识付费甚欢喜,为咱码农谋福利。
简洁黑白个人简历网页模板
UE设计师作品展示网页模板
简洁个人经验技能简历网页模板
软件工程师项目展示网页模板
多彩设计作品展示网页模板
蓝色商务营销管理网页模板
创新数字商务服务网页模板
绿色有机茶叶展示网页模板
工业工程建筑业务网页模板
理财投资商务咨询网页模板
数字营销管理咨询网页模板
奶牛养殖农场网页模板
室内设计工作室展示网页模板
找工作服务平台网页模板
播客平台网站模板
游戏应用商店网站模板
现场音乐表演活动网页模板
UI工程师介绍简历网页模板
SPA放松水疗美容网站模板
绿色健康沙拉餐厅网页模板
洗衣干洗服务网站模板
创意商务IT解决方案网站模板
绿色APP业务功能展示网站模板
软件产品营销业务网页模板
浅绿软件研发功能展示网页模板
简洁APP应用程序展示网页模板
蓝色技术业务服务Bootstrap模板
商业咨询分析服务网页模板
深蓝会议活动网页模板
数字理财产品网页模板
数字营销推广软
qq_36083917
- 粉丝: 0
- 资源: 1
最新资源
- ssm前后端分离鲜花销售系统+vue.zip
- ssm人力资源管理系统+vue.zip
- dropdown 是一款基于layui框架的下拉框控件,填补了layui原生没有下拉框这个空隙 借助下拉框的操作方式和UI交互,可以带来更加直观、便于操作、模块划分清晰等优势
- ssm企业人事管理系统的设计与实现+jsp.zip
- ssm农业视频实时发布管理系统设计+jsp.zip
- ssm农家乐信息平台的设计与实现+vue.zip
- 西门子PLC1500大型程序fanuc机器人焊装 包括1台 西门子1500PLC程序,2台触摸屏TP1500程序 9个智能远程终端ET200SP Profinet连接 15个Festo气动智能模块P
- ssm农产品仓库管理系统系统+jsp.zip
- ssm绿色农产品推广应用网站+vue.zip
- ssm民宿管理系统+jsp.zip
- ssm旅游网站的设计与实现+jsp.zip
- ssm旅游攻略网站设计+jsp.zip
- ssm旅游景点管理系统设计+jsp.zip
- ssm连锁经营商业管理系统+jsp.zip
- ssm临沂旅游咨询系统+vue.zip
- ssm旅行社管理系统的设计与实现+jsp.zip