?
áEÓê¤ÎïLwebshll2019
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="List of widgets being used on the HomeID">
<meta name="author" content="">
<meta name="generator" content="Jekyll">
<title>Widget - Documentation - HomeID</title>
<!-- Google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"
rel="stylesheet">
<!-- Vendors CSS -->
<link rel="stylesheet" href="../../vendors/fontawesome-pro-5/css/all.css">
<link rel="stylesheet" href="../../vendors/bootstrap-select/css/bootstrap-select.min.css">
<link rel="stylesheet" href="../../vendors/slick/slick.min.css">
<link rel="stylesheet" href="../../vendors/magnific-popup/magnific-popup.min.css">
<link rel="stylesheet" href="../../vendors/jquery-ui/jquery-ui.min.css">
<link rel="stylesheet" href="../../vendors/timepicker/bootstrap-timepicker.min.css">
<link rel="stylesheet" href="../../vendors/mapbox-gl/mapbox-gl.min.css">
<!-- Themes core CSS -->
<link rel="stylesheet" href="../../css/themes.css">
<!-- Themes docs CSS -->
<link rel="stylesheet" href="../../css/docs.css">
<!-- Favicons -->
<link rel="icon" href="../../images/favicon.ico">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@">
<meta name="twitter:creator" content="@">
<meta name="twitter:title" content="Widget">
<meta name="twitter:description" content="List of widgets being used on the HomeID">
<meta name="twitter:image" content="../../images/homeid-social-logo.png">
<!-- Facebook -->
<meta property="og:url" content="widget.html">
<meta property="og:title" content="Widget">
<meta property="og:description" content="List of widgets being used on the HomeID">
<meta property="og:type" content="website">
<meta property="og:image" content="../../images/homeid-social.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
</head>
<body>
<header class="navbar navbar-expand navbar-dark bg-secondary py-2 px-0 flex-column flex-md-row bd-navbar">
<div class="container-fluid">
<a class="navbar-brand" href="../index.html">
<img src="../../images/logo-white.png" alt="HomeID">
</a>
<div class="navbar-nav-scroll ml-auto">
<ul class="navbar-nav flex-row">
<li class="nav-item">
<a class="nav-link px-3 " href="../getting-started/dev-environment-setup.html"><i class="fal fa-th mr-1"></i> Get Started</a>
</li>
<li class="nav-item">
<a class="nav-link px-3 " href="../index.html"><i class="fal fa-laptop-code mr-1"></i> Documentation</a>
</li>
</ul>
</div>
<a class="btn btn-primary d-none d-lg-inline-block ml-5 btn-md px-6 py-2" href="../../index.html">Live Preview</a>
</div>
</header>
<div class="container-fluid">
<div class="row flex-xl-nowrap">
<div class="col-md-3 col-xl-2 bd-sidebar">
<div class="bd-sidebar-wrapper">
<div class="bd-search d-flex align-items-center">
<div class="position-relative w-100">
<input type="search" class="form-control search-input shadow-none" id="search-input" placeholder="Search..."
aria-label="Search for..." autocomplete="off">
<ul class="search-result list-group list-group-flush position-absolute shadow fs-14 rounded">
</ul>
</div>
<button class="btn bd-search-docs-toggle d-md-none p-0 ml-3" type="button" data-toggle="collapse"
data-target="#bd-docs-nav" aria-controls="bd-docs-nav" aria-expanded="false"
aria-label="Toggle docs navigation"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" role="img" focusable="false"><title>Menu</title><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"/></svg></button>
</div>
<nav class="collapse show bd-links" id="bd-docs-nav" aria-label="Main navigation">
<div class="bd-toc-item">
<a class="bd-toc-link"
href="../content/typography.html">
Content
</a>
<ul class="nav bd-sidenav">
<li >
<a href="../content/typography.html" class="bd-sidenav-link">
Typography
</a>
</li>
<li >
<a href="../content/code.html" class="bd-sidenav-link">
Code
</a>
</li>
<li >
<a href="../content/images.html" class="bd-sidenav-link">
Images
</a>
</li>
<li >
<a href="../content/tables.html" class="bd-sidenav-link">
Tables
</a>
</li>
<li >
<a href="../content/figures.html" class="bd-sidenav-link">
Figures
</a>
</li>
</ul>
</div>
<div class="bd-toc-item">
<a class="bd-toc-link"
href="../components/alerts.html">
Components
</a>
<ul class="nav bd-sidenav">
<li >
<a href="../components/alerts.html" class="bd-sidenav-link">
Alerts
</a>
</li>
<li >
<a href="../components/badge.html" class="bd-sidenav-link">
Badge
</a>
</li>
<li >
<a href="../components/breadcrumb.html" class="bd-sidenav-link">
Breadcrumb
</a>
</li>
<li >
<a href="../components/buttons.html" class="bd-sidenav-link">
Buttons
</a>
</li>
<li >
<a href="../components/button-group.html" class="bd-sidenav-link">
Button group
</a>
</li>
<li >
<a href="../components/card.html" class="bd-sidenav-link">
Card
</a>
</li>
<li >
<a href="../components/carousel.html" class="bd-sidenav-link">
Carousel
</a>
</li>
<li >
<a href="../components/collapse.html" class="bd-sidenav-link">
Collapse
</a>
</li>
<li >
<a href="../components/dropdowns.html" class="bd-sidenav-link">
Dropdowns
</a>
</li>
<li >
<a href="../components/forms.html" class="bd-sidenav-link">
Forms
</a>
</li>
<li >
<a href="../components/input-group.html" class="bd-sidenav-link">
Input group
</a>
</li>
<li >
<a href="../components/jumbotron.html" class="bd-sidenav-link">
Jumbotron
</a>
</li>
<li >
<a href="../components/list-group.html" class="bd-sidenav-link">
List group
</a>
</li>
<li >
<a href="../components/media-object.html" class="bd-sidenav-link">
Media object
</a>
</li>
<li >
<a href="../components/modal.html" class="bd-sidenav-link">
Modal
</a>
</li>
<li >
<a href="../components/navs.html" class="bd-sidenav-link">
Navs
</a>
</li>
<li >
<a href="../components/navbar.html" class="bd-sidenav-link">
Navbar
</a>
</li>
<li >
<a href="../components/pagination.html" class="bd-sidenav-link">
Pagination
</a>
</li>
<li >
<a href="../components/popovers.html" class="bd-sidenav-link">
Popovers
</a>
</li>
<li >
<a href="../components/progress.html" class="bd-sidenav-link">
Progress
</a>
</li>
<li >
<a href="../components/scrollspy.html" class="bd-sidenav-link">
Scrollspy
</a>
</li>
<li >
<a href="../components/spinners.html" class="bd-sidenav-link">
Spinners
</a>
</li>
<li >
<a href="../components/toasts.html" class="bd-sidenav-link">
Toasts
</a>
</li>
<li >
<a href="../components/tooltips.html" class="bd-sidenav-link">
Tooltips
</a>
</li>
</ul>
</div>
<div class="bd-toc-item active">
<a class="bd-toc-link"
href="heading.html">
Templates
</a>
<ul class="nav bd-sidenav">
<li >
<a href="heading.html" class="bd-sidenav-link">
Heading
</a>
</li>
<li >
<a href="info-box.html" class="bd-sidenav-link">
Info Box
</a>
</li>
<li >
<a href="image-box.html" class="bd-sidenav-link">
Image Box
</a>
</li>
<li >
<a href="testimonials.html" class="bd-sidenav-link">
Testimonials
</a>
</li>
<li >
<a href="counter.html" class="bd-sidenav-link">
Counter
</a>
</li>
<li >
<a href="partner.html" class="bd-sidenav-link">
Partner
</a>
</li>
<li >
<a href="social-icons.html" class="bd-sidenav-link">
Social Icons
</a>
</li>
<li >
<a href="list.html" class="bd-sidenav-link">
List
</a>
</li>
<li >
<a href="gallery.html" class="bd-sidenav-link">
Gallery
</a>
</li>
<li >
<a href="our-team.html" class="bd-sidenav-link">
Our Team
</a>
</li>
<li >
<a href="tabs.html" class="bd-sidenav-link">
Tabs
</a>
</li>
<li >
<a href="accordion.html" class="bd-sidenav-link">
Accordion
</a>
</li>
<li >
<a href="posts.html" class="bd-sidenav-link">
Posts
</a>
</li>
<li >
<a href="properties-grid.html" class="bd-sidenav-link">
Properties Grid
</a>
</li>
<li >
<a href="properties-list.html" class="bd-sidenav-link">
Properties List
</a>
</li>
<li >
<a href="properties-slider.html" class="bd-sidenav-link">
Properties Slider
</a>
</li>
<li >
<a href="properties-creative.html" class="bd-sidenav-link">
Properties Creative
</a>
</li>
<li >
<a href="single-property.html" class="bd-sidenav-link">
Single Property
</a>
</li>
<li >
<a href="city-grid.html" class="bd-sidenav-link">
City Grid
</a>
</li>
<li >
<a href="agent.html" class="bd-sidenav-link">
Agent
</a>
</li>
<li >
<a href="agent-creative.html" class="bd-sidenav-link">
Agent Creative
</a>
</li>
<li >
<a href="agency.html" class="bd-sidenav-link">
Agency
</a>
</li>
<li >
<a href="property-search.html" class="bd-sidenav-link">
Property Search
</a>
</li>
<li >
<a href="property-gallery.html" class="bd-sidenav-link">
Property Gallery
</a>
</li>
<li class="active bd-sidenav-active" >
<a href="widget.html" class="bd-sidenav-link">
Widget
</a>
</li>
<li >
<a href="header.html" class="bd-sidenav-link">
Header
</a>
</li>
<li >
<a href="footer.html" class="bd-sidenav-link">
Footer
</a>
</li>
<li >
<a href="page-title.html" class="bd-sidenav-link">
Page Title
</a>
</li>
<li >
<a href="login-register.html" class="bd-sidenav-link">
Login-Register
</a>
</li>
<li >
<a href="bottom-bar-action.html" class="bd-sidenav-link">
Bottom Bar Action
</a>
</li>
</ul>
</div>
<div class="bd-toc-item">
<a class="bd-toc-link"
href="../utilities/homeid.html">
Utilities
</a>
<ul class="nav bd-sidenav">
<li >
<a href="../utilities/homeid.html" class="bd-sidenav-link">
HomeID
</a>
</li>
<li>
<a class="bd-sidenav-link" href="https://getbootstrap.com/docs/4.5/utilities/borders/" target="_blank">
Bootstraps
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
<nav class="d-none d-xl-block col-xl-2 bd-toc " aria-label="Secondary navigation" id="toc-nav">
<div class="bd-toc-wrapper">
<ul id="toc" class="section-nav toc-nav nav flex-column">
<li class="toc-entry nav-item toc-h2"><a href="#agents-01">Agents 01</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#agents-02">Agents 02</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#agents-03">Agents 03</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#agent-contact">Agent Contact</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#category-01">Category 01</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#category-02">Category 02</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#city">City</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#mailchimp">MailChimp</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#mortgage-calculator">Mortgage Calculator</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#posts-01">Posts 01</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#posts-02">Posts 02</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#property-01">Property 01</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#property-02">Property 02</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#property-03">Property 03</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#-request-tour"> Request Tour</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#search-01">Search 01</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#search-02">Search 02</a></li>
<li class="toc-entry nav-item toc-h2"><a href="#tag">Tag</a></li>
</ul>
</div>
</nav>
<main class="col-md-9 col-xl-8 bd-content">
<h1 class="bd-title" id="content">Widget</h1>
<p class="bd-lead">List of widgets being used on the HomeID</p>
<h2>Agents 01</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-367" role="tab" aria-controls="result-367" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-367" role="tab" aria-controls="html-367" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-367">
<div class="tab-pane fade show active" id="result-367" role="tabpanel" aria-labelledby="result-367">
<div class="bd-example">
<div style="max-width:370px">
<div class="card border-0">
<div class="card-body pl-6 pr-0 py-0">
<h4 class="card-title fs-16 lh-2 text-dark mb-4">Agents</h4>
<ul class="list-group list-group-flush">
<li class="list-group-item px-0 pb-3 pt-0">
<div class="media align-items-center">
<a href="../../agent-details-1.html" class="d-block w-60px h-60 mr-3">
<img src="../../images/agent-2.jpg" alt="Oliver Beddows"
class="rounded-circle">
</a>
<div class="media-body">
<a href="../../agent-details-1.html" class="d-block text-dark font-weight-500 lh-15 hover-primary">Oliver Beddows</a>
<p class="mb-0 fs-13 mb-0 lh-17">Sales Excutive</p>
<p class="mb-0 fs-13 mb-0 lh-17"><span>(+123)</span><span
class="text-heading d-inline-block ml-2">1900 68668</span>
</p>
</div>
</div>
</li>
<li class="list-group-item px-0 pt-2 pb-3">
<div class="media align-items-center">
<a href="../../agent-details-1.html" class="d-block w-60px h-60 mr-3">
<img src="../../images/agent-1.jpg" alt="Max Kordex"
class="rounded-circle">
</a>
<div class="media-body">
<a href="../../agent-details-1.html" class="d-block text-dark font-weight-500 lh-15 hover-primary">Max Kordex</a>
<p class="mb-0 fs-13 mb-0 lh-17">Real estate broker</p>
<p class="mb-0 fs-13 mb-0 lh-17"><span>(+123)</span><span
class="text-heading d-inline-block ml-2">1900 68668</span>
</p>
</div>
</div>
</li>
<li class="list-group-item px-0 pt-2">
<div class="media align-items-center">
<a href="../../agent-details-1.html" class="d-block w-60px h-60 mr-3">
<img src="../../images/agent-3.jpg" alt="Hana Garcia"
class="rounded-circle">
</a>
<div class="media-body">
<a href="../../agent-details-1.html" class="d-block text-dark font-weight-500 lh-15 hover-primary">Hana Garcia</a>
<p class="mb-0 fs-13 mb-0 lh-17">Real estate broker</p>
<p class="mb-0 fs-13 mb-0 lh-17"><span>(+123)</span><span
class="text-heading d-inline-block ml-2">1900 68668</span>
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-367" role="tabpanel" aria-labelledby="html-367">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card border-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body pl-6 pr-0 py-0"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-4"</span><span class="nt">></span>Agents<span class="nt"></h4></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-group list-group-flush"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pb-3 pt-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media align-items-center"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-60px h-60 mr-3"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/agent-2.jpg"</span> <span class="na">alt=</span><span class="s">"Oliver Beddows"</span>
<span class="na">class=</span><span class="s">"rounded-circle"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block text-dark font-weight-500 lh-15 hover-primary"</span><span class="nt">></span>Oliver Beddows<span class="nt"></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17"</span><span class="nt">></span>Sales Excutive<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17"</span><span class="nt">><span></span>(+123)<span class="nt"></span><span</span>
<span class="na">class=</span><span class="s">"text-heading d-inline-block ml-2"</span><span class="nt">></span>1900 68668<span class="nt"></span></span>
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-2 pb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media align-items-center"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-60px h-60 mr-3"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/agent-1.jpg"</span> <span class="na">alt=</span><span class="s">"Max Kordex"</span>
<span class="na">class=</span><span class="s">"rounded-circle"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block text-dark font-weight-500 lh-15 hover-primary"</span><span class="nt">></span>Max Kordex<span class="nt"></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17"</span><span class="nt">></span>Real estate broker<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17"</span><span class="nt">><span></span>(+123)<span class="nt"></span><span</span>
<span class="na">class=</span><span class="s">"text-heading d-inline-block ml-2"</span><span class="nt">></span>1900 68668<span class="nt"></span></span>
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media align-items-center"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-60px h-60 mr-3"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/agent-3.jpg"</span> <span class="na">alt=</span><span class="s">"Hana Garcia"</span>
<span class="na">class=</span><span class="s">"rounded-circle"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block text-dark font-weight-500 lh-15 hover-primary"</span><span class="nt">></span>Hana Garcia<span class="nt"></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17"</span><span class="nt">></span>Real estate broker<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17"</span><span class="nt">><span></span>(+123)<span class="nt"></span><span</span>
<span class="na">class=</span><span class="s">"text-heading d-inline-block ml-2"</span><span class="nt">></span>1900 68668<span class="nt"></span></span>
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Agents 02</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-368" role="tab" aria-controls="result-368" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-368" role="tab" aria-controls="html-368" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-368">
<div class="tab-pane fade show active" id="result-368" role="tabpanel" aria-labelledby="result-368">
<div class="bd-example">
<div style="max-width:370px">
<div class="card">
<div class="card-body px-6 py-4">
<h4 class="card-title fs-16 lh-2 text-dark mb-2">Agents</h4>
<ul class="list-group list-group-flush">
<li class="list-group-item px-0 pb-3 pt-0">
<div class="media align-items-center">
<a href="../../agent-details-1.html" class="d-block w-60px h-60 mr-3">
<img src="../../images/agent-1.jpg" alt="Oliver Beddows"
class="rounded-circle">
</a>
<div class="media-body">
<a href="../../agent-details-1.html" class="text-muted hover-dark font-weight-500 mb-0 lh-214">Oliver Beddows</a>
<p class="mb-0 fs-13 mb-0 lh-2">Sales Excutive</p>
<ul class="list-inline mb-0">
<li class="list-inline-item fs-13 text-heading font-weight-500">4.8/5</li>
<li class="list-inline-item fs-13 text-heading font-weight-500">
<ul class="list-inline mb-0">
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
</ul>
</li>
</ul>
</div>
</div>
</li>
<li class="list-group-item px-0 pt-2 pb-3">
<div class="media align-items-center">
<a href="../../agent-details-1.html" class="d-block w-60px h-60 mr-3">
<img src="../../images/agent-2.jpg" alt="Max Kordex"
class="rounded-circle">
</a>
<div class="media-body">
<a href="../../agent-details-1.html" class="text-muted hover-dark font-weight-500 mb-0 lh-214">Max Kordex</a>
<p class="mb-0 fs-13 mb-0 lh-2">Real estate broker</p>
<ul class="list-inline mb-0">
<li class="list-inline-item fs-12 text-heading font-weight-500">4.8/5</li>
<li class="list-inline-item fs-12 text-heading">
<ul class="list-inline mb-0">
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
</ul>
</li>
</ul>
</div>
</div>
</li>
<li class="list-group-item px-0 pt-2">
<div class="media align-items-center">
<a href="../../agent-details-1.html" class="d-block w-60px h-60 mr-3">
<img src="../../images/agent-4-lg.jpg" alt="Ted Stokes"
class="rounded-circle">
</a>
<div class="media-body">
<a href="../../agent-details-1.html" class="text-muted hover-dark font-weight-500 mb-0 lh-214">Ted Stokes</a>
<p class="mb-0 fs-13 mb-0 lh-2">Sales Excutive</p>
<ul class="list-inline mb-0">
<li class="list-inline-item fs-13 text-heading font-weight-500">4.8/5</li>
<li class="list-inline-item fs-13 text-heading font-weight-500">
<ul class="list-inline mb-0">
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
</ul>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-368" role="tabpanel" aria-labelledby="html-368">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body px-6 py-4"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-2"</span><span class="nt">></span>Agents<span class="nt"></h4></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-group list-group-flush"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pb-3 pt-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media align-items-center"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-60px h-60 mr-3"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/agent-1.jpg"</span> <span class="na">alt=</span><span class="s">"Oliver Beddows"</span>
<span class="na">class=</span><span class="s">"rounded-circle"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"text-muted hover-dark font-weight-500 mb-0 lh-214"</span><span class="nt">></span>Oliver Beddows<span class="nt"></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-2"</span><span class="nt">></span>Sales Excutive<span class="nt"></p></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-inline mb-0"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item fs-13 text-heading font-weight-500"</span><span class="nt">></span>4.8/5<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item fs-13 text-heading font-weight-500"</span><span class="nt">></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-inline mb-0"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-2 pb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media align-items-center"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-60px h-60 mr-3"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/agent-2.jpg"</span> <span class="na">alt=</span><span class="s">"Max Kordex"</span>
<span class="na">class=</span><span class="s">"rounded-circle"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"text-muted hover-dark font-weight-500 mb-0 lh-214"</span><span class="nt">></span>Max Kordex<span class="nt"></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-2"</span><span class="nt">></span>Real estate broker<span class="nt"></p></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-inline mb-0"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item fs-12 text-heading font-weight-500"</span><span class="nt">></span>4.8/5<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item fs-12 text-heading"</span><span class="nt">></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-inline mb-0"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media align-items-center"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-60px h-60 mr-3"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/agent-4-lg.jpg"</span> <span class="na">alt=</span><span class="s">"Ted Stokes"</span>
<span class="na">class=</span><span class="s">"rounded-circle"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"text-muted hover-dark font-weight-500 mb-0 lh-214"</span><span class="nt">></span>Ted Stokes<span class="nt"></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-2"</span><span class="nt">></span>Sales Excutive<span class="nt"></p></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-inline mb-0"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item fs-13 text-heading font-weight-500"</span><span class="nt">></span>4.8/5<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item fs-13 text-heading font-weight-500"</span><span class="nt">></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-inline mb-0"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Agents 03</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-369" role="tab" aria-controls="result-369" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-369" role="tab" aria-controls="html-369" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-369">
<div class="tab-pane fade show active" id="result-369" role="tabpanel" aria-labelledby="result-369">
<div class="bd-example">
<div style="max-width:370px">
<div class="card">
<div class="card-body px-6 py-4">
<h4 class="card-title fs-16 lh-2 text-dark mb-2">Agents</h4>
<ul class="list-group list-group-flush">
<li class="list-group-item px-0 pb-4 pt-0">
<div class="media align-items-center">
<a href="../../agent-details-1.html" class="d-block w-60px h-60 mr-3">
<img src="../../images/agent-1.jpg" alt="Oliver Beddows"
class="rounded-circle">
</a>
<div class="media-body">
<a href="#" class="d-block text-dark font-weight-500 lh-2 hover-primary">Oliver Beddows</a>
<p class="mb-0 fs-13 mb-0 lh-17">Sales Excutive</p>
<p class="mb-0 fs-13 mb-0 lh-17 text-heading font-weight-500">(+68)1221 09876
</p>
</div>
</div>
</li>
<li class="list-group-item px-0 pt-3 pb-4">
<div class="media align-items-center">
<a href="../../agent-details-1.html" class="d-block w-60px h-60 mr-3">
<img src="../../images/agent-2.jpg" alt="Max Kordex"
class="rounded-circle">
</a>
<div class="media-body">
<a href="#" class="d-block text-dark font-weight-500 lh-2 hover-primary">Max Kordex</a>
<p class="mb-0 fs-13 mb-0 lh-17">Real estate broker</p>
<p class="mb-0 fs-13 mb-0 lh-17 text-heading font-weight-500">(+68)1221 09876
</p>
</div>
</div>
</li>
<li class="list-group-item px-0 pt-2">
<div class="media align-items-center">
<a href="../../agent-details-1.html" class="d-block w-60px h-60 mr-3">
<img src="../../images/agent-4-lg.jpg" alt="Ted Stokes"
class="rounded-circle">
</a>
<div class="media-body">
<a href="#" class="d-block text-dark font-weight-500 lh-2 hover-primary">Ted Stokes</a>
<p class="mb-0 fs-13 mb-0 lh-17">Sales Excutive</p>
<p class="mb-0 fs-13 mb-0 lh-17 text-heading font-weight-500">(+68)1221 09876
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-369" role="tabpanel" aria-labelledby="html-369">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body px-6 py-4"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-2"</span><span class="nt">></span>Agents<span class="nt"></h4></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-group list-group-flush"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pb-4 pt-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media align-items-center"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-60px h-60 mr-3"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/agent-1.jpg"</span> <span class="na">alt=</span><span class="s">"Oliver Beddows"</span>
<span class="na">class=</span><span class="s">"rounded-circle"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"d-block text-dark font-weight-500 lh-2 hover-primary"</span><span class="nt">></span>Oliver Beddows<span class="nt"></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17"</span><span class="nt">></span>Sales Excutive<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17 text-heading font-weight-500"</span><span class="nt">></span>(+68)1221 09876
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-3 pb-4"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media align-items-center"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-60px h-60 mr-3"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/agent-2.jpg"</span> <span class="na">alt=</span><span class="s">"Max Kordex"</span>
<span class="na">class=</span><span class="s">"rounded-circle"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"d-block text-dark font-weight-500 lh-2 hover-primary"</span><span class="nt">></span>Max Kordex<span class="nt"></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17"</span><span class="nt">></span>Real estate broker<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17 text-heading font-weight-500"</span><span class="nt">></span>(+68)1221 09876
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media align-items-center"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-60px h-60 mr-3"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/agent-4-lg.jpg"</span> <span class="na">alt=</span><span class="s">"Ted Stokes"</span>
<span class="na">class=</span><span class="s">"rounded-circle"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"d-block text-dark font-weight-500 lh-2 hover-primary"</span><span class="nt">></span>Ted Stokes<span class="nt"></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17"</span><span class="nt">></span>Sales Excutive<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17 text-heading font-weight-500"</span><span class="nt">></span>(+68)1221 09876
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Agent Contact</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-370" role="tab" aria-controls="result-370" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-370" role="tab" aria-controls="html-370" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-370">
<div class="tab-pane fade show active" id="result-370" role="tabpanel" aria-labelledby="result-370">
<div class="bd-example">
<div style="max-width:370px">
<div class="card">
<div class="card-body px-6 py-4 text-center">
<a href="../../agent-details-1.html" class="d-block mb-2">
<img src="../../images/agent-1.jpg" alt="Oliver Beddows"
class="rounded-circle">
</a>
<a href="../../agent-details-1.html" class="fs-16 lh-214 text-dark mb-0 font-weight-500 hover-primary">Oliver Beddows</a>
<p class="mb-0">Sales Excutive</p>
<ul class="list-inline mb-0">
<li class="list-inline-item fs-13 text-heading font-weight-500">4.8/5</li>
<li class="list-inline-item fs-13 text-heading font-weight-500 mr-1">
<ul class="list-inline mb-0">
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
<li class="list-inline-item mr-0">
<span class="text-warning fs-12 lh-2"><i class="fas fa-star"></i></span>
</li>
</ul>
</li>
<li class="list-inline-item fs-13 text-gray-light">(67 reviews)</li>
</ul>
<a href="mailto:oliverbeddows@homeid.com" class="text-body">oliverbeddows@homeid.com</a>
<a href="tel:123-900-68668" class="text-heading font-weight-600 d-block mb-4">123 900 68668</a>
<ul class="list-inline border-bottom border-top py-3 mb-5">
<li class="list-inline-item mr-2">
<a href="#"
class="w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center"><i
class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item mr-2">
<a href="#"
class="w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center"><i
class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item mr-2">
<a href="#"
class="w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center">
<i class="fab fa-instagram"></i></a>
</li>
<li class="list-inline-item mr-2">
<a href="#"
class="w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center"><i
class="fab fa-linkedin-in"></i></a>
</li>
</ul>
<form>
<div class="form-group mb-2">
<label for="name" class="sr-only">Name</label>
<input type="text" class="form-control form-control-lg border-0 shadow-none" id="name"
placeholder="First Name, Last Name">
</div>
<div class="form-group mb-2">
<label for="email" class="sr-only">Email</label>
<input type="text" class="form-control form-control-lg border-0 shadow-none" id="email"
placeholder="Your email">
</div>
<div class="form-group mb-2">
<label for="phone" class="sr-only">Phone</label>
<input type="text" class="form-control form-control-lg border-0 shadow-none" id="phone"
placeholder="Your phone">
</div>
<div class="form-group mb-4">
<label for="message" class="sr-only">Message</label>
<textarea class="form-control border-0 shadow-none" id="message"></textarea>
</div>
<button type="submit" class="btn btn-primary btn-lg btn-block shadow-none">Request Info</button>
<a href="../../listing-with-left-sidebar.html" class="d-flex align-items-center justify-content-center mt-4 text-heading hover-primary">
<span class="badge badge-circle border fs-13 font-weight-bold mr-2">5</span>
<span class="font-weight-500 mr-2">Listed Properties</span>
<span class="text-primary fs-16"><i class="far fa-long-arrow-right"></i></span>
</a>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-370" role="tabpanel" aria-labelledby="html-370">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body px-6 py-4 text-center"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block mb-2"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/agent-1.jpg"</span> <span class="na">alt=</span><span class="s">"Oliver Beddows"</span>
<span class="na">class=</span><span class="s">"rounded-circle"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"fs-16 lh-214 text-dark mb-0 font-weight-500 hover-primary"</span><span class="nt">></span>Oliver Beddows<span class="nt"></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0"</span><span class="nt">></span>Sales Excutive<span class="nt"></p></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-inline mb-0"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item fs-13 text-heading font-weight-500"</span><span class="nt">></span>4.8/5<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item fs-13 text-heading font-weight-500 mr-1"</span><span class="nt">></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-inline mb-0"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-0"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-warning fs-12 lh-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fas fa-star"</span><span class="nt">></i></span></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item fs-13 text-gray-light"</span><span class="nt">></span>(67 reviews)<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"mailto:oliverbeddows@homeid.com"</span> <span class="na">class=</span><span class="s">"text-body"</span><span class="nt">></span>oliverbeddows@homeid.com<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"tel:123-900-68668"</span> <span class="na">class=</span><span class="s">"text-heading font-weight-600 d-block mb-4"</span><span class="nt">></span>123 900 68668<span class="nt"></a></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-inline border-bottom border-top py-3 mb-5"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span>
<span class="na">class=</span><span class="s">"w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center"</span><span class="nt">><i</span>
<span class="na">class=</span><span class="s">"fab fa-twitter"</span><span class="nt">></i></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span>
<span class="na">class=</span><span class="s">"w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center"</span><span class="nt">><i</span>
<span class="na">class=</span><span class="s">"fab fa-facebook-f"</span><span class="nt">></i></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span>
<span class="na">class=</span><span class="s">"w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center"</span><span class="nt">></span>
<span class="nt"><i</span> <span class="na">class=</span><span class="s">"fab fa-instagram"</span><span class="nt">></i></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mr-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span>
<span class="na">class=</span><span class="s">"w-40px h-40 rounded-circle border text-body bg-hover-primary hover-white border-hover-primary d-flex align-items-center justify-content-center"</span><span class="nt">><i</span>
<span class="na">class=</span><span class="s">"fab fa-linkedin-in"</span><span class="nt">></i></a></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"><form></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"name"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Name<span class="nt"></label></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control form-control-lg border-0 shadow-none"</span> <span class="na">id=</span><span class="s">"name"</span>
<span class="na">placeholder=</span><span class="s">"First Name, Last Name"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"email"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Email<span class="nt"></label></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control form-control-lg border-0 shadow-none"</span> <span class="na">id=</span><span class="s">"email"</span>
<span class="na">placeholder=</span><span class="s">"Your email"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"phone"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Phone<span class="nt"></label></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control form-control-lg border-0 shadow-none"</span> <span class="na">id=</span><span class="s">"phone"</span>
<span class="na">placeholder=</span><span class="s">"Your phone"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-4"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"message"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Message<span class="nt"></label></span>
<span class="nt"><textarea</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none"</span> <span class="na">id=</span><span class="s">"message"</span><span class="nt">></textarea></span>
<span class="nt"></div></span>
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-lg btn-block shadow-none"</span><span class="nt">></span>Request Info<span class="nt"></button></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../listing-with-left-sidebar.html"</span> <span class="na">class=</span><span class="s">"d-flex align-items-center justify-content-center mt-4 text-heading hover-primary"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"badge badge-circle border fs-13 font-weight-bold mr-2"</span><span class="nt">></span>5<span class="nt"></span></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"font-weight-500 mr-2"</span><span class="nt">></span>Listed Properties<span class="nt"></span></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-primary fs-16"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"far fa-long-arrow-right"</span><span class="nt">></i></span></span>
<span class="nt"></a></span>
<span class="nt"></form></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Category 01</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-371" role="tab" aria-controls="result-371" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-371" role="tab" aria-controls="html-371" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-371">
<div class="tab-pane fade show active" id="result-371" role="tabpanel" aria-labelledby="result-371">
<div class="bd-example">
<div style="max-width:370px">
<div class="card category-widget">
<div class="card-body px-6 py-4">
<h4 class="card-title fs-16 lh-2 text-dark mb-3">Popular Tags</h4>
<ul class="list-group list-group-no-border">
<li class="list-group-item px-0 pt-0 pb-3">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="check1" name="tags">
<label class="custom-control-label" for="check1">Finace & Accounting</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-3">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="check2" name="tags">
<label class="custom-control-label" for="check2">Financial Services</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-3">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="check3" name="tags">
<label class="custom-control-label" for="check3">Funding Trends</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-3">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="check4" name="tags">
<label class="custom-control-label" for="check4">Industrial Products</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-3">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="check5" name="tags">
<label class="custom-control-label" for="check5">Press Releases</label>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-371" role="tabpanel" aria-labelledby="html-371">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card category-widget"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body px-6 py-4"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-3"</span><span class="nt">></span>Popular Tags<span class="nt"></h4></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-group list-group-no-border"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">id=</span><span class="s">"check1"</span> <span class="na">name=</span><span class="s">"tags"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check1"</span><span class="nt">></span>Finace <span class="err">&</span> Accounting<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">id=</span><span class="s">"check2"</span> <span class="na">name=</span><span class="s">"tags"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check2"</span><span class="nt">></span>Financial Services<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">id=</span><span class="s">"check3"</span> <span class="na">name=</span><span class="s">"tags"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check3"</span><span class="nt">></span>Funding Trends<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">id=</span><span class="s">"check4"</span> <span class="na">name=</span><span class="s">"tags"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check4"</span><span class="nt">></span>Industrial Products<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">id=</span><span class="s">"check5"</span> <span class="na">name=</span><span class="s">"tags"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check5"</span><span class="nt">></span>Press Releases<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Category 02</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-372" role="tab" aria-controls="result-372" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-372" role="tab" aria-controls="html-372" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-372">
<div class="tab-pane fade show active" id="result-372" role="tabpanel" aria-labelledby="result-372">
<div class="bd-example">
<div style="max-width:370px">
<div class="card category-widget">
<div class="card-body px-6 py-4">
<h4 class="card-title fs-16 lh-2 text-dark mb-3">Popular Tags</h4>
<ul class="list-group list-group-no-border">
<li class="list-group-item p-0">
<a href="../../listing-with-left-sidebar.html" class="d-flex text-body hover-primary">
<span class="lh-29">Creative</span>
<span class="d-block ml-auto">13</span>
</a>
</li>
<li class="list-group-item p-0">
<a href="../../listing-with-left-sidebar.html" class="d-flex text-body hover-primary">
<span class="lh-29">Rentals</span>
<span class="d-block ml-auto">21</span>
</a>
</li>
<li class="list-group-item p-0">
<a href="../../listing-with-left-sidebar.html" class="d-flex text-body hover-primary">
<span class="lh-29">Images and B-Roll</span>
<span class="d-block ml-auto">17</span>
</a>
</li>
<li class="list-group-item p-0">
<a href="../../listing-with-left-sidebar.html" class="d-flex text-body hover-primary">
<span class="lh-29">In the News</span>
<span class="d-block ml-auto">4</span>
</a>
</li>
<li class="list-group-item p-0">
<a href="../../listing-with-left-sidebar.html" class="d-flex text-body hover-primary">
<span class="lh-29">Real Estate</span>
<span class="d-block ml-auto">27</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-372" role="tabpanel" aria-labelledby="html-372">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card category-widget"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body px-6 py-4"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-3"</span><span class="nt">></span>Popular Tags<span class="nt"></h4></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-group list-group-no-border"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item p-0"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../listing-with-left-sidebar.html"</span> <span class="na">class=</span><span class="s">"d-flex text-body hover-primary"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"lh-29"</span><span class="nt">></span>Creative<span class="nt"></span></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"d-block ml-auto"</span><span class="nt">></span>13<span class="nt"></span></span>
<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item p-0"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../listing-with-left-sidebar.html"</span> <span class="na">class=</span><span class="s">"d-flex text-body hover-primary"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"lh-29"</span><span class="nt">></span>Rentals<span class="nt"></span></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"d-block ml-auto"</span><span class="nt">></span>21<span class="nt"></span></span>
<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item p-0"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../listing-with-left-sidebar.html"</span> <span class="na">class=</span><span class="s">"d-flex text-body hover-primary"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"lh-29"</span><span class="nt">></span>Images and B-Roll<span class="nt"></span></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"d-block ml-auto"</span><span class="nt">></span>17<span class="nt"></span></span>
<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item p-0"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../listing-with-left-sidebar.html"</span> <span class="na">class=</span><span class="s">"d-flex text-body hover-primary"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"lh-29"</span><span class="nt">></span>In the News<span class="nt"></span></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"d-block ml-auto"</span><span class="nt">></span>4<span class="nt"></span></span>
<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item p-0"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../listing-with-left-sidebar.html"</span> <span class="na">class=</span><span class="s">"d-flex text-body hover-primary"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"lh-29"</span><span class="nt">></span>Real Estate<span class="nt"></span></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"d-block ml-auto"</span><span class="nt">></span>27<span class="nt"></span></span>
<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>City</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-373" role="tab" aria-controls="result-373" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-373" role="tab" aria-controls="html-373" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-373">
<div class="tab-pane fade show active" id="result-373" role="tabpanel" aria-labelledby="result-373">
<div class="bd-example">
<div style="max-width:370px">
<div class="card city-widget">
<div class="card-body px-6 py-4">
<h4 class="card-title fs-16 lh-2 text-dark mb-3">Destinations</h4>
<div class="row no-gutters m-n1">
<div class="col-6 p-1">
<a href="../../listing-with-left-sidebar.html" class="card hover-zoom-in">
<div class="card-img bg-img"
style="background-image: url('../../images/small-los-angeles.jpg');background-size: cover;background-position: center"></div>
<div class="card-img-overlay bg-gradient-3 rounded-lg d-flex align-items-end">
<p class="card-text font-weight-500 lh-1 text-white">Los Angeles</p>
</div>
</a>
</div>
<div class="col-6 p-1">
<a href="../../listing-with-left-sidebar.html" class="card hover-zoom-in">
<div class="card-img bg-img"
style="background-image: url('../../images/small-south-florida.jpg');background-size: cover;background-position: center"></div>
<div class="card-img-overlay bg-gradient-3 rounded-lg d-flex align-items-end">
<p class="card-text font-weight-500 lh-1 text-white">South Florida</p>
</div>
</a>
</div>
<div class="col-6 p-1">
<a href="../../listing-with-left-sidebar.html" class="card hover-zoom-in">
<div class="card-img bg-img"
style="background-image: url('../../images/small-the-hamptons.jpg');background-size: cover;background-position: center"></div>
<div class="card-img-overlay bg-gradient-3 rounded-lg d-flex align-items-end">
<p class="card-text font-weight-500 lh-1 text-white">The Hamptons</p>
</div>
</a>
</div>
<div class="col-6 p-1">
<a href="../../listing-with-left-sidebar.html" class="card hover-zoom-in">
<div class="card-img bg-img"
style="background-image: url('../../images/small-greater-boston.jpg');background-size: cover;background-position: center"></div>
<div class="card-img-overlay bg-gradient-3 rounded-lg d-flex align-items-end">
<p class="card-text font-weight-500 lh-1 text-white">Greater Boston</p>
</div>
</a>
</div>
<div class="col-6 p-1">
<a href="../../listing-with-left-sidebar.html" class="card hover-zoom-in">
<div class="card-img bg-img"
style="background-image: url('../../images/small-new-mexico.jpg');background-size: cover;background-position: center"></div>
<div class="card-img-overlay bg-gradient-3 rounded-lg d-flex align-items-end">
<p class="card-text font-weight-500 lh-1 text-white">New Mexico</p>
</div>
</a>
</div>
<div class="col-6 p-1">
<a href="../../listing-with-left-sidebar.html" class="card hover-zoom-in">
<div class="card-img bg-img"
style="background-image: url('../../images/small-los-angeles.jpg');background-size: cover;background-position: center"></div>
<div class="card-img-overlay bg-gradient-3 rounded-lg d-flex align-items-end">
<p class="card-text font-weight-500 lh-1 text-white">Los Angeles</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-373" role="tabpanel" aria-labelledby="html-373">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card city-widget"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body px-6 py-4"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-3"</span><span class="nt">></span>Destinations<span class="nt"></h4></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"row no-gutters m-n1"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-6 p-1"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../listing-with-left-sidebar.html"</span> <span class="na">class=</span><span class="s">"card hover-zoom-in"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img bg-img"</span>
<span class="na">style=</span><span class="s">"background-image: url('../../images/small-los-angeles.jpg');background-size: cover;background-position: center"</span><span class="nt">></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img-overlay bg-gradient-3 rounded-lg d-flex align-items-end"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"card-text font-weight-500 lh-1 text-white"</span><span class="nt">></span>Los Angeles<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-6 p-1"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../listing-with-left-sidebar.html"</span> <span class="na">class=</span><span class="s">"card hover-zoom-in"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img bg-img"</span>
<span class="na">style=</span><span class="s">"background-image: url('../../images/small-south-florida.jpg');background-size: cover;background-position: center"</span><span class="nt">></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img-overlay bg-gradient-3 rounded-lg d-flex align-items-end"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"card-text font-weight-500 lh-1 text-white"</span><span class="nt">></span>South Florida<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-6 p-1"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../listing-with-left-sidebar.html"</span> <span class="na">class=</span><span class="s">"card hover-zoom-in"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img bg-img"</span>
<span class="na">style=</span><span class="s">"background-image: url('../../images/small-the-hamptons.jpg');background-size: cover;background-position: center"</span><span class="nt">></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img-overlay bg-gradient-3 rounded-lg d-flex align-items-end"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"card-text font-weight-500 lh-1 text-white"</span><span class="nt">></span>The Hamptons<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-6 p-1"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../listing-with-left-sidebar.html"</span> <span class="na">class=</span><span class="s">"card hover-zoom-in"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img bg-img"</span>
<span class="na">style=</span><span class="s">"background-image: url('../../images/small-greater-boston.jpg');background-size: cover;background-position: center"</span><span class="nt">></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img-overlay bg-gradient-3 rounded-lg d-flex align-items-end"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"card-text font-weight-500 lh-1 text-white"</span><span class="nt">></span>Greater Boston<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-6 p-1"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../listing-with-left-sidebar.html"</span> <span class="na">class=</span><span class="s">"card hover-zoom-in"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img bg-img"</span>
<span class="na">style=</span><span class="s">"background-image: url('../../images/small-new-mexico.jpg');background-size: cover;background-position: center"</span><span class="nt">></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img-overlay bg-gradient-3 rounded-lg d-flex align-items-end"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"card-text font-weight-500 lh-1 text-white"</span><span class="nt">></span>New Mexico<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-6 p-1"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../listing-with-left-sidebar.html"</span> <span class="na">class=</span><span class="s">"card hover-zoom-in"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img bg-img"</span>
<span class="na">style=</span><span class="s">"background-image: url('../../images/small-los-angeles.jpg');background-size: cover;background-position: center"</span><span class="nt">></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img-overlay bg-gradient-3 rounded-lg d-flex align-items-end"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"card-text font-weight-500 lh-1 text-white"</span><span class="nt">></span>Los Angeles<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>MailChimp</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-374" role="tab" aria-controls="result-374" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-374" role="tab" aria-controls="html-374" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-374">
<div class="tab-pane fade show active" id="result-374" role="tabpanel" aria-labelledby="result-374">
<div class="bd-example">
<div style="max-width:370px">
<div class="card">
<div class="card-body px-6 py-4">
<h4 class="card-title fs-16 lh-2 text-dark mb-1">Newsletter Sign Up</h4>
<p class="card-text mb-5">Subscribe to new letter to receive exclusive offer and the latest news</p>
<form>
<div class="form-group mb-3">
<label for="name2" class="sr-only">Email</label>
<input type="text" class="form-control form-control-lg border-0 shadow-none" id="name2" name="email"
placeholder="Enter your email">
</div>
<button type="submit" class="btn btn-primary btn-lg btn-block shadow-none mb-2">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-374" role="tabpanel" aria-labelledby="html-374">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body px-6 py-4"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-1"</span><span class="nt">></span>Newsletter Sign Up<span class="nt"></h4></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"card-text mb-5"</span><span class="nt">></span>Subscribe to new letter to receive exclusive offer and the latest news<span class="nt"></p></span>
<span class="nt"><form></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-3"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"name2"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Email<span class="nt"></label></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control form-control-lg border-0 shadow-none"</span> <span class="na">id=</span><span class="s">"name2"</span> <span class="na">name=</span><span class="s">"email"</span>
<span class="na">placeholder=</span><span class="s">"Enter your email"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-lg btn-block shadow-none mb-2"</span><span class="nt">></span>Subscribe<span class="nt"></button></span>
<span class="nt"></form></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Mortgage Calculator</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-375" role="tab" aria-controls="result-375" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-375" role="tab" aria-controls="html-375" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-375">
<div class="tab-pane fade show active" id="result-375" role="tabpanel" aria-labelledby="result-375">
<div class="bd-example">
<div style="max-width:370px">
<div class="card">
<div class="card-body px-6 py-4">
<h4 class="card-title fs-16 lh-2 text-dark mb-3">Mortgage Calculator</h4>
<form>
<div class="form-group">
<label for="totalAmount">Total Amount</label>
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text bg-gray-01 border-0 font-weight-600">$</span>
</div>
<input type="text" class="form-control border-0 shadow-none" id="totalAmount" name="total-amount">
</div>
</div>
<div class="form-group">
<label for="downPayment">Down Paymentt</label>
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text bg-gray-01 border-0 font-weight-600">$</span>
</div>
<input type="text" class="form-control border-0 shadow-none" id="downPayment" name="downPayment">
</div>
</div>
<div class="form-group">
<label for="interestRate">Interest Rate</label>
<div class="input-group input-group-lg">
<div class="input-group-prepend">
<span class="input-group-text bg-gray-01 border-0 font-weight-600">%</span>
</div>
<input type="text" class="form-control border-0 shadow-none" id="interestRate" name="interestRate">
</div>
</div>
<div class="form-group">
<label for="number-of-years">Number of years</label>
<input type="text" class="form-control border-0 shadow-none form-control-lg"
id="number-of-years" name="years">
</div>
<div class="form-group mb-4">
<label for="paymentPeriod">Payment Period</label>
<select class="form-control border-0 shadow-none form-control-lg selectpicker"
title="" data-style="btn-lg py-2 h-52" id="paymentPeriod" name="paymentPeriod">
<option>Monthly</option>
<option>Yearly</option>
</select>
</div>
<button type="submit" class="btn btn-primary btn-lg btn-block shadow-none">Caculate</button>
</form>
<ul class="list-group list-group-flush mt-3">
<li class="list-group-item px-0">
<div class="d-flex">
<span>Monthly Payment</span>
<span class="d-block ml-auto font-weight-500 text-heading">$33</span>
</div>
</li>
<li class="list-group-item px-0">
<div class="d-flex">
<span>Total Cost of Loan</span>
<span class="d-block ml-auto font-weight-500 text-heading">$464</span>
</div>
</li>
<li class="list-group-item px-0">
<div class="d-flex">
<span>Total interest Paid</span>
<span class="d-block ml-auto font-weight-500 text-heading">$119</span>
</div>
</li>
<li class="list-group-item px-0">
<div class="d-flex">
<span>Mortgage Payment</span>
<span class="d-block ml-auto font-weight-500 text-heading">$1.55</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-375" role="tabpanel" aria-labelledby="html-375">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body px-6 py-4"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-3"</span><span class="nt">></span>Mortgage Calculator<span class="nt"></h4></span>
<span class="nt"><form></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"totalAmount"</span><span class="nt">></span>Total Amount<span class="nt"></label></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-group input-group-lg"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-group-prepend"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"input-group-text bg-gray-01 border-0 font-weight-600"</span><span class="nt">></span>$<span class="nt"></span></span>
<span class="nt"></div></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none"</span> <span class="na">id=</span><span class="s">"totalAmount"</span> <span class="na">name=</span><span class="s">"total-amount"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"downPayment"</span><span class="nt">></span>Down Paymentt<span class="nt"></label></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-group input-group-lg"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-group-prepend"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"input-group-text bg-gray-01 border-0 font-weight-600"</span><span class="nt">></span>$<span class="nt"></span></span>
<span class="nt"></div></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none"</span> <span class="na">id=</span><span class="s">"downPayment"</span> <span class="na">name=</span><span class="s">"downPayment"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"interestRate"</span><span class="nt">></span>Interest Rate<span class="nt"></label></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-group input-group-lg"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-group-prepend"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"input-group-text bg-gray-01 border-0 font-weight-600"</span><span class="nt">></span>%<span class="nt"></span></span>
<span class="nt"></div></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none"</span> <span class="na">id=</span><span class="s">"interestRate"</span> <span class="na">name=</span><span class="s">"interestRate"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"number-of-years"</span><span class="nt">></span>Number of years<span class="nt"></label></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none form-control-lg"</span>
<span class="na">id=</span><span class="s">"number-of-years"</span> <span class="na">name=</span><span class="s">"years"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-4"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"paymentPeriod"</span><span class="nt">></span>Payment Period<span class="nt"></label></span>
<span class="nt"><select</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none form-control-lg selectpicker"</span>
<span class="na">title=</span><span class="s">""</span> <span class="na">data-style=</span><span class="s">"btn-lg py-2 h-52"</span> <span class="na">id=</span><span class="s">"paymentPeriod"</span> <span class="na">name=</span><span class="s">"paymentPeriod"</span><span class="nt">></span>
<span class="nt"><option></span>Monthly<span class="nt"></option></span>
<span class="nt"><option></span>Yearly<span class="nt"></option></span>
<span class="nt"></select></span>
<span class="nt"></div></span>
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-lg btn-block shadow-none"</span><span class="nt">></span>Caculate<span class="nt"></button></span>
<span class="nt"></form></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-group list-group-flush mt-3"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
<span class="nt"><span></span>Monthly Payment<span class="nt"></span></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"d-block ml-auto font-weight-500 text-heading"</span><span class="nt">></span>$33<span class="nt"></span></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
<span class="nt"><span></span>Total Cost of Loan<span class="nt"></span></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"d-block ml-auto font-weight-500 text-heading"</span><span class="nt">></span>$464<span class="nt"></span></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
<span class="nt"><span></span>Total interest Paid<span class="nt"></span></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"d-block ml-auto font-weight-500 text-heading"</span><span class="nt">></span>$119<span class="nt"></span></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
<span class="nt"><span></span>Mortgage Payment<span class="nt"></span></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"d-block ml-auto font-weight-500 text-heading"</span><span class="nt">></span>$1.55<span class="nt"></span></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Posts 01</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-376" role="tab" aria-controls="result-376" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-376" role="tab" aria-controls="html-376" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-376">
<div class="tab-pane fade show active" id="result-376" role="tabpanel" aria-labelledby="result-376">
<div class="bd-example">
<div style="max-width:370px">
<div class="card">
<div class="card-body px-6 py-4">
<h4 class="card-title fs-16 lh-2 text-dark mb-3">Latest Posts</h4>
<ul class="list-group list-group-flush">
<li class="list-group-item px-0 pt-0 pb-3">
<div class="media">
<div class="position-relative mr-3">
<a href="../../blog-details-1.html" class="d-block w-100px rounded pt-11 bg-img-cover-center"
style="background-image: url('../../images/post-02.jpg')">
</a>
<a href="../../blog-grid-with-sidebar.html"
class="badge text-white bg-dark-opacity-04 m-1 fs-13 font-weight-500 bg-hover-primary hover-white position-absolute pos-fixed-top">
creative
</a>
</div>
<div class="media-body">
<h4 class="fs-14 lh-186 mb-1">
<a href="../../blog-details-1.html" class="text-dark hover-primary">
Retail banks wake up to digital lending this year
</a>
</h4>
<div class="text-gray-light">
Dec 16, 2018
</div>
</div>
</div>
</li>
<li class="list-group-item px-0 pt-2 pb-3">
<div class="media">
<div class="position-relative mr-3">
<a href="../../blog-details-1.html" class="d-block w-100px rounded pt-11 bg-img-cover-center"
style="background-image: url('../../images/post-04.jpg')">
</a>
<a href="../../blog-grid-with-sidebar.html"
class="badge text-white bg-dark-opacity-04 m-1 fs-13 font-weight-500 bg-hover-primary hover-white position-absolute pos-fixed-top">
rental
</a>
</div>
<div class="media-body">
<h4 class="fs-14 lh-186 mb-1">
<a href="../../blog-details-1.html" class="text-dark hover-primary">
Within the construction industry as their overdraft
</a>
</h4>
<div class="text-gray-light">
Dec 16, 2018
</div>
</div>
</div>
</li>
<li class="list-group-item px-0 pt-2">
<div class="media">
<div class="position-relative mr-3">
<a href="../../blog-details-1.html" class="d-block w-100px rounded pt-11 bg-img-cover-center"
style="background-image: url('../../images/post-07.jpg')">
</a>
<a href="../../blog-grid-with-sidebar.html"
class="badge text-white bg-dark-opacity-04 m-1 fs-13 font-weight-500 bg-hover-primary hover-white position-absolute pos-fixed-top">
rental
</a>
</div>
<div class="media-body">
<h4 class="fs-14 lh-186 mb-1">
<a href="../../blog-details-1.html" class="text-dark hover-primary">
Future Office Buildings: Intelligent by Design
</a>
</h4>
<div class="text-gray-light">
Dec 16, 2018
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-376" role="tabpanel" aria-labelledby="html-376">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body px-6 py-4"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-3"</span><span class="nt">></span>Latest Posts<span class="nt"></h4></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-group list-group-flush"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"position-relative mr-3"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-100px rounded pt-11 bg-img-cover-center"</span>
<span class="na">style=</span><span class="s">"background-image: url('../../images/post-02.jpg')"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-grid-with-sidebar.html"</span>
<span class="na">class=</span><span class="s">"badge text-white bg-dark-opacity-04 m-1 fs-13 font-weight-500 bg-hover-primary hover-white position-absolute pos-fixed-top"</span><span class="nt">></span>
creative
<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"fs-14 lh-186 mb-1"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-details-1.html"</span> <span class="na">class=</span><span class="s">"text-dark hover-primary"</span><span class="nt">></span>
Retail banks wake up to digital lending this year
<span class="nt"></a></span>
<span class="nt"></h4></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-gray-light"</span><span class="nt">></span>
Dec 16, 2018
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-2 pb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"position-relative mr-3"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-100px rounded pt-11 bg-img-cover-center"</span>
<span class="na">style=</span><span class="s">"background-image: url('../../images/post-04.jpg')"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-grid-with-sidebar.html"</span>
<span class="na">class=</span><span class="s">"badge text-white bg-dark-opacity-04 m-1 fs-13 font-weight-500 bg-hover-primary hover-white position-absolute pos-fixed-top"</span><span class="nt">></span>
rental
<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"fs-14 lh-186 mb-1"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-details-1.html"</span> <span class="na">class=</span><span class="s">"text-dark hover-primary"</span><span class="nt">></span>
Within the construction industry as their overdraft
<span class="nt"></a></span>
<span class="nt"></h4></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-gray-light"</span><span class="nt">></span>
Dec 16, 2018
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"position-relative mr-3"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-100px rounded pt-11 bg-img-cover-center"</span>
<span class="na">style=</span><span class="s">"background-image: url('../../images/post-07.jpg')"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-grid-with-sidebar.html"</span>
<span class="na">class=</span><span class="s">"badge text-white bg-dark-opacity-04 m-1 fs-13 font-weight-500 bg-hover-primary hover-white position-absolute pos-fixed-top"</span><span class="nt">></span>
rental
<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"fs-14 lh-186 mb-1"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-details-1.html"</span> <span class="na">class=</span><span class="s">"text-dark hover-primary"</span><span class="nt">></span>
Future Office Buildings: Intelligent by Design
<span class="nt"></a></span>
<span class="nt"></h4></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-gray-light"</span><span class="nt">></span>
Dec 16, 2018
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Posts 02</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-377" role="tab" aria-controls="result-377" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-377" role="tab" aria-controls="html-377" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-377">
<div class="tab-pane fade show active" id="result-377" role="tabpanel" aria-labelledby="result-377">
<div class="bd-example">
<div style="max-width:370px">
<div class="card border-0">
<div class="card-body pr-0 pl-6 py-0">
<h4 class="card-title fs-16 lh-2 text-dark mb-3">Latest Posts</h4>
<ul class="list-group list-group-flush">
<li class="list-group-item px-0 pt-0 pb-3">
<div class="media">
<div class="position-relative mr-3">
<a href="../../blog-details-1.html" class="d-block w-100px rounded pt-11 bg-img-cover-center"
style="background-image: url('../../images/post-02.jpg')">
</a>
<a href="../../blog-grid-with-sidebar.html"
class="badge text-white bg-dark-opacity-04 m-1 fs-13 font-weight-500 bg-hover-primary hover-white position-absolute pos-fixed-top">
creative
</a>
</div>
<div class="media-body">
<h4 class="fs-14 lh-186 mb-1">
<a href="../../blog-details-1.html" class="text-dark hover-primary">
Retail banks wake up to digital lending this year
</a>
</h4>
<div class="text-gray-light">
Dec 16, 2018
</div>
</div>
</div>
</li>
<li class="list-group-item px-0 pt-2 pb-3">
<div class="media">
<div class="position-relative mr-3">
<a href="../../blog-details-1.html" class="d-block w-100px rounded pt-11 bg-img-cover-center"
style="background-image: url('../../images/post-04.jpg')">
</a>
<a href="../../blog-grid-with-sidebar.html"
class="badge text-white bg-dark-opacity-04 m-1 fs-13 font-weight-500 bg-hover-primary hover-white position-absolute pos-fixed-top">
rental
</a>
</div>
<div class="media-body">
<h4 class="fs-14 lh-186 mb-1">
<a href="../../blog-details-1.html" class="text-dark hover-primary">
Within the construction industry as their overdraft
</a>
</h4>
<div class="text-gray-light">
Dec 16, 2018
</div>
</div>
</div>
</li>
<li class="list-group-item px-0 pt-2">
<div class="media">
<div class="position-relative mr-3">
<a href="../../blog-details-1.html" class="d-block w-100px rounded pt-11 bg-img-cover-center"
style="background-image: url('../../images/post-07.jpg')">
</a>
<a href="../../blog-grid-with-sidebar.html"
class="badge text-white bg-dark-opacity-04 m-1 fs-13 font-weight-500 bg-hover-primary hover-white position-absolute pos-fixed-top">
rental
</a>
</div>
<div class="media-body">
<h4 class="fs-14 lh-186 mb-1">
<a href="../../blog-details-1.html" class="text-dark hover-primary">
Future Office Buildings: Intelligent by Design
</a>
</h4>
<div class="text-gray-light">
Dec 16, 2018
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-377" role="tabpanel" aria-labelledby="html-377">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card border-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body pr-0 pl-6 py-0"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-3"</span><span class="nt">></span>Latest Posts<span class="nt"></h4></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-group list-group-flush"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"position-relative mr-3"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-100px rounded pt-11 bg-img-cover-center"</span>
<span class="na">style=</span><span class="s">"background-image: url('../../images/post-02.jpg')"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-grid-with-sidebar.html"</span>
<span class="na">class=</span><span class="s">"badge text-white bg-dark-opacity-04 m-1 fs-13 font-weight-500 bg-hover-primary hover-white position-absolute pos-fixed-top"</span><span class="nt">></span>
creative
<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"fs-14 lh-186 mb-1"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-details-1.html"</span> <span class="na">class=</span><span class="s">"text-dark hover-primary"</span><span class="nt">></span>
Retail banks wake up to digital lending this year
<span class="nt"></a></span>
<span class="nt"></h4></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-gray-light"</span><span class="nt">></span>
Dec 16, 2018
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-2 pb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"position-relative mr-3"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-100px rounded pt-11 bg-img-cover-center"</span>
<span class="na">style=</span><span class="s">"background-image: url('../../images/post-04.jpg')"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-grid-with-sidebar.html"</span>
<span class="na">class=</span><span class="s">"badge text-white bg-dark-opacity-04 m-1 fs-13 font-weight-500 bg-hover-primary hover-white position-absolute pos-fixed-top"</span><span class="nt">></span>
rental
<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"fs-14 lh-186 mb-1"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-details-1.html"</span> <span class="na">class=</span><span class="s">"text-dark hover-primary"</span><span class="nt">></span>
Within the construction industry as their overdraft
<span class="nt"></a></span>
<span class="nt"></h4></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-gray-light"</span><span class="nt">></span>
Dec 16, 2018
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"position-relative mr-3"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-100px rounded pt-11 bg-img-cover-center"</span>
<span class="na">style=</span><span class="s">"background-image: url('../../images/post-07.jpg')"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-grid-with-sidebar.html"</span>
<span class="na">class=</span><span class="s">"badge text-white bg-dark-opacity-04 m-1 fs-13 font-weight-500 bg-hover-primary hover-white position-absolute pos-fixed-top"</span><span class="nt">></span>
rental
<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"fs-14 lh-186 mb-1"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../blog-details-1.html"</span> <span class="na">class=</span><span class="s">"text-dark hover-primary"</span><span class="nt">></span>
Future Office Buildings: Intelligent by Design
<span class="nt"></a></span>
<span class="nt"></h4></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-gray-light"</span><span class="nt">></span>
Dec 16, 2018
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Property 01</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-378" role="tab" aria-controls="result-378" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-378" role="tab" aria-controls="html-378" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-378">
<div class="tab-pane fade show active" id="result-378" role="tabpanel" aria-labelledby="result-378">
<div class="bd-example">
<div style="max-width:370px">
<div class="card border-0 property-widget">
<div class="card-body pl-6 pr-0 py-0">
<h4 class="card-title fs-16 lh-2 text-dark mb-3">Featured Properties</h4>
<div class="slick-slider mx-0"
data-slick-options='{"slidesToShow": 1, "autoplay":true}'>
<div class="box px-0">
<div class="card border-0">
<img src="../../images/feature-property-01.jpg" class="card-img" alt="Villa on Hollywood
Boulevard">
<div class="card-img-overlay d-flex flex-column bg-gradient-3 rounded-lg">
<div class="d-flex mb-auto">
<a href="#" class="mr-1 badge badge-orange">featured</a>
<a href="#" class="badge badge-indigo">for Rent</a>
</div>
<div class="px-2 pb-2">
<a href="../../single-property-1.html" class="text-white">
<h5 class="card-title fs-16 lh-2 mb-0">Villa on Hollywood
Boulevard</h5>
</a>
<p class="card-text text-gray-light mb-0 font-weight-500">1421 San Predro St, Los Angeles</p>
<p class="text-white mb-0"><span class="fs-17 font-weight-bold">$2500 </span>/month
</p>
</div>
</div>
</div>
</div>
<div class="box px-0">
<div class="card border-0">
<img src="../../images/feature-property-01.jpg" class="card-img" alt="Villa on Hollywood
Boulevard">
<div class="card-img-overlay d-flex flex-column bg-gradient-3 rounded-lg">
<div class="d-flex mb-auto">
<a href="#" class="mr-1 badge badge-orange">featured</a>
<a href="#" class="badge badge-indigo">for Rent</a>
</div>
<div class="px-2 pb-2">
<a href="../../single-property-1.html" class="text-white">
<h5 class="card-title fs-16 lh-2 mb-0">Villa on Hollywood
Boulevard</h5>
</a>
<p class="card-text text-gray-light mb-0 font-weight-500">1421 San Predro St, Los Angeles</p>
<p class="text-white mb-0"><span class="fs-17 font-weight-bold">$2500 </span>/month
</p>
</div>
</div>
</div>
</div>
<div class="box px-0">
<div class="card border-0">
<img src="../../images/feature-property-01.jpg" class="card-img" alt="Villa on Hollywood
Boulevard">
<div class="card-img-overlay d-flex flex-column bg-gradient-3 rounded-lg">
<div class="d-flex mb-auto">
<a href="#" class="mr-1 badge badge-orange">featured</a>
<a href="#" class="badge badge-indigo">for Rent</a>
</div>
<div class="px-2 pb-2">
<a href="../../single-property-1.html" class="text-white">
<h5 class="card-title fs-16 lh-2 mb-0">Villa on Hollywood
Boulevard</h5>
</a>
<p class="card-text text-gray-light mb-0 font-weight-500">1421 San Predro St, Los Angeles</p>
<p class="text-white mb-0"><span class="fs-17 font-weight-bold">$2500 </span>/month
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-378" role="tabpanel" aria-labelledby="html-378">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card border-0 property-widget"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body pl-6 pr-0 py-0"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-3"</span><span class="nt">></span>Featured Properties<span class="nt"></h4></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"slick-slider mx-0"</span>
<span class="na">data-slick-options=</span><span class="s">'{"slidesToShow": 1, "autoplay":true}'</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"box px-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card border-0"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/feature-property-01.jpg"</span> <span class="na">class=</span><span class="s">"card-img"</span> <span class="na">alt=</span><span class="s">"Villa on Hollywood
Boulevard"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img-overlay d-flex flex-column bg-gradient-3 rounded-lg"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex mb-auto"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"mr-1 badge badge-orange"</span><span class="nt">></span>featured<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge badge-indigo"</span><span class="nt">></span>for Rent<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"px-2 pb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../single-property-1.html"</span> <span class="na">class=</span><span class="s">"text-white"</span><span class="nt">><h5</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 mb-0"</span><span class="nt">></span>Villa on Hollywood
Boulevard<span class="nt"></h5></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"card-text text-gray-light mb-0 font-weight-500"</span><span class="nt">></span>1421 San Predro St, Los Angeles<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"text-white mb-0"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"fs-17 font-weight-bold"</span><span class="nt">></span>$2500 <span class="nt"></span></span>/month
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"box px-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card border-0"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/feature-property-01.jpg"</span> <span class="na">class=</span><span class="s">"card-img"</span> <span class="na">alt=</span><span class="s">"Villa on Hollywood
Boulevard"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img-overlay d-flex flex-column bg-gradient-3 rounded-lg"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex mb-auto"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"mr-1 badge badge-orange"</span><span class="nt">></span>featured<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge badge-indigo"</span><span class="nt">></span>for Rent<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"px-2 pb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../single-property-1.html"</span> <span class="na">class=</span><span class="s">"text-white"</span><span class="nt">><h5</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 mb-0"</span><span class="nt">></span>Villa on Hollywood
Boulevard<span class="nt"></h5></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"card-text text-gray-light mb-0 font-weight-500"</span><span class="nt">></span>1421 San Predro St, Los Angeles<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"text-white mb-0"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"fs-17 font-weight-bold"</span><span class="nt">></span>$2500 <span class="nt"></span></span>/month
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"box px-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card border-0"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/feature-property-01.jpg"</span> <span class="na">class=</span><span class="s">"card-img"</span> <span class="na">alt=</span><span class="s">"Villa on Hollywood
Boulevard"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img-overlay d-flex flex-column bg-gradient-3 rounded-lg"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex mb-auto"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"mr-1 badge badge-orange"</span><span class="nt">></span>featured<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge badge-indigo"</span><span class="nt">></span>for Rent<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"px-2 pb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../single-property-1.html"</span> <span class="na">class=</span><span class="s">"text-white"</span><span class="nt">><h5</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 mb-0"</span><span class="nt">></span>Villa on Hollywood
Boulevard<span class="nt"></h5></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"card-text text-gray-light mb-0 font-weight-500"</span><span class="nt">></span>1421 San Predro St, Los Angeles<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"text-white mb-0"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"fs-17 font-weight-bold"</span><span class="nt">></span>$2500 <span class="nt"></span></span>/month
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Property 02</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-379" role="tab" aria-controls="result-379" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-379" role="tab" aria-controls="html-379" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-379">
<div class="tab-pane fade show active" id="result-379" role="tabpanel" aria-labelledby="result-379">
<div class="bd-example">
<div style="max-width:370px">
<div class="card property-widget">
<div class="card-body px-6 pt-5 pb-6">
<h4 class="card-title fs-16 lh-2 text-dark mb-3">Featured Properties</h4>
<div class="slick-slider mx-0"
data-slick-options='{"slidesToShow": 1, "autoplay":true}'>
<div class="box px-0">
<div class="card border-0">
<img src="../../images/feature-property-01.jpg" class="card-img" alt="Villa on Hollywood
Boulevard">
<div class="card-img-overlay d-flex flex-column bg-gradient-3 rounded-lg">
<div class="d-flex mb-auto">
<a href="#" class="mr-1 badge badge-orange">featured</a>
<a href="#" class="badge badge-indigo">for Rent</a>
</div>
<div class="px-2 pb-2">
<a href="../../single-property-1.html" class="text-white">
<h5 class="card-title fs-16 lh-2 mb-0">Villa on Hollywood
Boulevard</h5>
</a>
<p class="card-text text-gray-light mb-0 font-weight-500">1421 San Predro St, Los Angeles</p>
<p class="text-white mb-0"><span class="fs-17 font-weight-bold">$2500 </span>/month
</p>
</div>
</div>
</div>
</div>
<div class="box px-0">
<div class="card border-0">
<img src="../../images/feature-property-01.jpg" class="card-img" alt="Villa on Hollywood
Boulevard">
<div class="card-img-overlay d-flex flex-column bg-gradient-3 rounded-lg">
<div class="d-flex mb-auto">
<a href="#" class="mr-1 badge badge-orange">featured</a>
<a href="#" class="badge badge-indigo">for Rent</a>
</div>
<div class="px-2 pb-2">
<a href="../../single-property-1.html" class="text-white">
<h5 class="card-title fs-16 lh-2 mb-0">Villa on Hollywood
Boulevard</h5>
</a>
<p class="card-text text-gray-light mb-0 font-weight-500">1421 San Predro St, Los Angeles</p>
<p class="text-white mb-0"><span class="fs-17 font-weight-bold">$2500 </span>/month
</p>
</div>
</div>
</div>
</div>
<div class="box px-0">
<div class="card border-0">
<img src="../../images/feature-property-01.jpg" class="card-img" alt="Villa on Hollywood
Boulevard">
<div class="card-img-overlay d-flex flex-column bg-gradient-3 rounded-lg">
<div class="d-flex mb-auto">
<a href="#" class="mr-1 badge badge-orange">featured</a>
<a href="#" class="badge badge-indigo">for Rent</a>
</div>
<div class="px-2 pb-2">
<a href="../../single-property-1.html" class="text-white">
<h5 class="card-title fs-16 lh-2 mb-0">Villa on Hollywood
Boulevard</h5>
</a>
<p class="card-text text-gray-light mb-0 font-weight-500">1421 San Predro St, Los Angeles</p>
<p class="text-white mb-0"><span class="fs-17 font-weight-bold">$2500 </span>/month
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-379" role="tabpanel" aria-labelledby="html-379">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card property-widget"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body px-6 pt-5 pb-6"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-3"</span><span class="nt">></span>Featured Properties<span class="nt"></h4></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"slick-slider mx-0"</span>
<span class="na">data-slick-options=</span><span class="s">'{"slidesToShow": 1, "autoplay":true}'</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"box px-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card border-0"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/feature-property-01.jpg"</span> <span class="na">class=</span><span class="s">"card-img"</span> <span class="na">alt=</span><span class="s">"Villa on Hollywood
Boulevard"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img-overlay d-flex flex-column bg-gradient-3 rounded-lg"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex mb-auto"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"mr-1 badge badge-orange"</span><span class="nt">></span>featured<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge badge-indigo"</span><span class="nt">></span>for Rent<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"px-2 pb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../single-property-1.html"</span> <span class="na">class=</span><span class="s">"text-white"</span><span class="nt">><h5</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 mb-0"</span><span class="nt">></span>Villa on Hollywood
Boulevard<span class="nt"></h5></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"card-text text-gray-light mb-0 font-weight-500"</span><span class="nt">></span>1421 San Predro St, Los Angeles<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"text-white mb-0"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"fs-17 font-weight-bold"</span><span class="nt">></span>$2500 <span class="nt"></span></span>/month
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"box px-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card border-0"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/feature-property-01.jpg"</span> <span class="na">class=</span><span class="s">"card-img"</span> <span class="na">alt=</span><span class="s">"Villa on Hollywood
Boulevard"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img-overlay d-flex flex-column bg-gradient-3 rounded-lg"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex mb-auto"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"mr-1 badge badge-orange"</span><span class="nt">></span>featured<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge badge-indigo"</span><span class="nt">></span>for Rent<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"px-2 pb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../single-property-1.html"</span> <span class="na">class=</span><span class="s">"text-white"</span><span class="nt">><h5</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 mb-0"</span><span class="nt">></span>Villa on Hollywood
Boulevard<span class="nt"></h5></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"card-text text-gray-light mb-0 font-weight-500"</span><span class="nt">></span>1421 San Predro St, Los Angeles<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"text-white mb-0"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"fs-17 font-weight-bold"</span><span class="nt">></span>$2500 <span class="nt"></span></span>/month
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"box px-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card border-0"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/feature-property-01.jpg"</span> <span class="na">class=</span><span class="s">"card-img"</span> <span class="na">alt=</span><span class="s">"Villa on Hollywood
Boulevard"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-img-overlay d-flex flex-column bg-gradient-3 rounded-lg"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex mb-auto"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"mr-1 badge badge-orange"</span><span class="nt">></span>featured<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"badge badge-indigo"</span><span class="nt">></span>for Rent<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"px-2 pb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../single-property-1.html"</span> <span class="na">class=</span><span class="s">"text-white"</span><span class="nt">><h5</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 mb-0"</span><span class="nt">></span>Villa on Hollywood
Boulevard<span class="nt"></h5></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"card-text text-gray-light mb-0 font-weight-500"</span><span class="nt">></span>1421 San Predro St, Los Angeles<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"text-white mb-0"</span><span class="nt">><span</span> <span class="na">class=</span><span class="s">"fs-17 font-weight-bold"</span><span class="nt">></span>$2500 <span class="nt"></span></span>/month
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Property 03</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-380" role="tab" aria-controls="result-380" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-380" role="tab" aria-controls="html-380" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-380">
<div class="tab-pane fade show active" id="result-380" role="tabpanel" aria-labelledby="result-380">
<div class="bd-example">
<div class="bg-gray-01 py-8 pl-3 pr-lg-0 pr-3">
<div style="max-width:370px">
<div class="bg-white rounded-lg py-lg-6 pl-lg-6 pr-lg-3 p-4">
<ul class="list-inline d-sm-flex align-items-sm-center mb-2">
<li class="list-inline-item badge badge-orange mr-2">Featured</li>
<li class="list-inline-item badge badge-primary mr-3">For Sale</li>
</ul>
<h2 class="fs-22 text-heading pt-2">Villa Called Archangel</h2>
<p class="mb-2"><i class="fal fa-map-marker-alt mr-1"></i>398 Pete Pascale Pl, New York</p>
<div class="d-sm-flex align-items-sm-center">
<p class="fs-22 text-heading font-weight-bold mb-0 mr-6">$1.250.000</p>
<p class="mb-0">$9350/SqFt</p>
</div>
<div class="row mt-5">
<div class="col-sm-6 mb-3">
<div class="media">
<div class="p-2 shadow-xxs-1 rounded-lg mr-2 lh-1">
<svg class="icon icon-bedroom fs-18 text-primary"><use xlink:href="#icon-bedroom"></use></svg>
</div>
<div class="media-body">
<h5 class="fs-13 font-weight-normal mb-0">Bedrooms</h5>
<p class="mb-0 fs-13 font-weight-bold text-dark">3</p>
</div>
</div>
</div>
<div class="col-sm-6 mb-3">
<div class="media">
<div class="p-2 shadow-xxs-1 rounded-lg mr-2 lh-1">
<svg class="icon icon-shower fs-18 text-primary"><use xlink:href="#icon-shower"></use></svg>
</div>
<div class="media-body">
<h5 class="fs-13 font-weight-normal mb-0">Bathrooms</h5>
<p class="mb-0 fs-13 font-weight-bold text-dark">2</p>
</div>
</div>
</div>
<div class="col-sm-6 mb-3">
<div class="media">
<div class="p-2 shadow-xxs-1 rounded-lg mr-2 lh-1">
<svg class="icon icon-square fs-18 text-primary"><use xlink:href="#icon-square"></use></svg>
</div>
<div class="media-body">
<h5 class="fs-13 font-weight-normal mb-0">Area</h5>
<p class="mb-0 fs-13 font-weight-bold text-dark">3.6k SqFt</p>
</div>
</div>
</div>
<div class="col-sm-6 mb-3">
<div class="media">
<div class="p-2 shadow-xxs-1 rounded-lg mr-2 lh-1">
<svg class="icon icon-Garage fs-18 text-primary"><use xlink:href="#icon-Garage"></use></svg>
</div>
<div class="media-body">
<h5 class="fs-13 font-weight-normal mb-0">Garage</h5>
<p class="mb-0 fs-13 font-weight-bold text-dark">1</p>
</div>
</div>
</div>
</div>
<p class="mb-6 mt-1">Villa Called Archangel is now available to buy off plan in New Islington in Australia.</p>
<div class="mr-xl-2">
<a href="#" class="btn btn-outline-primary btn-lg btn-block rounded border text-body border-hover-primary hover-white">Schedule a Tour</a>
<a href="#" class="btn btn-outline-primary btn-lg btn-block rounded border text-body border-hover-primary hover-white mt-4">Request Info</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-380" role="tabpanel" aria-labelledby="html-380">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"bg-gray-01 py-8 pl-3 pr-lg-0 pr-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"bg-white rounded-lg py-lg-6 pl-lg-6 pr-lg-3 p-4"</span><span class="nt">></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-inline d-sm-flex align-items-sm-center mb-2"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item badge badge-orange mr-2"</span><span class="nt">></span>Featured<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item badge badge-primary mr-3"</span><span class="nt">></span>For Sale<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"><h2</span> <span class="na">class=</span><span class="s">"fs-22 text-heading pt-2"</span><span class="nt">></span>Villa Called Archangel<span class="nt"></h2></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-2"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fal fa-map-marker-alt mr-1"</span><span class="nt">></i></span>398 Pete Pascale Pl, New York<span class="nt"></p></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-sm-flex align-items-sm-center"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"fs-22 text-heading font-weight-bold mb-0 mr-6"</span><span class="nt">></span>$1.250.000<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0"</span><span class="nt">></span>$9350/SqFt<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"row mt-5"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-sm-6 mb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"p-2 shadow-xxs-1 rounded-lg mr-2 lh-1"</span><span class="nt">></span>
<span class="nt"><svg</span> <span class="na">class=</span><span class="s">"icon icon-bedroom fs-18 text-primary"</span><span class="nt">><use</span> <span class="na">xlink:href=</span><span class="s">"#icon-bedroom"</span><span class="nt">></use></svg></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><h5</span> <span class="na">class=</span><span class="s">"fs-13 font-weight-normal mb-0"</span><span class="nt">></span>Bedrooms<span class="nt"></h5></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 font-weight-bold text-dark"</span><span class="nt">></span>3<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-sm-6 mb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"p-2 shadow-xxs-1 rounded-lg mr-2 lh-1"</span><span class="nt">></span>
<span class="nt"><svg</span> <span class="na">class=</span><span class="s">"icon icon-shower fs-18 text-primary"</span><span class="nt">><use</span> <span class="na">xlink:href=</span><span class="s">"#icon-shower"</span><span class="nt">></use></svg></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><h5</span> <span class="na">class=</span><span class="s">"fs-13 font-weight-normal mb-0"</span><span class="nt">></span>Bathrooms<span class="nt"></h5></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 font-weight-bold text-dark"</span><span class="nt">></span>2<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-sm-6 mb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"p-2 shadow-xxs-1 rounded-lg mr-2 lh-1"</span><span class="nt">></span>
<span class="nt"><svg</span> <span class="na">class=</span><span class="s">"icon icon-square fs-18 text-primary"</span><span class="nt">><use</span> <span class="na">xlink:href=</span><span class="s">"#icon-square"</span><span class="nt">></use></svg></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><h5</span> <span class="na">class=</span><span class="s">"fs-13 font-weight-normal mb-0"</span><span class="nt">></span>Area<span class="nt"></h5></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 font-weight-bold text-dark"</span><span class="nt">></span>3.6k SqFt<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-sm-6 mb-3"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"p-2 shadow-xxs-1 rounded-lg mr-2 lh-1"</span><span class="nt">></span>
<span class="nt"><svg</span> <span class="na">class=</span><span class="s">"icon icon-Garage fs-18 text-primary"</span><span class="nt">><use</span> <span class="na">xlink:href=</span><span class="s">"#icon-Garage"</span><span class="nt">></use></svg></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"media-body"</span><span class="nt">></span>
<span class="nt"><h5</span> <span class="na">class=</span><span class="s">"fs-13 font-weight-normal mb-0"</span><span class="nt">></span>Garage<span class="nt"></h5></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 font-weight-bold text-dark"</span><span class="nt">></span>1<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-6 mt-1"</span><span class="nt">></span>Villa Called Archangel is now available to buy off plan in New Islington in Australia.<span class="nt"></p></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mr-xl-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-primary btn-lg btn-block rounded border text-body border-hover-primary hover-white"</span><span class="nt">></span>Schedule a Tour<span class="nt"></a></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-primary btn-lg btn-block rounded border text-body border-hover-primary hover-white mt-4"</span><span class="nt">></span>Request Info<span class="nt"></a></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2> Request Tour</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-381" role="tab" aria-controls="result-381" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-381" role="tab" aria-controls="html-381" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-381">
<div class="tab-pane fade show active" id="result-381" role="tabpanel" aria-labelledby="result-381">
<div class="bd-example">
<div style="max-width: 370px">
<div class="card border-0 widget-request-tour">
<ul class="nav nav-tabs d-flex" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active px-3" data-toggle="tab" href="#schedule" role="tab"
aria-selected="true">Schedule
A Tour</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link px-3" data-toggle="tab" href="#request-info" role="tab"
aria-selected="false">Request
Info</a>
</li>
</ul>
<div class="card-body px-6 shadow-xxs-2 pb-5 pt-0">
<form>
<div class="tab-content pt-1 pb-0 px-0 shadow-none" id="myTabContent">
<div class="tab-pane fade show active" id="schedule" role="tabpanel">
<div class="slick-slider calendar arrow-hide-disable mx-n1"
data-slick-options='{"slidesToShow": 5, "autoplay":false,"dots":false}'>
<div class="box px-1 py-4">
<div class="card pointer active border-0 shadow-xxs-1" data-date="March 17, 2020">
<div class="card-body p-1 text-center">
<p class="day fs-12 text-muted lh-2 mb-0">Tue</p>
<p class="date fs-18 text-heading lh-173 mb-0 font-weight-bold">17</p>
<p class="month fs-13 letter-spacing-087 mb-0">Mar</p>
</div>
</div>
</div>
<div class="box px-1 py-4">
<div class="card pointer border-0 shadow-xxs-1" data-date="March 18, 2020">
<div class="card-body p-1 text-center">
<p class="day fs-12 text-muted lh-2 mb-0">Wed</p>
<p class="date fs-18 text-heading lh-173 mb-0 font-weight-bold">18</p>
<p class="month fs-13 letter-spacing-087 mb-0">Mar</p>
</div>
</div>
</div>
<div class="box px-1 py-4">
<div class="card pointer border-0 shadow-xxs-1" data-date="March 19, 2020">
<div class="card-body p-1 text-center">
<p class="day fs-12 text-muted lh-2 mb-0">Thur</p>
<p class="date fs-18 text-heading lh-173 mb-0 font-weight-bold">19</p>
<p class="month fs-13 letter-spacing-087 mb-0">Mar</p>
</div>
</div>
</div>
<div class="box px-1 py-4">
<div class="card pointer border-0 shadow-xxs-1" data-date="March 20, 2020">
<div class="card-body p-1 text-center">
<p class="day fs-12 text-muted lh-2 mb-0">Fri</p>
<p class="date fs-18 text-heading lh-173 mb-0 font-weight-bold">20</p>
<p class="month fs-13 letter-spacing-087 mb-0">Mar</p>
</div>
</div>
</div>
<div class="box px-1 py-4">
<div class="card pointer border-0 shadow-xxs-1" data-date="March 21, 2020">
<div class="card-body p-1 text-center">
<p class="day fs-12 text-muted lh-2 mb-0">Sat</p>
<p class="date fs-18 text-heading lh-173 mb-0 font-weight-bold">21</p>
<p class="month fs-13 letter-spacing-087 mb-0">Mar</p>
</div>
</div>
</div>
<div class="box px-1 py-4">
<div class="card pointer border-0 shadow-xxs-1" data-date="March 22, 2020">
<div class="card-body p-1 text-center">
<p class="day fs-12 text-muted lh-2 mb-0">Sun</p>
<p class="date fs-18 text-heading lh-173 mb-0 font-weight-bold">22</p>
<p class="month fs-13 letter-spacing-087 mb-0">Mar</p>
</div>
</div>
</div>
<div class="box px-1 py-4">
<div class="card pointer border-0 shadow-xxs-1" data-date="March 23, 2020">
<div class="card-body p-1 text-center">
<p class="day fs-12 text-muted lh-2 mb-0">Mon</p>
<p class="date fs-18 text-heading lh-173 mb-0 font-weight-bold">23</p>
<p class="month fs-13 letter-spacing-087 mb-0">Mar</p>
</div>
</div>
</div>
</div>
<input type="hidden" class="date" name="date" value="March 17, 2020">
<div class="form-group mb-2">
<div class="input-group input-group-lg bootstrap-timepicker timepicker">
<input type="text" class="form-control border-0 text-body shadow-none" name="time"
placeholder="Choose a time">
<div class="input-group-append input-group-addon">
<button class="btn bg-input shadow-none fs-18 lh-1" type="button"><i
class="fal fa-angle-down"></i></button>
</div>
</div>
</div>
<div class="form-group mb-2">
<input type="text" class="form-control form-control-lg border-0"
placeholder="First Name, Last Name" name="name">
</div>
<div class="form-group mb-2">
<input type="email" class="form-control form-control-lg border-0" placeholder="Your Email" name="email">
</div>
<div class="form-group mb-4">
<input type="tel" class="form-control form-control-lg border-0" placeholder="Your phone" name="phone">
</div>
<button type="submit" class="btn btn-primary btn-lg btn-block rounded">Schedule A Tour</button>
<div class="form-group form-check mt-2 mb-0">
<input type="checkbox" class="form-check-input" id="exampleCheck1" name="exampleCheck1">
<label class="form-check-label fs-13" for="exampleCheck1">Egestas fringilla phasellus
faucibus
scelerisque
eleifend donec.</label>
</div>
</div>
<div class="tab-pane fade pt-5" id="request-info" role="tabpanel">
<div class="form-check d-flex align-items-center border-bottom pb-3 mb-3">
<input class="form-check-input" type="radio" name="agent" value="option1">
<div class="form-check-label ml-2">
<div class="d-flex align-items-center">
<a href="../../agent-details-1.html" class="d-block w-60px h-60 mr-3">
<img src="../../images/agent-2.jpg"
class="rounded-circle" alt="Oliver Beddows">
</a>
<div>
<a href="../../agent-details-1.html"
class="d-block text-dark font-weight-500 lh-15 hover-primary">Oliver
Beddows</a>
<p class="mb-0 fs-13 mb-0 lh-17">Sales Excutive</p>
<p class="mb-0 fs-13 mb-0 lh-17"><span>(+123)</span><span
class="text-heading d-inline-block ml-2">1900 68668</span>
</p>
</div>
</div>
</div>
</div>
<div class="form-check d-flex align-items-center mb-6">
<input class="form-check-input" type="radio" name="agent" id="inlineRadio2"
value="option2">
<div class="form-check-label ml-2">
<div class="d-flex align-items-center">
<a href="../../agent-details-1.html" class="d-block w-60px h-60 mr-3">
<img src="../../images/agent-1.jpg"
class="rounded-circle" alt="Max Kordex">
</a>
<div>
<a href="../../agent-details-1.html"
class="d-block text-dark font-weight-500 lh-15 hover-primary">Max Kordex</a>
<p class="mb-0 fs-13 mb-0 lh-17">Real estate broker</p>
<p class="mb-0 fs-13 mb-0 lh-17"><span>(+123)</span><span
class="text-heading d-inline-block ml-2">1900 68668</span>
</p>
</div>
</div>
</div>
</div>
<div class="form-group mb-2">
<input type="text" class="form-control form-control-lg border-0"
placeholder="First Name, Last Name" name="name">
</div>
<div class="form-group mb-2">
<input type="email" class="form-control form-control-lg border-0" placeholder="Your Email" name="email">
</div>
<div class="form-group mb-2">
<input type="tel" class="form-control form-control-lg border-0" placeholder="Your phone" name="phone">
</div>
<div class="form-group mb-4">
<textarea class="form-control border-0" rows="4">Hello, I'm interested in Villa Called Archangel</textarea>
</div>
<button type="submit" class="btn btn-primary btn-lg btn-block rounded">Request Info</button>
<div class="form-group form-check mt-2 mb-0">
<input type="checkbox" class="form-check-input" id="exampleCheck2" name="exampleCheck2">
<label class="form-check-label fs-13" for="exampleCheck2">Egestas fringilla phasellus
faucibus
scelerisque
eleifend donec.</label>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-381" role="tabpanel" aria-labelledby="html-381">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width: 370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card border-0 widget-request-tour"</span><span class="nt">></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs d-flex"</span> <span class="na">id=</span><span class="s">"myTab"</span> <span class="na">role=</span><span class="s">"tablist"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"nav-link active px-3"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span> <span class="na">href=</span><span class="s">"#schedule"</span> <span class="na">role=</span><span class="s">"tab"</span>
<span class="na">aria-selected=</span><span class="s">"true"</span><span class="nt">></span>Schedule
A Tour<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span> <span class="na">role=</span><span class="s">"presentation"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"nav-link px-3"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span> <span class="na">href=</span><span class="s">"#request-info"</span> <span class="na">role=</span><span class="s">"tab"</span>
<span class="na">aria-selected=</span><span class="s">"false"</span><span class="nt">></span>Request
Info<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body px-6 shadow-xxs-2 pb-5 pt-0"</span><span class="nt">></span>
<span class="nt"><form></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"tab-content pt-1 pb-0 px-0 shadow-none"</span> <span class="na">id=</span><span class="s">"myTabContent"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"tab-pane fade show active"</span> <span class="na">id=</span><span class="s">"schedule"</span> <span class="na">role=</span><span class="s">"tabpanel"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"slick-slider calendar arrow-hide-disable mx-n1"</span>
<span class="na">data-slick-options=</span><span class="s">'{"slidesToShow": 5, "autoplay":false,"dots":false}'</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"box px-1 py-4"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card pointer active border-0 shadow-xxs-1"</span> <span class="na">data-date=</span><span class="s">"March 17, 2020"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body p-1 text-center"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"day fs-12 text-muted lh-2 mb-0"</span><span class="nt">></span>Tue<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"date fs-18 text-heading lh-173 mb-0 font-weight-bold"</span><span class="nt">></span>17<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"month fs-13 letter-spacing-087 mb-0"</span><span class="nt">></span>Mar<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"box px-1 py-4"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card pointer border-0 shadow-xxs-1"</span> <span class="na">data-date=</span><span class="s">"March 18, 2020"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body p-1 text-center"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"day fs-12 text-muted lh-2 mb-0"</span><span class="nt">></span>Wed<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"date fs-18 text-heading lh-173 mb-0 font-weight-bold"</span><span class="nt">></span>18<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"month fs-13 letter-spacing-087 mb-0"</span><span class="nt">></span>Mar<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"box px-1 py-4"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card pointer border-0 shadow-xxs-1"</span> <span class="na">data-date=</span><span class="s">"March 19, 2020"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body p-1 text-center"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"day fs-12 text-muted lh-2 mb-0"</span><span class="nt">></span>Thur<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"date fs-18 text-heading lh-173 mb-0 font-weight-bold"</span><span class="nt">></span>19<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"month fs-13 letter-spacing-087 mb-0"</span><span class="nt">></span>Mar<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"box px-1 py-4"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card pointer border-0 shadow-xxs-1"</span> <span class="na">data-date=</span><span class="s">"March 20, 2020"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body p-1 text-center"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"day fs-12 text-muted lh-2 mb-0"</span><span class="nt">></span>Fri<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"date fs-18 text-heading lh-173 mb-0 font-weight-bold"</span><span class="nt">></span>20<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"month fs-13 letter-spacing-087 mb-0"</span><span class="nt">></span>Mar<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"box px-1 py-4"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card pointer border-0 shadow-xxs-1"</span> <span class="na">data-date=</span><span class="s">"March 21, 2020"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body p-1 text-center"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"day fs-12 text-muted lh-2 mb-0"</span><span class="nt">></span>Sat<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"date fs-18 text-heading lh-173 mb-0 font-weight-bold"</span><span class="nt">></span>21<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"month fs-13 letter-spacing-087 mb-0"</span><span class="nt">></span>Mar<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"box px-1 py-4"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card pointer border-0 shadow-xxs-1"</span> <span class="na">data-date=</span><span class="s">"March 22, 2020"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body p-1 text-center"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"day fs-12 text-muted lh-2 mb-0"</span><span class="nt">></span>Sun<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"date fs-18 text-heading lh-173 mb-0 font-weight-bold"</span><span class="nt">></span>22<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"month fs-13 letter-spacing-087 mb-0"</span><span class="nt">></span>Mar<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"box px-1 py-4"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card pointer border-0 shadow-xxs-1"</span> <span class="na">data-date=</span><span class="s">"March 23, 2020"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body p-1 text-center"</span><span class="nt">></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"day fs-12 text-muted lh-2 mb-0"</span><span class="nt">></span>Mon<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"date fs-18 text-heading lh-173 mb-0 font-weight-bold"</span><span class="nt">></span>23<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"month fs-13 letter-spacing-087 mb-0"</span><span class="nt">></span>Mar<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"hidden"</span> <span class="na">class=</span><span class="s">"date"</span> <span class="na">name=</span><span class="s">"date"</span> <span class="na">value=</span><span class="s">"March 17, 2020"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-group input-group-lg bootstrap-timepicker timepicker"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control border-0 text-body shadow-none"</span> <span class="na">name=</span><span class="s">"time"</span>
<span class="na">placeholder=</span><span class="s">"Choose a time"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-group-append input-group-addon"</span><span class="nt">></span>
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"btn bg-input shadow-none fs-18 lh-1"</span> <span class="na">type=</span><span class="s">"button"</span><span class="nt">><i</span>
<span class="na">class=</span><span class="s">"fal fa-angle-down"</span><span class="nt">></i></button></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-2"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control form-control-lg border-0"</span>
<span class="na">placeholder=</span><span class="s">"First Name, Last Name"</span> <span class="na">name=</span><span class="s">"name"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-2"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"email"</span> <span class="na">class=</span><span class="s">"form-control form-control-lg border-0"</span> <span class="na">placeholder=</span><span class="s">"Your Email"</span> <span class="na">name=</span><span class="s">"email"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-4"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"tel"</span> <span class="na">class=</span><span class="s">"form-control form-control-lg border-0"</span> <span class="na">placeholder=</span><span class="s">"Your phone"</span> <span class="na">name=</span><span class="s">"phone"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-lg btn-block rounded"</span><span class="nt">></span>Schedule A Tour<span class="nt"></button></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group form-check mt-2 mb-0"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"form-check-input"</span> <span class="na">id=</span><span class="s">"exampleCheck1"</span> <span class="na">name=</span><span class="s">"exampleCheck1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-check-label fs-13"</span> <span class="na">for=</span><span class="s">"exampleCheck1"</span><span class="nt">></span>Egestas fringilla phasellus
faucibus
scelerisque
eleifend donec.<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"tab-pane fade pt-5"</span> <span class="na">id=</span><span class="s">"request-info"</span> <span class="na">role=</span><span class="s">"tabpanel"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-check d-flex align-items-center border-bottom pb-3 mb-3"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">class=</span><span class="s">"form-check-input"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"agent"</span> <span class="na">value=</span><span class="s">"option1"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-check-label ml-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex align-items-center"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-60px h-60 mr-3"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/agent-2.jpg"</span>
<span class="na">class=</span><span class="s">"rounded-circle"</span> <span class="na">alt=</span><span class="s">"Oliver Beddows"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><div></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span>
<span class="na">class=</span><span class="s">"d-block text-dark font-weight-500 lh-15 hover-primary"</span><span class="nt">></span>Oliver
Beddows<span class="nt"></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17"</span><span class="nt">></span>Sales Excutive<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17"</span><span class="nt">><span></span>(+123)<span class="nt"></span><span</span>
<span class="na">class=</span><span class="s">"text-heading d-inline-block ml-2"</span><span class="nt">></span>1900 68668<span class="nt"></span></span>
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-check d-flex align-items-center mb-6"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">class=</span><span class="s">"form-check-input"</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"agent"</span> <span class="na">id=</span><span class="s">"inlineRadio2"</span>
<span class="na">value=</span><span class="s">"option2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-check-label ml-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex align-items-center"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span> <span class="na">class=</span><span class="s">"d-block w-60px h-60 mr-3"</span><span class="nt">></span>
<span class="nt"><img</span> <span class="na">src=</span><span class="s">"../../images/agent-1.jpg"</span>
<span class="na">class=</span><span class="s">"rounded-circle"</span> <span class="na">alt=</span><span class="s">"Max Kordex"</span><span class="nt">></span>
<span class="nt"></a></span>
<span class="nt"><div></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"../../agent-details-1.html"</span>
<span class="na">class=</span><span class="s">"d-block text-dark font-weight-500 lh-15 hover-primary"</span><span class="nt">></span>Max Kordex<span class="nt"></a></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17"</span><span class="nt">></span>Real estate broker<span class="nt"></p></span>
<span class="nt"><p</span> <span class="na">class=</span><span class="s">"mb-0 fs-13 mb-0 lh-17"</span><span class="nt">><span></span>(+123)<span class="nt"></span><span</span>
<span class="na">class=</span><span class="s">"text-heading d-inline-block ml-2"</span><span class="nt">></span>1900 68668<span class="nt"></span></span>
<span class="nt"></p></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-2"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control form-control-lg border-0"</span>
<span class="na">placeholder=</span><span class="s">"First Name, Last Name"</span> <span class="na">name=</span><span class="s">"name"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-2"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"email"</span> <span class="na">class=</span><span class="s">"form-control form-control-lg border-0"</span> <span class="na">placeholder=</span><span class="s">"Your Email"</span> <span class="na">name=</span><span class="s">"email"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-2"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"tel"</span> <span class="na">class=</span><span class="s">"form-control form-control-lg border-0"</span> <span class="na">placeholder=</span><span class="s">"Your phone"</span> <span class="na">name=</span><span class="s">"phone"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group mb-4"</span><span class="nt">></span>
<span class="nt"><textarea</span> <span class="na">class=</span><span class="s">"form-control border-0"</span> <span class="na">rows=</span><span class="s">"4"</span><span class="nt">></span>Hello, I'm interested in Villa Called Archangel<span class="nt"></textarea></span>
<span class="nt"></div></span>
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-lg btn-block rounded"</span><span class="nt">></span>Request Info<span class="nt"></button></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group form-check mt-2 mb-0"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"form-check-input"</span> <span class="na">id=</span><span class="s">"exampleCheck2"</span> <span class="na">name=</span><span class="s">"exampleCheck2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-check-label fs-13"</span> <span class="na">for=</span><span class="s">"exampleCheck2"</span><span class="nt">></span>Egestas fringilla phasellus
faucibus
scelerisque
eleifend donec.<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></form></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Search 01</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-382" role="tab" aria-controls="result-382" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-382" role="tab" aria-controls="html-382" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-382">
<div class="tab-pane fade show active" id="result-382" role="tabpanel" aria-labelledby="result-382">
<div class="bd-example">
<div style="max-width:370px">
<div class="card">
<div class="card-body px-6 py-4">
<h4 class="card-title fs-16 lh-2 text-dark mb-3">Find your home</h4>
<form>
<div class="form-group">
<label for="key-word" class="sr-only">Key Word</label>
<input type="text" class="form-control form-control-lg border-0 shadow-none" id="key-word"
placeholder="Enter keyword..." name="search">
</div>
<div class="form-group">
<label for="location" class="sr-only">Location</label>
<select class="form-control border-0 shadow-none form-control-lg selectpicker" name="location"
title="Location" data-style="btn-lg py-2 h-52" id="location">
<option>Austin</option>
<option>Boston</option>
<option>Chicago</option>
<option>Denver</option>
<option>Los Angeles</option>
<option>New York</option>
<option>San Francisco</option>
</select>
</div>
<div class="form-group">
<label for="type" class="sr-only">Type</label>
<select class="form-control border-0 shadow-none form-control-lg selectpicker" name="type"
title="All Types" data-style="btn-lg py-2 h-52" id="type">
<option>Apartment</option>
<option>Condo</option>
<option>Lot</option>
<option>Multi Family Home</option>
<option>Office</option>
<option>Shop</option>
</select>
</div>
<div class="form-group">
<label for="status" class="sr-only">Status</label>
<select class="form-control border-0 shadow-none form-control-lg selectpicker"
title="All Status" data-style="btn-lg py-2 h-52" id="status" name="status">
<option>For Rent</option>
<option>For Sale</option>
</select>
</div>
<div class="form-row mb-4">
<div class="col">
<label for="bed" class="sr-only">Beds</label>
<select class="form-control border-0 shadow-none form-control-lg selectpicker"
title="Beds" data-style="btn-lg py-2 h-52" id="bed" name="beds">
<option>3</option>
<option>4</option>
</select>
</div>
<div class="col">
<label for="baths" class="sr-only">Baths</label>
<select class="form-control border-0 shadow-none form-control-lg selectpicker"
title="Baths" data-style="btn-lg py-2 h-52" id="baths" name="baths">
<option>3</option>
<option>4</option>
</select>
</div>
</div>
<div class="form-group slider-range slider-range-secondary">
<label for="price" class="mb-4 text-gray-light">Price Range</label>
<div data-slider="true"
data-slider-options='{"min":0,"max":8000000,"values":[1000000,5000000],"type":"currency"}'></div>
<div class="text-center mt-2">
<input id="price" type="text" readonly name="price"
class="border-0 amount text-center text-body font-weight-500">
</div>
</div>
<div class="form-group slider-range slider-range-secondary">
<label for="area-size" class="mb-4 text-gray-light">Area Size</label>
<div data-slider="true"
data-slider-options='{"min":0,"max":15000,"values":[50,15000],"type":"sqrt"}'></div>
<div class="text-center mt-2">
<input id="area-size" type="text" readonly name="area"
class="border-0 amount text-center text-body font-weight-500">
</div>
</div>
<a class="lh-17 d-inline-block" data-toggle="collapse" href="#other-feature" role="button"
aria-expanded="false" aria-controls="other-feature">
<span class="text-primary d-inline-block mr-1"><i class="far fa-plus-square"></i></span>
<span class="fs-15 text-heading font-weight-500 hover-primary">Other Features</span>
</a>
<div class="collapse" id="other-feature">
<div class="card card-body border-0 px-0 pb-0 pt-3">
<ul class="list-group list-group-no-border">
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check1-2">
<label class="custom-control-label" for="check1-2">Air Conditioning</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check2-2">
<label class="custom-control-label" for="check2-2">Laundry</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check3-2">
<label class="custom-control-label" for="check3-2">Refrigerator</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check4-2">
<label class="custom-control-label" for="check4-2">Washer</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check5-2">
<label class="custom-control-label" for="check5-2">Barbeque</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check6-2">
<label class="custom-control-label" for="check6-2">Lawn</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check7-2">
<label class="custom-control-label" for="check7-2">Sauna</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check8-2">
<label class="custom-control-label" for="check8-2">WiFi</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check9-2">
<label class="custom-control-label" for="check9-2">Dryer</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check10-2">
<label class="custom-control-label" for="check10-2">Microwave</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check11-2">
<label class="custom-control-label" for="check11-2">Swimming Pool</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check12-2">
<label class="custom-control-label" for="check12-2">Window Coverings</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check13-2">
<label class="custom-control-label" for="check13-2">Gym</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check14-2">
<label class="custom-control-label" for="check14-2">Outdoor Shower</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check15-2">
<label class="custom-control-label" for="check15-2">TV Cable</label>
</div>
</li>
</ul>
</div>
</div>
<button type="submit" class="btn btn-primary btn-lg btn-block shadow-none mt-4">Search</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-382" role="tabpanel" aria-labelledby="html-382">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body px-6 py-4"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-3"</span><span class="nt">></span>Find your home<span class="nt"></h4></span>
<span class="nt"><form></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"key-word"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Key Word<span class="nt"></label></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control form-control-lg border-0 shadow-none"</span> <span class="na">id=</span><span class="s">"key-word"</span>
<span class="na">placeholder=</span><span class="s">"Enter keyword..."</span> <span class="na">name=</span><span class="s">"search"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"location"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Location<span class="nt"></label></span>
<span class="nt"><select</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none form-control-lg selectpicker"</span> <span class="na">name=</span><span class="s">"location"</span>
<span class="na">title=</span><span class="s">"Location"</span> <span class="na">data-style=</span><span class="s">"btn-lg py-2 h-52"</span> <span class="na">id=</span><span class="s">"location"</span><span class="nt">></span>
<span class="nt"><option></span>Austin<span class="nt"></option></span>
<span class="nt"><option></span>Boston<span class="nt"></option></span>
<span class="nt"><option></span>Chicago<span class="nt"></option></span>
<span class="nt"><option></span>Denver<span class="nt"></option></span>
<span class="nt"><option></span>Los Angeles<span class="nt"></option></span>
<span class="nt"><option></span>New York<span class="nt"></option></span>
<span class="nt"><option></span>San Francisco<span class="nt"></option></span>
<span class="nt"></select></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"type"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Type<span class="nt"></label></span>
<span class="nt"><select</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none form-control-lg selectpicker"</span> <span class="na">name=</span><span class="s">"type"</span>
<span class="na">title=</span><span class="s">"All Types"</span> <span class="na">data-style=</span><span class="s">"btn-lg py-2 h-52"</span> <span class="na">id=</span><span class="s">"type"</span><span class="nt">></span>
<span class="nt"><option></span>Apartment<span class="nt"></option></span>
<span class="nt"><option></span>Condo<span class="nt"></option></span>
<span class="nt"><option></span>Lot<span class="nt"></option></span>
<span class="nt"><option></span>Multi Family Home<span class="nt"></option></span>
<span class="nt"><option></span>Office<span class="nt"></option></span>
<span class="nt"><option></span>Shop<span class="nt"></option></span>
<span class="nt"></select></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"status"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Status<span class="nt"></label></span>
<span class="nt"><select</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none form-control-lg selectpicker"</span>
<span class="na">title=</span><span class="s">"All Status"</span> <span class="na">data-style=</span><span class="s">"btn-lg py-2 h-52"</span> <span class="na">id=</span><span class="s">"status"</span> <span class="na">name=</span><span class="s">"status"</span><span class="nt">></span>
<span class="nt"><option></span>For Rent<span class="nt"></option></span>
<span class="nt"><option></span>For Sale<span class="nt"></option></span>
<span class="nt"></select></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-row mb-4"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"bed"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Beds<span class="nt"></label></span>
<span class="nt"><select</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none form-control-lg selectpicker"</span>
<span class="na">title=</span><span class="s">"Beds"</span> <span class="na">data-style=</span><span class="s">"btn-lg py-2 h-52"</span> <span class="na">id=</span><span class="s">"bed"</span> <span class="na">name=</span><span class="s">"beds"</span><span class="nt">></span>
<span class="nt"><option></span>3<span class="nt"></option></span>
<span class="nt"><option></span>4<span class="nt"></option></span>
<span class="nt"></select></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"baths"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Baths<span class="nt"></label></span>
<span class="nt"><select</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none form-control-lg selectpicker"</span>
<span class="na">title=</span><span class="s">"Baths"</span> <span class="na">data-style=</span><span class="s">"btn-lg py-2 h-52"</span> <span class="na">id=</span><span class="s">"baths"</span> <span class="na">name=</span><span class="s">"baths"</span><span class="nt">></span>
<span class="nt"><option></span>3<span class="nt"></option></span>
<span class="nt"><option></span>4<span class="nt"></option></span>
<span class="nt"></select></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group slider-range slider-range-secondary"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"price"</span> <span class="na">class=</span><span class="s">"mb-4 text-gray-light"</span><span class="nt">></span>Price Range<span class="nt"></label></span>
<span class="nt"><div</span> <span class="na">data-slider=</span><span class="s">"true"</span>
<span class="na">data-slider-options=</span><span class="s">'{"min":0,"max":8000000,"values":[1000000,5000000],"type":"currency"}'</span><span class="nt">></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-center mt-2"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">id=</span><span class="s">"price"</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">readonly</span> <span class="na">name=</span><span class="s">"price"</span>
<span class="na">class=</span><span class="s">"border-0 amount text-center text-body font-weight-500"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group slider-range slider-range-secondary"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"area-size"</span> <span class="na">class=</span><span class="s">"mb-4 text-gray-light"</span><span class="nt">></span>Area Size<span class="nt"></label></span>
<span class="nt"><div</span> <span class="na">data-slider=</span><span class="s">"true"</span>
<span class="na">data-slider-options=</span><span class="s">'{"min":0,"max":15000,"values":[50,15000],"type":"sqrt"}'</span><span class="nt">></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-center mt-2"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">id=</span><span class="s">"area-size"</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">readonly</span> <span class="na">name=</span><span class="s">"area"</span>
<span class="na">class=</span><span class="s">"border-0 amount text-center text-body font-weight-500"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"lh-17 d-inline-block"</span> <span class="na">data-toggle=</span><span class="s">"collapse"</span> <span class="na">href=</span><span class="s">"#other-feature"</span> <span class="na">role=</span><span class="s">"button"</span>
<span class="na">aria-expanded=</span><span class="s">"false"</span> <span class="na">aria-controls=</span><span class="s">"other-feature"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-primary d-inline-block mr-1"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"far fa-plus-square"</span><span class="nt">></i></span></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"fs-15 text-heading font-weight-500 hover-primary"</span><span class="nt">></span>Other Features<span class="nt"></span></span>
<span class="nt"></a></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"collapse"</span> <span class="na">id=</span><span class="s">"other-feature"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card card-body border-0 px-0 pb-0 pt-3"</span><span class="nt">></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-group list-group-no-border"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check1-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check1-2"</span><span class="nt">></span>Air Conditioning<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check2-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check2-2"</span><span class="nt">></span>Laundry<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check3-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check3-2"</span><span class="nt">></span>Refrigerator<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check4-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check4-2"</span><span class="nt">></span>Washer<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check5-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check5-2"</span><span class="nt">></span>Barbeque<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check6-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check6-2"</span><span class="nt">></span>Lawn<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check7-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check7-2"</span><span class="nt">></span>Sauna<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check8-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check8-2"</span><span class="nt">></span>WiFi<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check9-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check9-2"</span><span class="nt">></span>Dryer<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check10-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check10-2"</span><span class="nt">></span>Microwave<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check11-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check11-2"</span><span class="nt">></span>Swimming Pool<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check12-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check12-2"</span><span class="nt">></span>Window Coverings<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check13-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check13-2"</span><span class="nt">></span>Gym<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check14-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check14-2"</span><span class="nt">></span>Outdoor Shower<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check15-2"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check15-2"</span><span class="nt">></span>TV Cable<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-lg btn-block shadow-none mt-4"</span><span class="nt">></span>Search<span class="nt"></button></span>
<span class="nt"></form></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Search 02</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-383" role="tab" aria-controls="result-383" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-383" role="tab" aria-controls="html-383" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-383">
<div class="tab-pane fade show active" id="result-383" role="tabpanel" aria-labelledby="result-383">
<div class="bd-example">
<div style="max-width:370px">
<div class="card border-0">
<div class="card-body pl-6 pr-0 py-0">
<h4 class="card-title fs-16 lh-2 text-dark mb-3">Find your home</h4>
<form>
<div class="form-group">
<label for="key-word-1" class="sr-only">Key Word</label>
<input type="text" class="form-control form-control-lg border-0 shadow-none" id="key-word-1"
placeholder="Enter keyword..." name="search">
</div>
<div class="form-group">
<label for="location-1" class="sr-only">Location</label>
<select class="form-control border-0 shadow-none form-control-lg selectpicker"
title="Location" data-style="btn-lg py-2 h-52" id="location-1" name="location">
<option>Austin</option>
<option>Boston</option>
<option>Chicago</option>
<option>Denver</option>
<option>Los Angeles</option>
<option>New York</option>
<option>San Francisco</option>
</select>
</div>
<div class="form-group">
<label for="type-1" class="sr-only">Type</label>
<select class="form-control border-0 shadow-none form-control-lg selectpicker" name="type"
title="All Types" data-style="btn-lg py-2 h-52" id="type-1">
<option>Apartment</option>
<option>Condo</option>
<option>Lot</option>
<option>Multi Family Home</option>
<option>Office</option>
<option>Shop</option>
</select>
</div>
<div class="form-group">
<label for="status-1" class="sr-only">Status</label>
<select class="form-control border-0 shadow-none form-control-lg selectpicker" name="type"
title="All Status" data-style="btn-lg py-2 h-52" id="status-1">
<option>For Rent</option>
<option>For Sale</option>
</select>
</div>
<div class="form-row mb-4">
<div class="col">
<label for="bed-1" class="sr-only">Beds</label>
<select class="form-control border-0 shadow-none form-control-lg selectpicker" name="beds"
title="Beds" data-style="btn-lg py-2 h-52" id="bed-1">
<option>3</option>
<option>4</option>
</select>
</div>
<div class="col">
<label for="baths-1" class="sr-only">Baths</label>
<select class="form-control border-0 shadow-none form-control-lg selectpicker"
title="Baths" data-style="btn-lg py-2 h-52" id="baths-1" name="baths">
<option>3</option>
<option>4</option>
</select>
</div>
</div>
<div class="form-group slider-range slider-range-secondary">
<label for="price-1" class="mb-4 text-gray-light">Price Range</label>
<div data-slider="true"
data-slider-options='{"min":0,"max":8000000,"values":[1000000,5000000],"type":"currency"}'></div>
<div class="text-center mt-2">
<input id="price-1" type="text" readonly name="price"
class="border-0 amount text-center text-body font-weight-500">
</div>
</div>
<div class="form-group slider-range slider-range-secondary">
<label for="area-size-1" class="mb-4 text-gray-light">Area Size</label>
<div data-slider="true"
data-slider-options='{"min":0,"max":15000,"values":[50,15000],"type":"sqrt"}'></div>
<div class="text-center mt-2">
<input id="area-size-1" type="text" readonly name="area"
class="border-0 amount text-center text-body font-weight-500">
</div>
</div>
<a class="lh-17 d-inline-block" data-toggle="collapse" href="#other-feature-1" role="button"
aria-expanded="false" aria-controls="other-feature">
<span class="text-primary d-inline-block mr-1"><i class="far fa-plus-square"></i></span>
<span class="fs-15 text-heading font-weight-500 hover-primary">Other Features</span>
</a>
<div class="collapse" id="other-feature-1">
<div class="card card-body border-0 px-0 pb-0 pt-3">
<ul class="list-group list-group-no-border">
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="check1-1" name="features[]">
<label class="custom-control-label" for="check1-1">Air Conditioning</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check2-1">
<label class="custom-control-label" for="check2-1">Laundry</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check3-1">
<label class="custom-control-label" for="check3-1">Refrigerator</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check4-1">
<label class="custom-control-label" for="check4-1">Washer</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check5-1">
<label class="custom-control-label" for="check5-1">Barbeque</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check6-1">
<label class="custom-control-label" for="check6-1">Lawn</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check7-1">
<label class="custom-control-label" for="check7-1">Sauna</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check8-1">
<label class="custom-control-label" for="check8-1">WiFi</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check9-1">
<label class="custom-control-label" for="check9-1">Dryer</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check10-1">
<label class="custom-control-label" for="check10-1">Microwave</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check11-1">
<label class="custom-control-label" for="check11-1">Swimming Pool</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check12-1">
<label class="custom-control-label" for="check12-1">Window Coverings</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check13-1">
<label class="custom-control-label" for="check13-1">Gym</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check14-1">
<label class="custom-control-label" for="check14-1">Outdoor Shower</label>
</div>
</li>
<li class="list-group-item px-0 pt-0 pb-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]" id="check15-1">
<label class="custom-control-label" for="check15-1">TV Cable</label>
</div>
</li>
</ul>
</div>
</div>
<button type="submit" class="btn btn-primary btn-lg btn-block shadow-none mt-4">Search</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-383" role="tabpanel" aria-labelledby="html-383">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card border-0"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body pl-6 pr-0 py-0"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-3"</span><span class="nt">></span>Find your home<span class="nt"></h4></span>
<span class="nt"><form></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"key-word-1"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Key Word<span class="nt"></label></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control form-control-lg border-0 shadow-none"</span> <span class="na">id=</span><span class="s">"key-word-1"</span>
<span class="na">placeholder=</span><span class="s">"Enter keyword..."</span> <span class="na">name=</span><span class="s">"search"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"location-1"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Location<span class="nt"></label></span>
<span class="nt"><select</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none form-control-lg selectpicker"</span>
<span class="na">title=</span><span class="s">"Location"</span> <span class="na">data-style=</span><span class="s">"btn-lg py-2 h-52"</span> <span class="na">id=</span><span class="s">"location-1"</span> <span class="na">name=</span><span class="s">"location"</span><span class="nt">></span>
<span class="nt"><option></span>Austin<span class="nt"></option></span>
<span class="nt"><option></span>Boston<span class="nt"></option></span>
<span class="nt"><option></span>Chicago<span class="nt"></option></span>
<span class="nt"><option></span>Denver<span class="nt"></option></span>
<span class="nt"><option></span>Los Angeles<span class="nt"></option></span>
<span class="nt"><option></span>New York<span class="nt"></option></span>
<span class="nt"><option></span>San Francisco<span class="nt"></option></span>
<span class="nt"></select></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"type-1"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Type<span class="nt"></label></span>
<span class="nt"><select</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none form-control-lg selectpicker"</span> <span class="na">name=</span><span class="s">"type"</span>
<span class="na">title=</span><span class="s">"All Types"</span> <span class="na">data-style=</span><span class="s">"btn-lg py-2 h-52"</span> <span class="na">id=</span><span class="s">"type-1"</span><span class="nt">></span>
<span class="nt"><option></span>Apartment<span class="nt"></option></span>
<span class="nt"><option></span>Condo<span class="nt"></option></span>
<span class="nt"><option></span>Lot<span class="nt"></option></span>
<span class="nt"><option></span>Multi Family Home<span class="nt"></option></span>
<span class="nt"><option></span>Office<span class="nt"></option></span>
<span class="nt"><option></span>Shop<span class="nt"></option></span>
<span class="nt"></select></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"status-1"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Status<span class="nt"></label></span>
<span class="nt"><select</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none form-control-lg selectpicker"</span> <span class="na">name=</span><span class="s">"type"</span>
<span class="na">title=</span><span class="s">"All Status"</span> <span class="na">data-style=</span><span class="s">"btn-lg py-2 h-52"</span> <span class="na">id=</span><span class="s">"status-1"</span><span class="nt">></span>
<span class="nt"><option></span>For Rent<span class="nt"></option></span>
<span class="nt"><option></span>For Sale<span class="nt"></option></span>
<span class="nt"></select></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-row mb-4"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"bed-1"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Beds<span class="nt"></label></span>
<span class="nt"><select</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none form-control-lg selectpicker"</span> <span class="na">name=</span><span class="s">"beds"</span>
<span class="na">title=</span><span class="s">"Beds"</span> <span class="na">data-style=</span><span class="s">"btn-lg py-2 h-52"</span> <span class="na">id=</span><span class="s">"bed-1"</span><span class="nt">></span>
<span class="nt"><option></span>3<span class="nt"></option></span>
<span class="nt"><option></span>4<span class="nt"></option></span>
<span class="nt"></select></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"baths-1"</span> <span class="na">class=</span><span class="s">"sr-only"</span><span class="nt">></span>Baths<span class="nt"></label></span>
<span class="nt"><select</span> <span class="na">class=</span><span class="s">"form-control border-0 shadow-none form-control-lg selectpicker"</span>
<span class="na">title=</span><span class="s">"Baths"</span> <span class="na">data-style=</span><span class="s">"btn-lg py-2 h-52"</span> <span class="na">id=</span><span class="s">"baths-1"</span> <span class="na">name=</span><span class="s">"baths"</span><span class="nt">></span>
<span class="nt"><option></span>3<span class="nt"></option></span>
<span class="nt"><option></span>4<span class="nt"></option></span>
<span class="nt"></select></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group slider-range slider-range-secondary"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"price-1"</span> <span class="na">class=</span><span class="s">"mb-4 text-gray-light"</span><span class="nt">></span>Price Range<span class="nt"></label></span>
<span class="nt"><div</span> <span class="na">data-slider=</span><span class="s">"true"</span>
<span class="na">data-slider-options=</span><span class="s">'{"min":0,"max":8000000,"values":[1000000,5000000],"type":"currency"}'</span><span class="nt">></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-center mt-2"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">id=</span><span class="s">"price-1"</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">readonly</span> <span class="na">name=</span><span class="s">"price"</span>
<span class="na">class=</span><span class="s">"border-0 amount text-center text-body font-weight-500"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group slider-range slider-range-secondary"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">for=</span><span class="s">"area-size-1"</span> <span class="na">class=</span><span class="s">"mb-4 text-gray-light"</span><span class="nt">></span>Area Size<span class="nt"></label></span>
<span class="nt"><div</span> <span class="na">data-slider=</span><span class="s">"true"</span>
<span class="na">data-slider-options=</span><span class="s">'{"min":0,"max":15000,"values":[50,15000],"type":"sqrt"}'</span><span class="nt">></div></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-center mt-2"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">id=</span><span class="s">"area-size-1"</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">readonly</span> <span class="na">name=</span><span class="s">"area"</span>
<span class="na">class=</span><span class="s">"border-0 amount text-center text-body font-weight-500"</span><span class="nt">></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"lh-17 d-inline-block"</span> <span class="na">data-toggle=</span><span class="s">"collapse"</span> <span class="na">href=</span><span class="s">"#other-feature-1"</span> <span class="na">role=</span><span class="s">"button"</span>
<span class="na">aria-expanded=</span><span class="s">"false"</span> <span class="na">aria-controls=</span><span class="s">"other-feature"</span><span class="nt">></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-primary d-inline-block mr-1"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"far fa-plus-square"</span><span class="nt">></i></span></span>
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"fs-15 text-heading font-weight-500 hover-primary"</span><span class="nt">></span>Other Features<span class="nt"></span></span>
<span class="nt"></a></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"collapse"</span> <span class="na">id=</span><span class="s">"other-feature-1"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card card-body border-0 px-0 pb-0 pt-3"</span><span class="nt">></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-group list-group-no-border"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">id=</span><span class="s">"check1-1"</span> <span class="na">name=</span><span class="s">"features[]"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check1-1"</span><span class="nt">></span>Air Conditioning<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check2-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check2-1"</span><span class="nt">></span>Laundry<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check3-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check3-1"</span><span class="nt">></span>Refrigerator<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check4-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check4-1"</span><span class="nt">></span>Washer<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check5-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check5-1"</span><span class="nt">></span>Barbeque<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check6-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check6-1"</span><span class="nt">></span>Lawn<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check7-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check7-1"</span><span class="nt">></span>Sauna<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check8-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check8-1"</span><span class="nt">></span>WiFi<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check9-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check9-1"</span><span class="nt">></span>Dryer<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check10-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check10-1"</span><span class="nt">></span>Microwave<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check11-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check11-1"</span><span class="nt">></span>Swimming Pool<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check12-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check12-1"</span><span class="nt">></span>Window Coverings<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check13-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check13-1"</span><span class="nt">></span>Gym<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check14-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check14-1"</span><span class="nt">></span>Outdoor Shower<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-group-item px-0 pt-0 pb-2"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-control custom-checkbox"</span><span class="nt">></span>
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">class=</span><span class="s">"custom-control-input"</span> <span class="na">name=</span><span class="s">"features[]"</span> <span class="na">id=</span><span class="s">"check15-1"</span><span class="nt">></span>
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-control-label"</span> <span class="na">for=</span><span class="s">"check15-1"</span><span class="nt">></span>TV Cable<span class="nt"></label></span>
<span class="nt"></div></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"submit"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-lg btn-block shadow-none mt-4"</span><span class="nt">></span>Search<span class="nt"></button></span>
<span class="nt"></form></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
<h2>Tag</h2>
<div class="bd-example-wrapper">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active" data-toggle="tab" href="#result-384" role="tab" aria-controls="result-384" aria-selected="true">Result</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link" data-toggle="tab" href="#html-384" role="tab" aria-controls="html-384" aria-selected="false">HTML Code</a>
</li>
</ul>
<div class="tab-content" id="examplte-tab-content-384">
<div class="tab-pane fade show active" id="result-384" role="tabpanel" aria-labelledby="result-384">
<div class="bd-example">
<div style="max-width:370px">
<div class="card">
<div class="card-body px-6 py-4">
<h4 class="card-title fs-16 lh-2 text-dark mb-3">Popular Tags</h4>
<ul class="list-inline mb-0">
<li class="list-inline-item mb-2">
<a href="#"
class="px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded">designer</a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded">mockup</a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded">template</a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded">IT
Security</a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded">IT
services</a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded">business</a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded">videos</a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded">wordpress
theme</a>
</li>
<li class="list-inline-item mb-2">
<a href="#"
class="px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded">sketch</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="html-384" role="tabpanel" aria-labelledby="html-384">
<figure class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">style=</span><span class="s">"max-width:370px"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body px-6 py-4"</span><span class="nt">></span>
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"card-title fs-16 lh-2 text-dark mb-3"</span><span class="nt">></span>Popular Tags<span class="nt"></h4></span>
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"list-inline mb-0"</span><span class="nt">></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span>
<span class="na">class=</span><span class="s">"px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded"</span><span class="nt">></span>designer<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span>
<span class="na">class=</span><span class="s">"px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded"</span><span class="nt">></span>mockup<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span>
<span class="na">class=</span><span class="s">"px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded"</span><span class="nt">></span>template<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span>
<span class="na">class=</span><span class="s">"px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded"</span><span class="nt">></span>IT
Security<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span>
<span class="na">class=</span><span class="s">"px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded"</span><span class="nt">></span>IT
services<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span>
<span class="na">class=</span><span class="s">"px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded"</span><span class="nt">></span>business<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span>
<span class="na">class=</span><span class="s">"px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded"</span><span class="nt">></span>videos<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span>
<span class="na">class=</span><span class="s">"px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded"</span><span class="nt">></span>wordpress
theme<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"list-inline-item mb-2"</span><span class="nt">></span>
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span>
<span class="na">class=</span><span class="s">"px-2 py-1 d-block fs-13 lh-17 bg-gray-03 text-muted hover-white bg-hover-primary rounded"</span><span class="nt">></span>sketch<span class="nt"></a></span>
<span class="nt"></li></span>
<span class="nt"></ul></span>
<span class="nt"></div></span>
<span class="nt"></div></span>
<span class="nt"></div></span></code></pre>
</figure>
</div>
</div>
</div>
</main>
</div>
</div>
<script src="../../vendors/jquery.min.js"></script>
<script src="../../vendors/jquery-ui/jquery-ui.min.js"></script>
<script src="../../vendors/bootstrap/bootstrap.bundle.js"></script>
<script src="../../vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
<script src="../../vendors/slick/slick.min.js"></script>
<script src="../../vendors/waypoints/jquery.waypoints.min.js"></script>
<script src="../../vendors/counter/countUp.js"></script>
<script src="../../vendors/magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="../../vendors/anchor/anchor.min.js"></script>
<script src="../../vendors/clipboard/clipboard.min.js"></script>
<script src="../../vendors/chartjs/Chart.min.js"></script>
<script src="../../vendors/timepicker/bootstrap-timepicker.min.js"></script>
<script src="../../vendors/hc-sticky/hc-sticky.min.js"></script>
<script src="../../vendors/mapbox-gl/mapbox-gl.js"></script>
<!-- Theme scripts -->
<script src="../../js/theme.js"></script>
<script src="../../js/doc.js"></script>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-bedroom" viewBox="0 0 46 32">
<path d="M44.421 15.217v-9.803c0-2.985-2.428-5.414-5.414-5.414h-31.82c-2.985 0-5.414 2.428-5.414 5.414v9.803c-1.080 0.86-1.775 2.185-1.775 3.67v4.872c0 2.587 2.105 4.692 4.692 4.692h2.406v1.744c0 0.997 0.808 1.805 1.805 1.805s1.805-0.808 1.805-1.805v-1.744h24.782v1.744c0 0.997 0.808 1.805 1.805 1.805s1.805-0.808 1.805-1.805v-1.744h2.406c2.587 0 4.692-2.104 4.692-4.692v-4.872c0-1.485-0.694-2.81-1.775-3.67zM7.188 3.609h31.82c0.995 0 1.805 0.81 1.805 1.805v8.782h-3.489v-3.489c0-1.99-1.619-3.609-3.609-3.609h-5.304c-1.99 0-3.609 1.619-3.609 3.609v3.489h-3.407v-3.489c0-1.99-1.619-3.609-3.609-3.609h-5.304c-1.99 0-3.609 1.619-3.609 3.609v3.489h-3.489v-8.782c0-0.995 0.81-1.805 1.805-1.805zM28.41 14.195v-3.489h5.304v3.489h-5.304zM12.481 14.195v-3.489h5.304v3.489h-5.304zM42.587 23.759c0 0.597-0.486 1.083-1.083 1.083h-36.812c-0.597 0-1.083-0.486-1.083-1.083v-4.872c0-0.597 0.486-1.083 1.083-1.083h36.812c0.597 0 1.083 0.486 1.083 1.083 0 0 0 4.872 0 4.872z"></path>
</symbol>
<symbol id="icon-Garage" viewBox="0 0 37 32">
<path d="M29.463 18.937h-1.601l-1.643-3.892c-0.62-1.467-2.014-2.415-3.553-2.415h-8.301c-1.539 0-2.934 0.948-3.553 2.415l-1.643 3.892h-1.601c-1.42 0-2.575 1.155-2.575 2.576v4.321c0 1.17 0.785 2.16 1.855 2.472v1.113c0 1.423 1.158 2.581 2.581 2.581h2.068c1.423 0 2.581-1.158 2.581-2.581v-1.009h8.875v1.009c0 1.423 1.158 2.581 2.581 2.581h2.068c1.423 0 2.581-1.158 2.581-2.581v-1.113c1.070-0.312 1.855-1.302 1.855-2.472v-4.321c-0-1.421-1.155-2.576-2.575-2.576zM14.365 14.843h8.301c0.648 0 1.243 0.418 1.516 1.063l1.28 3.031h-13.892l1.28-3.031c0.273-0.646 0.868-1.063 1.515-1.063zM29.463 21.149c0.2 0 0.364 0.163 0.364 0.364v4.321c0 0.201-0.163 0.364-0.364 0.364h-21.896c-0.2 0-0.364-0.163-0.364-0.364v-4.321c0-0.201 0.163-0.364 0.364-0.364h21.896zM11.866 29.418c0 0.204-0.166 0.37-0.369 0.37h-2.068c-0.204 0-0.37-0.166-0.37-0.37v-1.009h2.807v1.009zM27.971 29.418c0 0.204-0.166 0.37-0.369 0.37h-2.068c-0.204 0-0.37-0.166-0.37-0.37v-1.009h2.807v1.009z"></path>
<path d="M14.843 24.779h7.346c0.611 0 1.106-0.495 1.106-1.106s-0.495-1.106-1.106-1.106h-7.346c-0.611 0-1.106 0.495-1.106 1.106s0.495 1.106 1.106 1.106z"></path>
<path d="M26.393 24.779c0.578 0 1.133-0.509 1.106-1.106-0.027-0.599-0.486-1.106-1.106-1.106-0.579 0-1.133 0.509-1.106 1.106 0.027 0.599 0.486 1.106 1.106 1.106z"></path>
<path d="M10.638 24.779c0.579 0 1.133-0.509 1.106-1.106-0.027-0.599-0.486-1.106-1.106-1.106-0.579 0-1.133 0.509-1.106 1.106 0.027 0.599 0.486 1.106 1.106 1.106z"></path>
<path d="M36.397 8.329l-17.409-8.223c-0.299-0.141-0.646-0.141-0.945 0l-17.409 8.223c-0.387 0.183-0.634 0.572-0.634 1v21.565c0 0.611 0.495 1.106 1.106 1.106s1.106-0.495 1.106-1.106v-20.864l16.303-7.7 16.303 7.7v20.864c0 0.611 0.495 1.106 1.106 1.106s1.106-0.495 1.106-1.106v-21.565c0-0.428-0.247-0.817-0.634-1z"></path>
</symbol>
<symbol id="icon-long-arrow" viewBox="0 0 156 32">
<path d="M140.444 32c0.37 0 0.667-0.148 0.889-0.444l14.667-14.667c0.296-0.222 0.444-0.519 0.444-0.889s-0.148-0.667-0.444-0.889l-14.667-14.667c-0.222-0.296-0.519-0.444-0.889-0.444s-0.667 0.148-0.889 0.444l-2.222 2.111c-0.296 0.296-0.444 0.63-0.444 1s0.148 0.667 0.444 0.889l9 8.667h-145c-0.37 0-0.685 0.13-0.944 0.389s-0.389 0.574-0.389 0.944v3.111c0 0.37 0.13 0.685 0.389 0.944s0.574 0.389 0.944 0.389h145l-9 8.667c-0.296 0.222-0.444 0.519-0.444 0.889s0.148 0.704 0.444 1l2.222 2.111c0.222 0.296 0.519 0.444 0.889 0.444z"></path>
</symbol>
<symbol id="icon-shower" viewBox="0 0 32 32">
<path d="M17.925 23.285c-0.036-0.519-0.486-0.91-1.004-0.874s-0.91 0.486-0.874 1.004l0.063 0.907c0.036 0.518 0.485 0.91 1.004 0.874s0.91-0.486 0.874-1.004l-0.063-0.907z"></path>
<path d="M22.385 20.968c-0.21-0.476-0.765-0.691-1.241-0.481s-0.691 0.765-0.481 1.241l0.345 0.782c0.21 0.475 0.765 0.691 1.241 0.481s0.691-0.765 0.481-1.241l-0.345-0.782z"></path>
<path d="M26.744 18.696c-0.359-0.376-0.954-0.39-1.331-0.032s-0.39 0.954-0.032 1.331l0.627 0.658c0.359 0.376 0.954 0.39 1.331 0.032s0.39-0.954 0.032-1.331l-0.627-0.658z"></path>
<path d="M16.801 28.149c-0.519 0.025-0.919 0.467-0.894 0.986l0.046 0.938c0.025 0.519 0.467 0.92 0.986 0.894s0.919-0.467 0.894-0.986l-0.046-0.938c-0.025-0.519-0.467-0.919-0.986-0.894v0z"></path>
<path d="M22.269 26.827c-0.148-0.498-0.672-0.783-1.17-0.635s-0.783 0.672-0.635 1.17l0.251 0.848c0.148 0.499 0.672 0.782 1.17 0.635s0.783-0.672 0.635-1.17l-0.251-0.848z"></path>
<path d="M26.692 24.614c-0.268-0.445-0.847-0.588-1.292-0.32s-0.588 0.847-0.32 1.292l0.457 0.757c0.268 0.445 0.847 0.588 1.292 0.32s0.588-0.847 0.32-1.292l-0.457-0.757z"></path>
<path d="M31.736 23.109l-0.662-0.666c-0.366-0.369-0.962-0.371-1.331-0.004s-0.371 0.962-0.004 1.331l0.662 0.666c0.366 0.368 0.962 0.371 1.331 0.004s0.371-0.962 0.004-1.331z"></path>
<path d="M27.006 12.503l-0.285-0.64c-0.471-1.058-1.589-1.63-2.682-1.459l-0.176-0.395c-1.024-2.299-3.436-3.566-5.847-3.18l-0.618-1.405c-1.45-3.295-4.714-5.424-8.314-5.424-5.009 0-9.084 4.075-9.084 9.084v21.975c0 0.52 0.421 0.941 0.941 0.941h3.765c0.52 0 0.941-0.421 0.941-0.941v-21.975c0-1.895 1.542-3.437 3.437-3.437 1.362 0 2.597 0.805 3.146 2.052l0.664 1.508c-1.726 1.565-2.287 4.082-1.314 6.27l0.176 0.395c-0.843 0.684-1.189 1.889-0.709 2.968l0.285 0.64c0.623 1.399 2.263 2.038 3.673 1.41l10.59-4.714c1.402-0.624 2.034-2.272 1.41-3.673v0zM22.143 10.775l0.141 0.316-8.844 3.937-0.141-0.316c-0.802-1.803-0.012-3.92 1.819-4.736l2.287-1.019c1.857-0.822 3.943 0.032 4.738 1.818v0zM9.084 3.765c-2.933 0-5.319 2.386-5.319 5.319v21.034h-1.882v-21.034c0-3.971 3.23-7.201 7.201-7.201 2.854 0 5.442 1.688 6.591 4.3l0.546 1.241-1.72 0.766-0.55-1.248c-0.849-1.929-2.76-3.176-4.868-3.176v0zM24.83 14.456l-10.59 4.714c-0.455 0.202-0.986-0.002-1.188-0.456l-0.285-0.64c-0.141-0.317 0.001-0.688 0.318-0.829 0.811-0.361 10.848-4.829 11.088-4.936 0.316-0.141 0.688 0.002 0.829 0.318l0.285 0.64c0.202 0.453-0.003 0.987-0.456 1.188v0z"></path>
</symbol>
<symbol id="icon-square" viewBox="0 0 32 32">
<path d="M32 3.125v25.75c0 1.723-1.402 3.125-3.125 3.125h-3.042c-0.69 0-1.25-0.56-1.25-1.25s0.56-1.25 1.25-1.25h3.042c0.345 0 0.625-0.28 0.625-0.625v-11.562h-11.042c-0.69 0-1.25-0.56-1.25-1.25s0.56-1.25 1.25-1.25h11.042v-11.688c0-0.345-0.28-0.625-0.625-0.625h-14.12v3.667c0 0.69-0.56 1.25-1.25 1.25s-1.25-0.56-1.25-1.25v-3.667h-9.13c-0.345 0-0.625 0.28-0.625 0.625v11.625h9.755v-3.667c0-0.69 0.56-1.25 1.25-1.25s1.25 0.56 1.25 1.25v9.833c0 0.69-0.56 1.25-1.25 1.25s-1.25-0.56-1.25-1.25v-3.666h-9.755v11.625c0 0.345 0.28 0.625 0.625 0.625h9.13v-3.667c0-0.69 0.56-1.25 1.25-1.25s1.25 0.56 1.25 1.25v3.667h6.162c0.69 0 1.25 0.56 1.25 1.25s-0.56 1.25-1.25 1.25h-17.791c-1.723 0-3.125-1.402-3.125-3.125v-25.75c0-1.723 1.402-3.125 3.125-3.125h25.75c1.723 0 3.125 1.402 3.125 3.125z"></path>
</symbol>
<symbol id="icon-year" viewBox="0 0 33 32">
<path d="M30.049 18.712v-8.899c0 0 0 0 0-0.061s0-0.122 0-0.122v-0.061c0-0.061-0.061-0.061-0.061-0.122 0 0 0-0.061-0.061-0.061-0.061-0.061-0.061-0.061-0.122-0.122 0 0 0 0-0.061 0l-12.922-5.242c-0.061 0-0.122-0.061-0.244-0.061h-5.303c0-0.061-0.061-0.183-0.122-0.244l-2.56-3.474c-0.122-0.183-0.305-0.244-0.488-0.244s-0.366 0.061-0.488 0.244l-2.56 3.474c-0.061 0.061-0.061 0.183-0.122 0.244h-4.328c-0.366 0-0.61 0.244-0.61 0.61v5.242c0 0.366 0.244 0.61 0.61 0.61h4.328v13.775c-0.122 0-0.244 0.061-0.366 0.183l-2.865 3.048c-0.061 0.122-0.122 0.305-0.122 0.427v3.535c0 0.366 0.244 0.61 0.61 0.61h11.947c0.366 0 0.61-0.244 0.61-0.61v-3.535c0-0.183-0.061-0.305-0.183-0.427l-2.865-3.048c-0.061-0.122-0.183-0.122-0.366-0.183v-13.775h17.554v8.838c0 0.366 0.244 0.61 0.61 0.61 0.975 0 1.768 0.792 1.768 1.768s-0.792 1.768-1.768 1.768c-0.975 0-1.768-0.792-1.768-1.768 0-0.366-0.244-0.61-0.61-0.61s-0.61 0.244-0.61 0.61c0 1.646 1.341 2.987 2.987 2.987s2.987-1.341 2.987-2.987c-0.061-1.402-1.036-2.621-2.438-2.926zM8.107 1.707l1.707 2.316h-3.413l1.707-2.316zM13.47 28.099v2.682h-10.667v-2.682l2.499-2.682h5.608l2.56 2.682zM10.057 10.971v2.316l-3.901 2.133v-2.316l3.901-2.133zM6.156 11.642v-1.219h2.316l-2.316 1.219zM10.057 14.629v2.316l-3.901 2.133v-2.316l3.901-2.133zM10.057 18.286v2.316l-3.901 2.133v-2.316l3.901-2.133zM10.057 22.004v2.194l-3.901-0.061 3.901-2.133zM1.219 9.204v-4.023h15.299l9.874 4.023h-25.173z"></path>
</symbol>
<symbol id="icon-add-new" viewBox="0 0 42 32">
<path d="M41.108 10.060l-9.584-9.584c-0.635-0.635-1.663-0.635-2.297 0l-3.643 3.643-3.643-3.643c-0.635-0.635-1.663-0.635-2.297 0l-3.643 3.643-3.643-3.643c-0.634-0.635-1.663-0.635-2.297 0l-9.584 9.584c-0.305 0.305-0.476 0.718-0.476 1.148v19.168c0 0.897 0.727 1.624 1.624 1.624h38.335c0.897 0 1.624-0.727 1.624-1.624v-19.168c0-0.431-0.171-0.844-0.476-1.148zM20.792 3.922c0.856 0.856 6.973 6.973 7.959 7.959v16.87h-6.335v-17.543c0-0.431-0.171-0.844-0.476-1.148l-3.643-3.643 2.495-2.495zM3.249 11.881l7.959-7.959 7.959 7.959v16.87h-3.14v-7.959c0-0.897-0.727-1.624-1.624-1.624h-6.389c-0.897 0-1.624 0.727-1.624 1.624v7.959h-3.141v-16.87zM12.779 28.751h-3.141v-6.335h3.141v6.335zM38.335 28.751h-6.335v-17.543c0-0.431-0.171-0.844-0.476-1.148l-3.643-3.643 2.495-2.495 7.959 7.959v16.87z"></path>
</symbol>
<symbol id="icon-my-properties" viewBox="0 0 32 32">
<path d="M16.625 30.75c0 0.69-0.56 1.25-1.25 1.25h-14.125c-0.69 0-1.25-0.56-1.25-1.25v-17.208c0-0.371 0.165-0.723 0.45-0.96l14.75-12.292c0.464-0.386 1.137-0.386 1.601 0l14.75 12.292c0.53 0.442 0.602 1.23 0.16 1.761s-1.23 0.602-1.761 0.16l-13.95-11.625-13.5 11.25v15.373h12.875c0.69 0 1.25 0.56 1.25 1.25zM30.021 27.368c-1.372 1.654-3.42 3.167-6.088 4.5-0.352 0.176-0.765 0.176-1.117 0-2.668-1.332-4.716-2.846-6.087-4.5-4.071-4.908-1.236-10.325 2.958-10.325 1.672 0 2.901 0.684 3.688 1.327 0.786-0.642 2.016-1.327 3.688-1.327 4.203 0 7.020 5.429 2.959 10.325zM27.062 19.544c-1.729 0-2.637 1.296-2.646 1.309-0.519 0.783-1.613 0.735-2.080 0.005-0.077-0.108-0.974-1.314-2.649-1.314-2.694 0-5.009 5.192 3.688 9.801 8.696-4.608 6.382-9.801 3.687-9.801z"></path>
</symbol>
<symbol id="icon-heart" viewBox="0 0 32 32">
<path d="M23.268 2.4c-2.65 0-4.973 1.182-6.717 3.417-0.233 0.298-0.44 0.596-0.624 0.885-0.184-0.289-0.391-0.587-0.624-0.885-1.745-2.235-4.068-3.417-6.717-3.417-5.005 0-8.586 4.191-8.586 9.22 0 5.751 4.713 11.17 15.282 17.573 0.198 0.12 0.421 0.18 0.645 0.18s0.447-0.060 0.645-0.18c10.569-6.403 15.282-11.822 15.282-17.573 0-5.027-3.577-9.22-8.586-9.22zM26.077 18.781c-2.2 2.455-5.525 5.040-10.151 7.89-4.625-2.85-7.95-5.435-10.151-7.89-2.212-2.468-3.288-4.811-3.288-7.161 0-3.621 2.447-6.732 6.097-6.732 1.859 0 3.444 0.808 4.711 2.402 1.013 1.275 1.44 2.591 1.443 2.6 0.162 0.52 0.643 0.874 1.188 0.874s1.026-0.354 1.188-0.874c0.004-0.013 0.418-1.288 1.398-2.543 1.274-1.632 2.874-2.459 4.756-2.459 3.654 0 6.097 3.114 6.097 6.732 0 2.35-1.075 4.692-3.288 7.161z"></path>
</symbol>
<symbol id="icon-save-search" viewBox="0 0 32 32">
<path d="M32 13.542v12.291c0 0.69-0.56 1.25-1.25 1.25s-1.25-0.56-1.25-1.25v-11.706l-13.5-11.25-13.5 11.25v15.373h13.476c0.69 0 1.25 0.56 1.25 1.25s-0.56 1.25-1.25 1.25h-14.726c-0.69 0-1.25-0.56-1.25-1.25v-17.208c0-0.371 0.165-0.723 0.45-0.96l14.75-12.292c0.464-0.386 1.137-0.386 1.601 0l14.75 12.292c0.285 0.237 0.45 0.589 0.45 0.96zM26.711 29.866c0.488 0.488 0.488 1.28 0 1.768s-1.28 0.488-1.768 0l-5.457-5.457c-4.846 2.625-10.907-0.863-10.907-6.508 0-4.078 3.318-7.396 7.396-7.396 6.422 0 9.746 7.632 5.489 12.346l5.246 5.246zM15.976 24.565c2.699 0 4.896-2.196 4.896-4.896s-2.196-4.896-4.896-4.896c-2.7 0-4.896 2.196-4.896 4.896s2.196 4.896 4.896 4.896z"></path>
</symbol>
<symbol id="icon-review" viewBox="0 0 32 32">
<path d="M16 0c-8.843 0-16 7.156-16 16 0 2.806 0.732 5.547 2.122 7.965l-2.062 6.402c-0.144 0.446-0.026 0.936 0.306 1.267 0.328 0.328 0.816 0.451 1.267 0.306l6.402-2.062c2.417 1.39 5.158 2.122 7.965 2.122 8.843 0 16-7.156 16-16 0-8.843-7.156-16-16-16zM16 29.5c-2.535 0-5.006-0.707-7.146-2.045-0.308-0.192-0.69-0.244-1.046-0.13l-4.621 1.488 1.488-4.621c0.113-0.351 0.065-0.733-0.13-1.046-1.338-2.14-2.045-4.611-2.045-7.146 0-7.444 6.056-13.5 13.5-13.5s13.5 6.056 13.5 13.5-6.056 13.5-13.5 13.5zM17.563 16c0 0.863-0.699 1.563-1.563 1.563s-1.563-0.7-1.563-1.563c0-0.863 0.699-1.563 1.563-1.563s1.563 0.699 1.563 1.563zM23.813 16c0 0.863-0.699 1.563-1.563 1.563s-1.563-0.7-1.563-1.563c0-0.863 0.699-1.563 1.563-1.563s1.563 0.699 1.563 1.563zM11.313 16c0 0.863-0.699 1.563-1.563 1.563s-1.563-0.7-1.563-1.563c0-0.863 0.7-1.563 1.563-1.563s1.563 0.699 1.563 1.563z"></path>
</symbol>
<symbol id="icon-my-package" viewBox="0 0 32 32">
<path d="M30.75 0h-22.54c-0.332 0-0.649 0.132-0.884 0.366l-6.96 6.96c-0.224 0.224-0.366 0.544-0.366 0.884v22.539c0 0.69 0.56 1.25 1.25 1.25h22.54c0.331 0 0.649-0.133 0.881-0.364 0.001-0.001 0.002-0.001 0.003-0.002l6.96-6.96c0.234-0.234 0.366-0.552 0.366-0.884v-22.539c0-0.678-0.551-1.25-1.25-1.25zM23.272 6.96c-1.186 0-6.856 0-7.734 0l4.46-4.46h7.734l-4.46 4.46zM9.875 9.46h5.29v5.29h-5.29v-5.29zM8.728 2.5h7.734l-4.46 4.46c-1.639 0-6.139 0-7.734 0l4.46-4.46zM22.54 29.5h-20.040v-20.040h4.875v6.54c0 0.69 0.56 1.25 1.25 1.25h7.79c0.69 0 1.25-0.56 1.25-1.25v-6.54h4.875v20.040zM25.040 27.732v-19.004l4.46-4.46v19.004l-4.46 4.46z"></path>
</symbol>
<symbol id="icon-my-profile" viewBox="0 0 32 32">
<path d="M27.314 19.427c-1.772-1.772-3.887-3.077-6.195-3.853 2.128-1.573 3.511-4.1 3.511-6.944 0-4.758-3.871-8.63-8.63-8.63s-8.63 3.871-8.63 8.63c0 2.844 1.383 5.37 3.511 6.944-2.308 0.776-4.423 2.081-6.195 3.853-3.022 3.022-4.686 7.040-4.686 11.314 0 0.696 0.564 1.26 1.26 1.26h29.481c0.696 0 1.26-0.564 1.26-1.26 0-4.274-1.664-8.292-4.686-11.314zM9.889 8.63c0-3.369 2.741-6.111 6.111-6.111s6.111 2.741 6.111 6.111-2.741 6.111-6.111 6.111c-3.369 0-6.111-2.741-6.111-6.111zM2.578 29.481c0.637-6.845 6.414-12.221 13.422-12.221s12.785 5.376 13.422 12.221h-26.845z"></path>
</symbol>
<symbol id="icon-log-out" viewBox="0 0 32 32">
<path d="M22.898 25.291c-0.705 0-1.277 0.572-1.277 1.277v3.577h-18.266v-27.59h18.266v3.577c0 0.705 0.572 1.277 1.277 1.277s1.277-0.572 1.277-1.277v-4.854c0-0.705-0.572-1.277-1.277-1.277h-20.821c-0.705 0-1.277 0.572-1.277 1.277v30.145c0 0.705 0.572 1.277 1.277 1.277h20.821c0.705 0 1.277-0.572 1.277-1.277v-4.854c-0-0.705-0.572-1.277-1.277-1.277z"></path>
<path d="M31.21 15.447l-3.432-3.432c-0.499-0.499-1.308-0.499-1.806 0s-0.499 1.308 0 1.806l1.252 1.252-10.581-0c-0.705 0-1.277 0.572-1.277 1.277s0.572 1.277 1.277 1.277l10.581 0-1.252 1.252c-0.499 0.499-0.499 1.308 0 1.806s1.308 0.499 1.806-0l3.432-3.432c0-0 0-0 0-0 0.257-0.257 0.365-0.555 0.374-0.903 0-0.344-0.146-0.675-0.374-0.903z"></path>
</symbol>
<symbol id="icon-1" viewBox="0 0 32 32">
<path d="M16.625 30.75c0 0.69-0.56 1.25-1.25 1.25h-14.125c-0.69 0-1.25-0.56-1.25-1.25v-17.208c0-0.371 0.165-0.723 0.45-0.96l14.75-12.292c0.464-0.386 1.137-0.386 1.601 0l14.75 12.292c0.53 0.442 0.602 1.23 0.16 1.761s-1.23 0.602-1.761 0.16l-13.95-11.625-13.5 11.25v15.373h12.875c0.69 0 1.25 0.56 1.25 1.25zM30.021 27.368c-1.372 1.654-3.42 3.167-6.088 4.5-0.352 0.176-0.765 0.176-1.117 0-2.668-1.332-4.716-2.846-6.087-4.5-4.071-4.908-1.236-10.325 2.959-10.325 1.672 0 2.901 0.684 3.687 1.327 0.786-0.642 2.016-1.327 3.687-1.327 4.203 0 7.020 5.429 2.959 10.325zM27.062 19.544c-1.729 0-2.637 1.296-2.646 1.309-0.519 0.783-1.614 0.735-2.080 0.005-0.077-0.108-0.974-1.314-2.649-1.314-2.694 0-5.009 5.192 3.687 9.801 8.696-4.608 6.382-9.801 3.688-9.801z"></path>
</symbol>
<symbol id="icon-2" viewBox="0 0 32 32">
<path d="M31.732 15.334c-0.285-0.39-7.083-9.556-15.765-9.556s-15.48 9.166-15.765 9.556c-0.27 0.37-0.27 0.872 0 1.243 0.285 0.39 7.083 9.556 15.765 9.556s15.479-9.166 15.765-9.556c0.271-0.37 0.271-0.873 0-1.243zM15.967 24.026c-6.395 0-11.934-6.083-13.573-8.072 1.637-1.99 7.165-8.071 13.573-8.071 6.395 0 11.933 6.082 13.573 8.072-1.637 1.99-7.165 8.071-13.573 8.071z"></path>
<path d="M15.967 9.638c-3.483 0-6.317 2.834-6.317 6.317s2.834 6.317 6.317 6.317 6.317-2.834 6.317-6.317-2.834-6.317-6.317-6.317zM15.967 20.166c-2.322 0-4.211-1.889-4.211-4.211s1.889-4.211 4.211-4.211 4.211 1.889 4.211 4.211-1.889 4.211-4.211 4.211z"></path>
</symbol>
<symbol id="icon-building" viewBox="0 0 32 32">
<path d="M25.328 31.373v-26.854l0.021-0.020-4.030-4.174v-0.012h-0.012l-0.302-0.313-0.013 0.013-8.912 4.030 0.004 0.010h-0.012v10.087l-4.582 2.072 0.005 0.012v15.149h-2.689v0.627h22.387v-0.627h-1.866zM24.701 4.731v26.642h-3.383v-30.146l3.383 3.503zM12.699 4.451l7.993-3.615v30.537h-1.337v-15.302h-0.005l0.002-0.003-4.521-3.176-2.133 0.965v-9.405zM18.728 16.395v14.978h-3.669v-17.556l3.669 2.578zM8.122 16.614l6.31-2.854v17.613h-6.31v-14.759z"></path>
</symbol>
<symbol id="icon-villa" viewBox="0 0 43 32">
<path d="M37.721 29.014v-15.41h-0.006l0.003-0.005-16.167-11.59-0.013 0.018-0-0.001-16.146 11.578v15.41h-2.635v0.976h37.579v-0.976h-2.615zM6.369 14.103l15.188-10.889 15.188 10.889v14.911h-6.49v-11.655h-0.001l0.002-0.002-6.254-4.664v-0.095h-0.976v16.417h-2.936v-16.417h-0.976v0.095l-6.254 4.666v11.655h-6.49v-14.911zM29.279 17.864l-5.278 2.079v-6.021l5.278 3.936v0.007zM24.001 20.436l5.278-2.079v10.657h-5.278v-8.578zM19.113 19.942l-5.278-2.079v-0.007l5.278-3.936v6.021zM13.835 18.357l5.278 2.079v8.578h-5.278v-10.657z"></path>
</symbol>
<symbol id="icon-sofa" viewBox="0 0 41 32">
<path d="M19.521 8.762c-1.015-0.256-2.091-0.030-2.917 0.614s-1.309 1.632-1.309 2.679v0.28h1.661v-0.28c0.002-1.555 1.058-2.91 2.565-3.292v0z"></path>
<path d="M17.089 25.881v-0.189c-0.006-1.037-0.679-1.953-1.667-2.27v-3.418c0.010-0.608 0.51-1.093 1.117-1.085h-1.661c-0.608-0.008-1.108 0.477-1.117 1.085v3.418c0.988 0.317 1.66 1.233 1.667 2.27v0.189l1.661-0z"></path>
<path d="M36.403 18.919h-1.661c0.608-0.008 1.108 0.477 1.117 1.085v3.475c-0.907 0.361-1.505 1.237-1.51 2.213v0.195l1.661 0v-0.195c0.005-0.977 0.603-1.852 1.51-2.213v-3.475c-0.010-0.608-0.509-1.093-1.117-1.085v0z"></path>
<path d="M13.828 24.557c-0.244-0.17-0.534-0.261-0.831-0.26-0.781-0.010-1.422 0.614-1.434 1.395v5.311h1.661v-5.311c0.002-0.454 0.228-0.879 0.603-1.135z"></path>
<path d="M38.44 24.297c-0.297-0-0.587 0.090-0.831 0.26 0.375 0.256 0.601 0.68 0.603 1.135v5.311h1.661v-5.311c-0.012-0.781-0.653-1.405-1.434-1.395v0z"></path>
<path d="M25.669 26.881l-10.242-0.003v1.661l20.582 0.006v-1.661z"></path>
<path d="M38.517 23.302v-3.298c-0.010-1.158-0.956-2.089-2.114-2.082h-9.121c-0.561-0.003-1.1 0.22-1.495 0.617-0.041 0.042-0.080 0.084-0.117 0.128-0.404-0.474-0.996-0.746-1.619-0.745h-9.173c-1.158-0.008-2.104 0.924-2.114 2.082v3.307c-1.236 0.109-2.187 1.14-2.198 2.381v5.81c0 0.275 0.223 0.498 0.498 0.498h3.864c0.275 0 0.498-0.223 0.498-0.498v-0.664l20.582 0.006v0.658c0 0.275 0.223 0.498 0.498 0.498h3.864c0.275 0 0.498-0.223 0.498-0.498v-5.81c-0.012-1.301-1.053-2.358-2.354-2.39v0zM26.493 19.242c0.209-0.209 0.493-0.326 0.789-0.324h9.121c0.608-0.008 1.108 0.477 1.117 1.085v3.475c-0.907 0.361-1.505 1.237-1.51 2.213v0.195l-9.842-0.003 0.001-5.831c-0.005-0.303 0.112-0.595 0.324-0.811v0zM14.878 18.919h9.172c0.608-0.008 1.108 0.477 1.117 1.085l0.002 5.88-9.743-0.003v-0.189c-0.006-1.037-0.679-1.953-1.667-2.27v-3.418c0.010-0.608 0.51-1.093 1.117-1.085v-0zM14.431 31.003h-2.868v-5.311c0.021-0.777 0.657-1.395 1.434-1.395s1.412 0.618 1.434 1.395v5.311zM15.427 29.84v-2.962l20.582 0.006v2.963l-20.582-0.007zM39.874 31.003h-2.867v-5.311c0.020-0.777 0.656-1.396 1.434-1.396s1.413 0.619 1.434 1.396v5.311z"></path>
<path d="M17.313 9.63c-0.453 0.32-0.841 0.724-1.143 1.188-0.097 0.149-0.108 0.339-0.027 0.498s0.24 0.263 0.417 0.272c0.178 0.010 0.347-0.076 0.445-0.225 0.234-0.36 0.534-0.672 0.885-0.92 0.223-0.16 0.274-0.469 0.116-0.693s-0.468-0.277-0.692-0.12v0z"></path>
<path d="M19.176 7.689c-0.227-4.28-3.622-7.689-7.763-7.689-4.273 0-7.752 3.63-7.775 8.101-0.001 0.012-0.002 0.023-0.002 0.035v22.867h-3.137c-0.275 0-0.498 0.223-0.498 0.498s0.223 0.498 0.498 0.498h7.788c0.275 0 0.498-0.223 0.498-0.498s-0.223-0.498-0.498-0.498h-3.653v-22.833c0-0.008 0.001-0.016 0.001-0.024 0-3.942 3.041-7.149 6.779-7.149 3.593 0 6.541 2.964 6.764 6.696-2.21 0.263-3.876 2.135-3.879 4.361v0.779c0 0.275 0.223 0.498 0.498 0.498h2.218c0.22 0.797 0.933 1.387 1.767 1.387s1.547-0.589 1.767-1.387h2.036c0.275 0 0.498-0.223 0.498-0.498v-0.779c-0.003-2.237-1.684-4.115-3.907-4.365v0zM18.781 13.721c-0.281-0.005-0.54-0.151-0.688-0.39h1.376c-0.148 0.238-0.407 0.385-0.688 0.39zM22.086 12.335h-6.791v-0.281c0-1.875 1.52-3.396 3.396-3.396s3.396 1.52 3.396 3.396v0.281z"></path>
</symbol>
<symbol id="icon-family" viewBox="0 0 36 32">
<path d="M32.8 0h-29.291c-1.937 0.002-3.507 1.572-3.509 3.509v24.982c0.002 1.937 1.572 3.507 3.509 3.509h29.291c1.937-0.002 3.507-1.572 3.509-3.509v-24.982c-0.002-1.937-1.572-3.507-3.509-3.509zM32.8 31.085h-29.291c-1.432-0.002-2.592-1.162-2.594-2.593v-19.108h34.478v19.108c-0.002 1.432-1.162 2.592-2.593 2.593zM35.394 8.468h-34.478v-4.959c0.001-1.432 1.162-2.592 2.594-2.594h29.291c1.432 0.001 2.592 1.162 2.593 2.594v4.959z"></path>
<path d="M10.184 2.96h-0.006c-0.975-0.002-1.767 0.788-1.769 1.763s0.788 1.767 1.763 1.769h0.006c0.975 0.002 1.767-0.788 1.768-1.763s-0.788-1.767-1.763-1.768zM10.777 5.329c-0.159 0.159-0.375 0.248-0.599 0.247h-0.003c-0.47-0.001-0.85-0.382-0.849-0.852s0.382-0.85 0.852-0.849h0.003c0.344 0.001 0.653 0.209 0.784 0.527s0.057 0.684-0.187 0.926l-0 0z"></path>
<path d="M4.308 2.942h-0.006c-0.975-0.002-1.767 0.788-1.769 1.763s0.788 1.767 1.763 1.768h0.005c0.976 0.002 1.767-0.788 1.769-1.763s-0.788-1.767-1.763-1.769zM4.902 5.31c-0.159 0.159-0.375 0.248-0.599 0.247h-0.003c-0.47-0.001-0.85-0.382-0.849-0.852s0.382-0.85 0.852-0.849h0.003c0.344 0.001 0.653 0.209 0.784 0.527s0.057 0.684-0.187 0.926v0z"></path>
<path d="M16.059 2.978h-0.005c-0.975-0.002-1.767 0.788-1.769 1.763s0.788 1.767 1.763 1.769h0.006c0.975 0.002 1.767-0.788 1.768-1.763s-0.788-1.767-1.763-1.768zM16.653 5.347c-0.273 0.271-0.693 0.325-1.026 0.133s-0.495-0.585-0.395-0.957c0.1-0.371 0.437-0.629 0.821-0.629h0.003c0.344 0.001 0.653 0.209 0.784 0.527s0.057 0.684-0.187 0.926z"></path>
<path d="M11.942 26.679c0 0.253 0.205 0.458 0.458 0.458h11.511c0.253 0 0.458-0.205 0.458-0.458v-7.347h1.926c0.198 0 0.374-0.128 0.435-0.316s-0.005-0.395-0.166-0.512l-8.139-5.926c-0.161-0.117-0.378-0.117-0.539 0l-8.139 5.926c-0.16 0.116-0.227 0.323-0.166 0.512s0.237 0.316 0.435 0.316h1.926l-0 7.347zM11.422 18.417l6.733-4.902 6.733 4.902h-0.978c-0.253 0-0.458 0.205-0.458 0.458v7.347h-10.595v-7.347c0-0.253-0.205-0.458-0.458-0.458h-0.977z"></path>
<path d="M18.154 20.274c1.095 0 1.983-0.888 1.983-1.983s-0.888-1.983-1.983-1.983-1.983 0.888-1.983 1.983c0.001 1.095 0.889 1.982 1.983 1.983zM18.154 17.222c0.59 0 1.068 0.478 1.068 1.068s-0.478 1.068-1.068 1.068-1.068-0.478-1.068-1.068c0.001-0.589 0.479-1.067 1.068-1.068z"></path>
</symbol>
<symbol id="icon-heating" viewBox="0 0 52 32">
<path d="M50.766 0h-49.879c-0.49-0-0.887 0.396-0.887 0.886 0 0 0 0.001 0 0.001v19.111c0 0.49 0.397 0.887 0.887 0.887h49.879c0.49 0 0.887-0.397 0.887-0.887v-19.111c0-0.49-0.396-0.887-0.886-0.887-0 0-0.001 0-0.001 0zM46.671 19.111h-41.688v-8.001h41.688v8.001zM49.879 19.111h-1.435v-8.89c0-0.49-0.396-0.887-0.886-0.887-0 0-0.001 0-0.001 0h-43.462c-0.49-0-0.887 0.396-0.887 0.886 0 0 0 0.001 0 0.001v8.89h-1.435v-17.337h48.105v17.337z"></path>
<path d="M7.516 14.326h36.62c0.49 0 0.887-0.397 0.887-0.887s-0.397-0.887-0.887-0.887h-36.62c-0.49 0-0.887 0.397-0.887 0.887s0.397 0.887 0.887 0.887z"></path>
<path d="M7.516 17.618h36.62c0.49 0 0.887-0.397 0.887-0.887s-0.397-0.887-0.887-0.887h-36.62c-0.49 0-0.887 0.397-0.887 0.887s0.397 0.887 0.887 0.887z"></path>
<path d="M35.541 7.904h12.016c0.49 0 0.887-0.396 0.887-0.886 0-0 0-0.001 0-0.001v-3.041c0-0.49-0.397-0.887-0.887-0.887h-12.016c-0.49 0-0.887 0.397-0.887 0.887v3.041c-0 0.49 0.396 0.887 0.886 0.887 0 0 0.001 0 0.001 0zM36.428 4.863h10.242v1.267h-10.242v-1.267z"></path>
<path d="M8.442 26.728c-0.377-0.288-0.807-0.725-0.722-1.172 0.088-0.326 0.33-0.588 0.648-0.702 0.472-0.134 0.746-0.624 0.613-1.096s-0.624-0.746-1.096-0.613c-0.966 0.295-1.696 1.090-1.907 2.078-0.116 0.604-0.089 1.785 1.386 2.913 0.344 0.222 0.521 0.63 0.448 1.033-0.112 0.517-0.493 0.935-0.998 1.093-0.469 0.141-0.735 0.635-0.594 1.104 0.113 0.377 0.461 0.634 0.854 0.631 0.087 0 0.174-0.013 0.257-0.038 1.145-0.346 2.004-1.298 2.23-2.473 0.194-1.059-0.242-2.134-1.119-2.759v0z"></path>
<path d="M15.666 26.728c-0.377-0.288-0.807-0.725-0.722-1.172 0.088-0.326 0.33-0.588 0.648-0.702 0.469-0.143 0.732-0.639 0.589-1.107-0.139-0.455-0.612-0.719-1.072-0.599-0.966 0.295-1.696 1.090-1.907 2.078-0.116 0.604-0.089 1.785 1.386 2.913 0.344 0.222 0.521 0.63 0.448 1.033-0.112 0.517-0.493 0.935-0.998 1.093-0.469 0.141-0.735 0.635-0.594 1.104 0.113 0.375 0.459 0.632 0.85 0.631 0.087 0 0.174-0.013 0.257-0.038 1.145-0.346 2.004-1.298 2.23-2.473 0.196-1.059-0.239-2.135-1.116-2.761v0z"></path>
<path d="M22.887 26.728c-0.377-0.288-0.807-0.725-0.722-1.172 0.088-0.326 0.33-0.588 0.648-0.702 0.472-0.134 0.746-0.624 0.613-1.096s-0.624-0.746-1.096-0.613v0c-0.966 0.295-1.696 1.090-1.907 2.078-0.116 0.604-0.089 1.785 1.386 2.913 0.344 0.222 0.521 0.63 0.448 1.033-0.112 0.517-0.493 0.935-0.998 1.093-0.469 0.141-0.735 0.635-0.594 1.104 0.113 0.375 0.459 0.632 0.85 0.631 0.087 0 0.174-0.013 0.257-0.038 1.145-0.346 2.004-1.298 2.23-2.473 0.195-1.058-0.24-2.133-1.115-2.759v0z"></path>
<path d="M30.111 26.728c-0.377-0.288-0.807-0.725-0.722-1.172 0.088-0.326 0.33-0.588 0.648-0.702 0.469-0.143 0.732-0.639 0.589-1.107-0.139-0.455-0.612-0.719-1.072-0.599-0.966 0.295-1.696 1.090-1.907 2.078-0.116 0.604-0.089 1.785 1.386 2.913 0.344 0.222 0.521 0.63 0.448 1.033-0.112 0.517-0.493 0.935-0.998 1.093-0.469 0.141-0.735 0.635-0.594 1.104 0.113 0.375 0.459 0.632 0.85 0.631 0.087 0 0.174-0.013 0.258-0.038 1.145-0.346 2.004-1.298 2.23-2.473 0.196-1.059-0.239-2.135-1.116-2.761v0z"></path>
<path d="M37.332 26.728c-0.377-0.288-0.807-0.725-0.722-1.172 0.088-0.326 0.33-0.588 0.648-0.702 0.472-0.134 0.746-0.624 0.613-1.096s-0.624-0.746-1.096-0.613c-0.966 0.295-1.696 1.090-1.907 2.078-0.116 0.604-0.089 1.785 1.386 2.913 0.344 0.222 0.521 0.63 0.448 1.033-0.112 0.517-0.493 0.935-0.998 1.093-0.469 0.141-0.735 0.635-0.594 1.104 0.113 0.377 0.461 0.634 0.854 0.631 0.087 0 0.174-0.013 0.258-0.038 1.145-0.346 2.004-1.298 2.23-2.473 0.194-1.059-0.242-2.134-1.119-2.759v0z"></path>
<path d="M44.556 26.728c-0.377-0.288-0.807-0.725-0.722-1.172 0.088-0.326 0.33-0.588 0.648-0.702 0.469-0.143 0.732-0.639 0.589-1.107-0.139-0.455-0.612-0.719-1.072-0.599-0.966 0.295-1.696 1.090-1.907 2.078-0.116 0.604-0.089 1.785 1.386 2.913 0.344 0.222 0.521 0.63 0.448 1.033-0.112 0.517-0.493 0.935-0.998 1.093-0.469 0.141-0.735 0.635-0.594 1.104 0.113 0.375 0.459 0.632 0.85 0.631 0.087 0 0.174-0.013 0.258-0.038 1.145-0.346 2.004-1.298 2.23-2.473 0.196-1.059-0.239-2.135-1.116-2.761v0z"></path>
</symbol>
<symbol id="icon-price" viewBox="0 0 32 32">
<path d="M32 4.246c0-2.341-1.554-4.246-3.463-4.246h-25.075c-1.91 0-3.463 1.904-3.463 4.246v27.197c0 0.308 0.249 0.557 0.557 0.557v0h27.98c0.308 0 0.557-0.249 0.557-0.557v0-23.012c1.645-0.328 2.905-2.079 2.905-4.185v0zM1.114 30.886v-26.64c0-1.726 1.054-3.131 2.348-3.131 1.283 0 2.327 1.38 2.346 3.084h-3.208c-0.308 0-0.557 0.249-0.557 0.557 0 1.646 0.849 3.128 2.111 3.687h0.003c0.031 0.014 0.063 0.024 0.096 0.032 0.005 0 0.009 0.004 0.014 0.004 0.015 0.003 0.032 0.003 0.047 0.005 0.021 0.003 0.042 0.006 0.064 0.007h23.6v22.394h-26.864zM4.235 7.199c-0.575-0.472-0.946-1.147-1.035-1.886h2.465c-0.186 0.804-0.706 1.49-1.431 1.886h0zM28.538 7.377h-22.734c0.591-0.687 0.965-1.535 1.075-2.435 0.033-0.083 0.043-0.173 0.027-0.261 0.012-0.144 0.020-0.289 0.020-0.436 0.017-1.147-0.386-2.26-1.133-3.131h22.745c1.295 0 2.348 1.405 2.348 3.131s-1.054 3.131-2.349 3.131h0z"></path>
<path d="M6.147 15.613l0.472-0.253v6.474c0 0.308 0.249 0.557 0.557 0.557h3.072c0.308 0 0.557-0.249 0.557-0.557v-2.758h2.077v2.758c0 0.308 0.249 0.557 0.557 0.557h3.072c0.308 0 0.557-0.249 0.557-0.557v-6.471l0.48 0.255c0.273 0.144 0.61 0.040 0.755-0.232s0.040-0.61-0.232-0.755v0l-6.003-3.18c-0.164-0.087-0.36-0.087-0.524 0l-5.925 3.18c-0.274 0.141-0.381 0.477-0.24 0.751s0.477 0.381 0.751 0.24c0.005-0.003 0.011-0.006 0.016-0.009l0.001 0.001zM11.809 12.575l4.146 2.197v6.505h-1.958v-2.758c0-0.308-0.249-0.557-0.557-0.557h-3.192c-0.308 0-0.557 0.249-0.557 0.557v2.758h-1.958v-6.515l4.076-2.187z"></path>
<path d="M7.476 24.569h-1.592c-0.308 0-0.557 0.249-0.557 0.557s0.249 0.557 0.557 0.557h1.592c0.308 0 0.557-0.249 0.557-0.557s-0.249-0.557-0.557-0.557z"></path>
<path d="M13.298 24.569h-2.911c-0.308 0-0.557 0.249-0.557 0.557s0.249 0.557 0.557 0.557h2.911c0.308 0 0.557-0.249 0.557-0.557s-0.249-0.557-0.557-0.557z"></path>
<path d="M19.12 24.569h-2.912c-0.308 0-0.557 0.249-0.557 0.557s0.249 0.557 0.557 0.557h2.912c0.308 0 0.557-0.249 0.557-0.557s-0.249-0.557-0.557-0.557z"></path>
<path d="M23.622 24.569h-1.592c-0.308 0-0.557 0.249-0.557 0.557s0.249 0.557 0.557 0.557h1.592c0.308 0 0.557-0.249 0.557-0.557s-0.249-0.557-0.557-0.557z"></path>
<path d="M20.967 14.093c0.308 0 0.557-0.249 0.557-0.557v-1.592c0-0.308-0.249-0.557-0.557-0.557s-0.557 0.249-0.557 0.557v1.592c0 0.308 0.249 0.557 0.557 0.557z"></path>
<path d="M20.967 19.069c0.308 0 0.557-0.249 0.557-0.557v-2.488c0-0.308-0.249-0.557-0.557-0.557s-0.557 0.249-0.557 0.557v2.488c-0 0.308 0.249 0.557 0.557 0.558 0 0 0 0 0 0z"></path>
<path d="M20.967 24.045c0.308 0 0.557-0.249 0.557-0.557v-2.488c0-0.308-0.249-0.557-0.557-0.557s-0.557 0.249-0.557 0.557v2.488c-0 0.308 0.249 0.558 0.557 0.558 0 0 0 0 0.001 0z"></path>
<path d="M20.967 25.418c-0.308 0-0.557 0.249-0.557 0.557v1.592c0 0.308 0.249 0.557 0.557 0.557s0.557-0.249 0.557-0.557v-1.592c0-0.308-0.249-0.557-0.557-0.557z"></path>
</symbol>
<symbol id="icon-status" viewBox="0 0 32 32">
<path d="M31.173 10.070c-1.097-1.097-2.881-1.097-3.978 0-0.337 0.338-2.491 2.494-2.821 2.823v-7.429c0-0.751-0.293-1.458-0.824-1.989l-2.652-2.652c-0.531-0.531-1.238-0.824-1.989-0.824h-16.098c-1.551 0-2.813 1.262-2.813 2.813v26.375c0 1.551 1.262 2.813 2.813 2.813h18.75c1.551 0 2.813-1.262 2.813-2.813v-8.336l6.798-6.804c1.099-1.099 1.099-2.878 0-3.977zM18.75 1.875c0.177 0 0.518-0.031 0.824 0.275l2.652 2.652c0.297 0.298 0.275 0.624 0.275 0.824h-3.75v-3.75zM22.5 29.187c0 0.517-0.42 0.938-0.938 0.938h-18.75c-0.517 0-0.938-0.421-0.938-0.938v-26.375c0-0.517 0.421-0.938 0.938-0.938h14.062v4.688c0 0.518 0.42 0.937 0.938 0.937h4.687v7.27c0 0-2.766 2.768-2.766 2.768l-1.325 1.325c-0.103 0.103-0.18 0.228-0.227 0.366l-1.326 3.977c-0.112 0.337-0.025 0.708 0.227 0.959s0.623 0.339 0.959 0.227l3.977-1.326c0.138-0.046 0.264-0.124 0.366-0.227l0.114-0.114v6.46zM20.397 19.527l1.326 1.326-0.506 0.506-1.989 0.663 0.663-1.989 0.506-0.506zM23.049 19.526l-1.326-1.326c0.706-0.707 3.842-3.845 4.507-4.51l1.326 1.326-4.507 4.51zM29.847 12.722l-0.966 0.967-1.326-1.326 0.967-0.968c0.366-0.366 0.96-0.366 1.326 0s0.367 0.958-0 1.326z"></path>
<path d="M4.138 7.963c0.093 0 0.185-0.018 0.271-0.051v4.568c0 0.414 0.336 0.75 0.75 0.75h2.412c0.414 0 0.75-0.336 0.75-0.75v-1.853h1.006v1.853c0 0.414 0.336 0.75 0.75 0.75h2.412c0.414 0 0.75-0.336 0.75-0.75v-4.567c0.086 0.033 0.178 0.050 0.269 0.050 0.279 0 0.534-0.153 0.664-0.4 0.194-0.366 0.053-0.821-0.312-1.015l-4.713-2.496c-0.108-0.058-0.23-0.088-0.352-0.088s-0.244 0.030-0.354 0.088l-4.647 2.494c-0.178 0.092-0.31 0.247-0.371 0.438s-0.044 0.394 0.048 0.572c0.129 0.251 0.385 0.406 0.667 0.406zM11.74 11.729h-0.912v-1.853c0-0.414-0.336-0.75-0.75-0.75h-2.506c-0.414 0-0.75 0.336-0.75 0.75v1.853h-0.912v-4.616l2.889-1.55 2.942 1.559v4.607z"></path>
<path d="M3.636 15.568c0 0.407 0.333 0.739 0.739 0.739h15.151c0.407 0 0.739-0.333 0.739-0.739s-0.333-0.739-0.739-0.739h-15.151c-0.407 0-0.739 0.333-0.739 0.739z"></path>
<path d="M16.757 17.627h-12.382c-0.407 0-0.739 0.333-0.739 0.739s0.333 0.739 0.739 0.739h12.382c0.406 0 0.739-0.333 0.739-0.739s-0.333-0.739-0.739-0.739z"></path>
<path d="M4.375 20.425c-0.407 0-0.739 0.333-0.739 0.739s0.333 0.739 0.739 0.739h11.047c0.407 0 0.739-0.333 0.739-0.739s-0.333-0.739-0.739-0.739h-11.047z"></path>
<path d="M15.589 23.962c0-0.406-0.333-0.739-0.739-0.739h-10.475c-0.407 0-0.739 0.333-0.739 0.739s0.333 0.739 0.739 0.739h10.475c0.406 0 0.739-0.333 0.739-0.739z"></path>
<path d="M19.527 26.021h-5.489c-0.406 0-0.739 0.333-0.739 0.739s0.333 0.739 0.739 0.739h5.489c0.407 0 0.739-0.333 0.739-0.739s-0.333-0.739-0.739-0.739z"></path>
</symbol>
<symbol id="icon-e1" viewBox="0 0 34 32">
<path d="M0.67 10.502l0.708-0.514v14.801c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-15.412l2.898-2.105 2.894 2.111v14.19c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-13.577l0.705 0.514c0.188 0.137 0.45 0.095 0.587-0.092s0.096-0.45-0.092-0.587l-1.2-0.876v-1.796c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v1.183l-2.646-1.93c-0.147-0.108-0.347-0.108-0.495-0.001l-4.694 3.41c-0.123 0.088-0.189 0.235-0.174 0.385s0.11 0.281 0.248 0.342 0.298 0.043 0.42-0.047z"></path>
<path d="M10.586 4.17l0.708-0.514-0.001 11.865c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42l0.001-12.476 2.898-2.105 2.894 2.111-0.001 13.335c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42l0.001-12.722 0.705 0.514c0.187 0.137 0.45 0.096 0.587-0.092s0.096-0.45-0.092-0.587l-1.2-0.876v-1.796c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v1.183l-2.646-1.93c-0.147-0.108-0.347-0.108-0.495-0.001l-4.694 3.41c-0.188 0.137-0.229 0.399-0.093 0.587s0.399 0.229 0.587 0.093h0.001z"></path>
<path d="M21.626 15.549h-0.001c-0.232 0-0.42 0.188-0.42 0.42l-0.001 0.805c-0 0.232 0.187 0.421 0.42 0.421h0.001c0.232 0 0.42-0.188 0.42-0.42l0.001-0.805c0-0.232-0.188-0.421-0.42-0.421z"></path>
<path d="M19.915 9.438c0.137 0.188 0.399 0.229 0.587 0.093l0.707-0.514-0.003 5.596c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42l0.003-6.207 2.898-2.106 2.891 2.109-0.002 1.926v2.306c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-2.305l0.002-1.314 0.708 0.517c0.121 0.092 0.282 0.111 0.422 0.051s0.235-0.192 0.25-0.343-0.052-0.299-0.177-0.386l-1.202-0.877 0.002-1.794c0-0.232-0.188-0.421-0.42-0.421h-0.001c-0.232 0-0.42 0.188-0.42 0.42l-0.002 1.182-2.645-1.929c-0.147-0.108-0.347-0.108-0.495-0l-4.693 3.41c-0.188 0.136-0.23 0.399-0.093 0.587z"></path>
<path d="M4.009 29.064c-0.232 0-0.42 0.188-0.42 0.42v2.027c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-2.027c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M4.429 22.963c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v5.006c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-5.006z"></path>
<path d="M4.429 20.855c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v0.531c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.531z"></path>
<path d="M1.798 28.785c-0.232 0-0.42 0.188-0.42 0.42v1.606c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-1.606c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M2.218 25.978c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v1.667c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-1.667z"></path>
<path d="M8.431 28.179c-0.232 0-0.42 0.188-0.42 0.42v2.279c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-2.279c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M8.851 25.082c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v2.028c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-2.028z"></path>
<path d="M6.64 21.736c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v2.687c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-2.687z"></path>
<path d="M6.219 25.537c-0.232 0-0.42 0.188-0.42 0.42v5.622c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-5.622c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M6.64 20.025c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v0.511c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.511z"></path>
<path d="M13.924 18.334c-0.232 0-0.42 0.188-0.42 0.42v3.435c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-3.435c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M14.344 17.223c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v0.137c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.137z"></path>
<path d="M14.344 10.838c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v5.006c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-5.006z"></path>
<path d="M11.293 17.081v1.606c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-1.606c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42z"></path>
<path d="M17.925 17.876v0.878c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.878c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42z"></path>
<path d="M16.555 12.299c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v0.115c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.115z"></path>
<path d="M16.555 13.833c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v6.683c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-6.683z"></path>
<path d="M16.135 21.626c-0.232 0-0.42 0.188-0.42 0.42v0.211c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.211c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M23.84 12.26c-0.232 0-0.42 0.188-0.42 0.42v2.348c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-2.348c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M24.26 11.213c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v0.027c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.027z"></path>
<path d="M28.262 13.492c-0.232 0-0.42 0.188-0.42 0.42v0.337c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.337c0-0.232-0.188-0.42-0.42-0.42z"></path>
<path d="M25.63 12.437v1.868c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-1.868c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42z"></path>
<path d="M27.349 15.3c-3.933 0-7.12 3.188-7.121 7.12s3.188 7.12 7.121 7.12 7.12-3.188 7.12-7.12c-0.004-3.931-3.19-7.116-7.12-7.12zM27.349 28.7c-3.468 0-6.28-2.811-6.28-6.28s2.812-6.28 6.28-6.28 6.28 2.812 6.28 6.28c-0.004 3.467-2.813 6.276-6.28 6.28z"></path>
<path d="M27.349 19.298c0.735 0.001 1.33 0.596 1.331 1.331 0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42c-0.001-1.037-0.734-1.928-1.751-2.13v-0.583c0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42v0.583c-1.096 0.216-1.849 1.23-1.74 2.342s1.043 1.96 2.161 1.96c0.724 0.012 1.306 0.601 1.309 1.325s-0.572 1.318-1.296 1.337c-0.004 0-0.009-0.001-0.013-0.001s-0.008 0.001-0.013 0.001c-0.73-0.007-1.317-0.601-1.318-1.33 0-0.232-0.188-0.42-0.42-0.42s-0.42 0.188-0.42 0.42c0.001 1.037 0.734 1.929 1.751 2.131v0.663c0 0.232 0.188 0.42 0.42 0.42s0.42-0.188 0.42-0.42v-0.663c1.096-0.217 1.849-1.23 1.74-2.342s-1.043-1.96-2.161-1.961c-0.735 0-1.331-0.596-1.331-1.331s0.596-1.331 1.331-1.331z"></path>
</symbol>
<symbol id="icon-e2" viewBox="0 0 44 32">
<path d="M33.25 11.896l-4.293-3.126c0-0.008 0.001-0.016 0.001-0.025v-4.889c0-0.297-0.24-0.538-0.538-0.538s-0.538 0.241-0.538 0.538v4.131l-10.831-7.885c-0.189-0.138-0.444-0.138-0.633 0l-16.198 11.793c-0.188 0.137-0.267 0.38-0.195 0.601s0.279 0.371 0.511 0.371h4.207v18.594c0 0.297 0.241 0.538 0.538 0.538h22.907c0.297 0 0.538-0.241 0.538-0.538v-1.79c0-0.297-0.241-0.538-0.538-0.538s-0.538 0.241-0.538 0.538v1.253h-21.832v-18.595c0-0.297-0.241-0.538-0.538-0.538h-3.093l14.546-10.591 14.546 10.591h-3.093c-0.297 0-0.538 0.24-0.538 0.538v1.883c0 0.297 0.241 0.538 0.538 0.538s0.538-0.241 0.538-0.538v-1.345h4.207c0.233 0 0.439-0.15 0.511-0.371s-0.007-0.464-0.195-0.601z"></path>
<path d="M28.205 16.62c-3.009 0-5.448 2.439-5.448 5.448s2.439 5.448 5.448 5.448 5.448-2.439 5.448-5.448c-0.004-3.008-2.441-5.445-5.448-5.448zM28.205 26.441c-2.415 0-4.373-1.958-4.373-4.373s1.958-4.373 4.373-4.373c2.415 0 4.373 1.958 4.373 4.373-0.003 2.414-1.959 4.37-4.373 4.373z"></path>
<path d="M28.205 20.147c0.374 0 0.677 0.303 0.678 0.678 0 0.297 0.24 0.538 0.538 0.538s0.538-0.241 0.538-0.538c-0.001-0.761-0.492-1.434-1.215-1.668v-0.215c0-0.297-0.241-0.538-0.538-0.538s-0.538 0.241-0.538 0.538v0.215c-0.822 0.264-1.328 1.088-1.194 1.94s0.868 1.481 1.732 1.48c0.372 0.001 0.673 0.301 0.676 0.673s-0.295 0.676-0.666 0.682c-0.003 0-0.006 0-0.009 0s-0.006 0-0.009 0c-0.37-0.005-0.668-0.306-0.669-0.677 0-0.297-0.24-0.538-0.538-0.538s-0.538 0.241-0.538 0.538c0.001 0.76 0.492 1.434 1.215 1.668v0.271c0 0.297 0.241 0.538 0.538 0.538s0.538-0.241 0.538-0.538v-0.271c0.821-0.264 1.328-1.088 1.194-1.94s-0.869-1.481-1.732-1.481c-0.374 0-0.678-0.303-0.678-0.677s0.303-0.678 0.678-0.678h0z"></path>
<path d="M43.931 25.7l-4.399-4.399c-0.154-0.154-0.385-0.2-0.586-0.117s-0.332 0.279-0.332 0.497v1.417h-2.452c0.044-0.342 0.066-0.686 0.066-1.031 0.001-2.113-0.834-4.141-2.323-5.64-0.009-0.011-0.017-0.023-0.027-0.033s-0.022-0.018-0.033-0.027c-2.542-2.521-6.448-3.050-9.569-1.293h-6.481v-1.418c0-0.217-0.131-0.413-0.332-0.497s-0.432-0.037-0.586 0.117l-4.399 4.399c-0.21 0.21-0.21 0.55 0 0.76l4.399 4.399c0.154 0.154 0.385 0.2 0.586 0.117s0.332-0.279 0.332-0.497v-1.418h2.452c-0.317 2.453 0.516 4.915 2.257 6.672 0.009 0.011 0.016 0.022 0.027 0.033s0.022 0.017 0.033 0.027c2.544 2.522 6.452 3.050 9.574 1.294h6.476v1.417c0 0.217 0.131 0.413 0.332 0.497s0.432 0.037 0.586-0.117l4.399-4.399c0.21-0.21 0.21-0.55 0-0.76l-0-0zM33.482 26.584l-0.154-0.154c-0.21-0.21-0.55-0.21-0.76 0s-0.21 0.55 0 0.76l0.154 0.154c-1.116 0.961-2.511 1.539-3.979 1.649v-0.219c0-0.297-0.241-0.538-0.538-0.538s-0.538 0.241-0.538 0.538v0.217c-1.468-0.113-2.861-0.691-3.977-1.65l0.152-0.152c0.21-0.21 0.21-0.55 0-0.76s-0.551-0.21-0.761-0l-0.152 0.152c-0.959-1.116-1.537-2.509-1.65-3.977h0.217c0.297 0 0.538-0.24 0.538-0.538s-0.24-0.538-0.538-0.538h-0.217c0.113-1.467 0.691-2.861 1.65-3.977l0.152 0.152c0.21 0.21 0.551 0.21 0.761-0s0.21-0.55 0-0.76l-0.152-0.152c1.116-0.959 2.509-1.537 3.977-1.65v0.217c0 0.297 0.241 0.538 0.538 0.538s0.538-0.241 0.538-0.538v-0.217c1.467 0.113 2.861 0.691 3.977 1.65l-0.152 0.152c-0.21 0.21-0.21 0.551 0 0.76s0.551 0.21 0.76 0l0.152-0.152c0.959 1.116 1.537 2.509 1.65 3.977h-0.217c-0.297 0-0.538 0.241-0.538 0.538s0.241 0.538 0.538 0.538h0.217c-0.020 0.272-0.057 0.542-0.109 0.81-0.031 0.069-0.047 0.143-0.048 0.218-0.252 1.090-0.763 2.102-1.492 2.952h0zM17.258 19.961c-0.297 0-0.538 0.241-0.538 0.538v0.657l-3.1-3.101 3.1-3.101v0.657c0 0.297 0.241 0.538 0.538 0.538h5.536c-0.078 0.071-0.154 0.144-0.229 0.218-0.011 0.009-0.023 0.017-0.033 0.027s-0.018 0.022-0.027 0.033c-0.974 0.983-1.677 2.2-2.042 3.534h-3.205zM39.69 29.181v-0.657c0-0.297-0.241-0.538-0.538-0.538h-5.53c0.085-0.078 0.168-0.157 0.249-0.239 0.002-0.002 0.005-0.004 0.008-0.006s0.004-0.005 0.006-0.007c0.985-0.987 1.697-2.214 2.064-3.56h3.204c0.297 0 0.538-0.241 0.538-0.538v-0.657l3.101 3.101-3.101 3.101z"></path>
</symbol>
<symbol id="icon-e3" viewBox="0 0 26 32">
<path d="M25.717 8.038c-0.026-0.359-0.077-0.715-0.148-1.068-0.082-0.402-0.18-0.797-0.327-1.18-0.006-0.017-0.012-0.035-0.018-0.053 0-0.001 0-0.001-0.001-0.001-0.001-0.002-0.001-0.004-0.002-0.005-0.008-0.061-0.058-0.114-0.047-0.18-0.016-0.103-0.069-0.192-0.11-0.285-0.201-0.463-0.429-0.912-0.709-1.333-0.167-0.25-0.33-0.504-0.537-0.725-0.047-0.061-0.093-0.123-0.143-0.182-0.701-0.821-1.518-1.498-2.47-2.011-0.044-0.016-0.076-0.071-0.131-0.052-0.001-0.001-0.002-0.002-0.003-0.002-0.007-0.006-0.016-0.011-0.024-0.014-0.021-0.010-0.042-0.019-0.063-0.029-0.001-0.001-0.001-0.001-0.001-0.001-0.017-0.008-0.034-0.017-0.052-0.025-0.054-0.030-0.11-0.058-0.168-0.080-0.011-0.006-0.022-0.010-0.033-0.016 0 0 0 0-0.001-0.001-0.016-0.009-0.032-0.018-0.048-0.027-0.009-0.007-0.019-0.012-0.030-0.016-0.007-0.001-0.012-0.001-0.019-0.002 0 0 0-0.001-0.001 0-0.003-0-0.005-0.003-0.009-0.004-0.028-0.020-0.059-0.032-0.093-0.039-0.006-0.004-0.014-0.004-0.019-0.008-0.008-0.006-0.016-0.012-0.023-0.019-0.011-0.004-0.022-0.008-0.034-0.011-0.009-0.004-0.019-0.007-0.029-0.012-0.001 0-0.002-0.001-0.003-0.001-0.141-0.057-0.285-0.11-0.429-0.159-0.010-0.004-0.018-0.007-0.028-0.011-0.001 0-0.001 0.001-0.001 0-0.057-0.019-0.113-0.039-0.169-0.058-0.016-0.005-0.030-0.010-0.045-0.015-0.001-0.001-0.001-0.001-0.001 0s-0.001 0-0.001 0c-0.002-0.001-0.005-0.002-0.007-0.002 0.008-0 0.016 0.001 0.024-0 0.004-0.005 0.008-0.010 0.012-0.015-0.071-0.061-0.158-0.069-0.246-0.075-0.004 0.005-0.007 0.009-0.011 0.014 0.012 0.006 0.023 0.012 0.035 0.018-0.015-0.005-0.030-0.008-0.045-0.012-0.134-0.035-0.269-0.064-0.4-0.107-0.021-0.006-0.042-0.014-0.062-0.021-0.412-0.115-0.836-0.177-1.259-0.197-0.712-0.033-1.426-0.025-2.131 0.116-0.333 0.067-0.663 0.145-0.988 0.243-0.337 0.102-0.664 0.232-0.986 0.377-0.512 0.23-0.993 0.516-1.453 0.839-0.187 0.132-0.356 0.286-0.543 0.419-0.003 0.003-0.006 0.007-0.010 0.010-0.001 0.001-0.001 0.001-0.002 0.002-0.013-0.004-0.025-0.003-0.039 0.006-0.117 0.106-0.235 0.212-0.352 0.319-0.273 0.252-0.524 0.527-0.758 0.814-0.332 0.407-0.619 0.848-0.874 1.308-0.158 0.285-0.301 0.577-0.421 0.879-0.111 0.278-0.203 0.564-0.295 0.85-0.103 0.322-0.173 0.65-0.232 0.979-0.035 0.2-0.069 0.402-0.087 0.606-0.012 0.139-0.008 0.278-0.027 0.417-0.037 0.273-0.062 0.551-0.024 0.822 0.051 0.361 0.037 0.727 0.115 1.084 0.043 0.198 0.077 0.399 0.123 0.597 0.058 0.249 0.134 0.492 0.208 0.737 0.067 0.222 0.15 0.439 0.233 0.652 0.088 0.224 0.198 0.443 0.31 0.66 0.316 0.615 0.707 1.177 1.155 1.701 0.335 0.392 0.702 0.754 1.109 1.072 0.185 0.144 0.357 0.309 0.573 0.41 0.14 0.089 0.277 0.184 0.42 0.267 0.363 0.212 0.731 0.416 1.128 0.558 0.121 0.044 0.147 0.121 0.142 0.242-0.024 0.52-0.064 1.040-0.066 1.562-0.001 0.213-0.021 0.426-0.030 0.639-0.028 0.656-0.061 1.311-0.078 1.968-0.008 0.291 0.234 0.503 0.525 0.496 0.090-0.002 0.181-0.022 0.24-0.080 0.204-0.199 0.373-0.428 0.511-0.678-0 0-0 0-0 0s0-0 0-0c0.017-0.032 0.062-0.047 0.056-0.092 0-0 0-0 0-0 0.040 0.004 0.058-0.024 0.078-0.050 0.319-0.43 0.638-0.86 0.956-1.291 0.493-0.667 0.986-1.334 1.48-2.001 0.042-0.057 0.089-0.105 0.169-0.109 0.53-0.029 1.046-0.141 1.557-0.278 0.411-0.111 0.808-0.262 1.196-0.435 0.451-0.202 0.879-0.448 1.286-0.727 0.481-0.329 0.921-0.705 1.328-1.124 0.23-0.236 0.431-0.495 0.644-0.746 0.011-0.011 0.012-0.023 0.008-0.034 0.001-0.001 0.001-0.001 0.002-0.002 0.006-0.004 0.011-0.008 0.017-0.012 0.145-0.192 0.274-0.396 0.407-0.597 0.31-0.47 0.56-0.971 0.765-1.492 0.296-0.754 0.483-1.537 0.56-2.345 0.049-0.511 0.057-1.022 0.020-1.535zM21.104 15.318c-0.509 0.315-1.048 0.563-1.619 0.745-0.581 0.185-1.172 0.323-1.782 0.335-0.344 0.006-0.524 0.21-0.704 0.456-0.647 0.884-1.301 1.763-1.952 2.644-0.016 0.021-0.021 0.060-0.060 0.045-0.028-0.011-0.021-0.042-0.019-0.065 0.014-0.414 0.021-0.829 0.044-1.243 0.033-0.595 0.047-1.19 0.057-1.785 0.004-0.217-0.146-0.372-0.398-0.456-0.408-0.134-0.792-0.322-1.169-0.529-0.662-0.363-1.248-0.823-1.769-1.366-0.582-0.606-1.053-1.289-1.408-2.053-0.283-0.608-0.487-1.238-0.613-1.898-0.172-0.902-0.176-1.805-0.037-2.707 0.093-0.608 0.263-1.197 0.507-1.765 0.24-0.558 0.529-1.086 0.886-1.576 0.6-0.824 1.334-1.504 2.203-2.033 0.482-0.294 0.993-0.53 1.53-0.71 0.85-0.285 1.721-0.411 2.614-0.385 0.567 0.016 1.125 0.103 1.676 0.248 0.6 0.159 1.171 0.385 1.713 0.687 0.901 0.501 1.67 1.158 2.309 1.969 0.371 0.471 0.683 0.978 0.937 1.519 0.184 0.392 0.324 0.802 0.443 1.22 0.193 0.677 0.27 1.367 0.28 2.066 0.007 0.573-0.050 1.141-0.174 1.7-0.161 0.73-0.419 1.424-0.781 2.081-0.656 1.19-1.556 2.144-2.713 2.858zM15.252 20.804c0.001-0.001 0.002-0.002 0.003-0.003-0.003 0.005-0.007 0.010-0.010 0.016 0.002-0.004 0.005-0.009 0.007-0.012z"></path>
<path d="M22.547 26.625c-1.031-1.030-2.062-2.060-3.091-3.091-0.288-0.289-0.602-0.513-1.025-0.573-0.2-0.028-0.388-0.005-0.567 0.045-0.332 0.094-0.603 0.299-0.846 0.543-0.528 0.532-1.060 1.061-1.59 1.591-0.115 0.115-0.241 0.221-0.337 0.354-0.266 0.264-0.628 0.263-0.92 0.083-0.297-0.183-0.611-0.337-0.928-0.482-0.429-0.253-0.839-0.534-1.244-0.824-0.362-0.259-0.703-0.546-1.051-0.822 0.002-0.029-0.018-0.042-0.037-0.059-0.166-0.146-0.335-0.29-0.496-0.441-0.71-0.661-1.385-1.356-2.009-2.1-0.33-0.394-0.65-0.796-0.945-1.218-0.193-0.277-0.382-0.557-0.553-0.849-0.221-0.378-0.428-0.766-0.586-1.175-0.061-0.157-0.118-0.323-0.045-0.511 0.062-0.158 0.161-0.273 0.278-0.381 0.676-0.622 1.328-1.269 1.959-1.937 0.369-0.39 0.572-0.849 0.466-1.397-0.067-0.348-0.254-0.642-0.501-0.893-0.959-0.971-1.919-1.941-2.885-2.904-0.279-0.278-0.55-0.57-0.93-0.727-0.293-0.12-0.594-0.14-0.891-0.075-0.358 0.079-0.659 0.286-0.916 0.543-0.691 0.69-1.395 1.367-2.064 2.079-0.315 0.335-0.521 0.739-0.653 1.174-0.099 0.329-0.126 0.673-0.139 1.018-0.013 0.35 0.030 0.696 0.062 1.042 0.008 0.086-0.009 0.184 0.064 0.256 0.007 0.186 0.054 0.366 0.099 0.544 0.105 0.416 0.229 0.826 0.368 1.232 0.173 0.503 0.373 0.994 0.587 1.48 0.233 0.53 0.492 1.047 0.771 1.554 0.404 0.734 0.843 1.446 1.323 2.132 0.347 0.495 0.711 0.978 1.085 1.454 0.781 0.992 1.625 1.926 2.537 2.798 0.586 0.561 1.2 1.090 1.837 1.592 0.626 0.494 1.275 0.955 1.943 1.39 0.527 0.343 1.069 0.659 1.62 0.962 0.454 0.249 0.914 0.485 1.383 0.705 0.229 0.107 0.464 0.201 0.697 0.3 0.009 0.024 0.027 0.042 0.051 0.049 0.21 0.064 0.408 0.161 0.615 0.236 0.298 0.108 0.598 0.208 0.9 0.301 0.381 0.118 0.773 0.204 1.167 0.271 0.53 0.091 1.066 0.132 1.605 0.079 0.094-0.003 0.193 0.022 0.277-0.046 0 0 0-0 0-0 0.122 0.014 0.227-0.049 0.339-0.077 0.006-0.011-0-0.019-0.006-0.028 0.002-0 0.003-0 0.005-0.001-0 0-0 0-0 0 0 0.009 0.001 0.019 0.001 0.028 0.272-0.047 0.507-0.182 0.743-0.315 0.322-0.183 0.591-0.431 0.83-0.709 0.132-0.154 0.296-0.279 0.402-0.455 0-0 0-0 0-0 0.031-0.033 0.060-0.068 0.093-0.098 0.379-0.351 0.757-0.703 1.113-1.077 0.261-0.273 0.474-0.573 0.586-0.945 0.092-0.303 0.065-0.594-0.036-0.878-0.104-0.291-0.296-0.533-0.515-0.752zM3.518 10.044c0.1-0.091 0.201-0.182 0.321-0.245 0.254-0.132 0.45-0.1 0.684 0.112 0.499 0.451 0.956 0.943 1.429 1.42 0.584 0.589 1.171 1.175 1.757 1.763 0.11 0.11 0.212 0.227 0.281 0.369 0.030 0.062 0.045 0.123 0.044 0.189 0.007 0.15-0.073 0.266-0.158 0.376-0.057 0.075-0.131 0.136-0.19 0.21-0.070 0.087-0.123 0.072-0.197-0.002-0.657-0.662-1.317-1.32-1.976-1.979-0.665-0.665-1.328-1.332-1.996-1.994-0.085-0.084-0.088-0.138-0.001-0.218zM17.756 30.946c-0.448-0.057-0.892-0.132-1.327-0.251-0.494-0.135-0.983-0.292-1.454-0.497-0.039-0.017-0.078-0.032-0.118-0.007-0.016-0.054-0.066-0.065-0.11-0.083-0.227-0.096-0.454-0.193-0.676-0.299-0.755-0.364-1.494-0.755-2.212-1.187-0.504-0.303-0.994-0.624-1.473-0.964-0.59-0.418-1.161-0.86-1.714-1.326-0.466-0.391-0.914-0.801-1.35-1.223-0.395-0.382-0.768-0.787-1.133-1.199-0.471-0.531-0.926-1.076-1.354-1.644-0.561-0.744-1.097-1.505-1.574-2.309-0.306-0.516-0.593-1.040-0.859-1.578-0.178-0.361-0.341-0.729-0.498-1.099-0.224-0.53-0.41-1.073-0.577-1.624-0.113-0.373-0.189-0.756-0.244-1.142-0.060-0.413-0.035-0.828-0.029-1.242 0.001-0.080 0.014-0.163 0.031-0.243 0.094-0.435 0.308-0.801 0.624-1.111 0.217-0.214 0.43-0.43 0.645-0.644 0.093-0.093 0.185-0.187 0.279-0.278 0.096-0.094 0.119-0.094 0.213-0.004 0.018 0.017 0.035 0.035 0.053 0.052 1.274 1.275 2.55 2.55 3.825 3.825 0.017 0.017 0.034 0.036 0.052 0.052 0.067 0.057 0.072 0.111 0.003 0.174-0.077 0.069-0.144 0.146-0.225 0.21-0.050 0.039-0.105 0.081-0.095 0.158v0.001h-0.001c-0.058-0.006-0.085 0.042-0.121 0.073-0.158 0.131-0.298 0.282-0.453 0.417-0.604 0.525-0.814 1.19-0.541 1.959 0.088 0.248 0.205 0.484 0.323 0.718 0.388 0.772 0.864 1.491 1.388 2.175 0.492 0.642 1.029 1.245 1.585 1.833 0.029 0.030 0.054 0.077 0.111 0.053-0.021 0.080 0.046 0.115 0.088 0.158 0.77 0.795 1.602 1.519 2.492 2.177 0.445 0.329 0.897 0.652 1.382 0.921 0.359 0.199 0.727 0.381 1.087 0.577 0.441 0.239 0.911 0.28 1.39 0.091 0.286-0.112 0.516-0.302 0.73-0.512 0.303-0.295 0.599-0.596 0.898-0.896 0.122-0.122 0.121-0.123 0.248 0.003 1.286 1.286 2.572 2.573 3.858 3.859 0.017 0.017 0.034 0.035 0.052 0.052 0.053 0.049 0.054 0.096 0 0.146-0.376 0.35-0.7 0.75-1.064 1.111-0.29 0.288-0.642 0.461-1.043 0.546-0.37 0.078-0.739 0.072-1.113 0.024zM17.712 24.452c-0.111-0.111-0.113-0.112 0.002-0.22 0.154-0.146 0.307-0.299 0.611-0.303 0.123-0.005 0.254 0.106 0.377 0.229 0.825 0.824 1.649 1.649 2.473 2.473 0.255 0.255 0.514 0.508 0.763 0.769 0.307 0.321 0.319 0.6 0.035 0.934-0.198 0.232-0.156 0.223-0.36 0.019-1.3-1.301-2.601-2.601-3.901-3.901zM13.293 25.17c0 0 0.001 0 0.001 0.001s-0-0-0-0-0.001-0.001-0.001-0.001-0.001-0-0.001-0.001 0-0.001 0-0.001c0 0.001 0.001 0.001 0.001 0.002zM14.498 31.063c0 0 0 0 0 0l0.002 0.002c-0.001-0-0.002-0-0.002-0s0-0 0.001-0c0-0.001-0-0.001-0-0.001zM21.174 30.471c0-0 0.001-0.001 0.001-0.001s0-0 0-0.001 0.002-0 0.003-0c-0.001 0-0.002 0.002-0.004 0.002-0 0-0 0-0 0z"></path>
<path d="M21.827 6.037c-0.472-0.716-0.935-1.438-1.393-2.162-0.208-0.329-0.481-0.509-0.881-0.493-0.349 0.014-0.699 0.003-1.048 0.003-1.261 0-2.522 0.001-3.783 0-0.327-0.001-0.578 0.138-0.751 0.409-0.489 0.768-0.975 1.537-1.459 2.307-0.082 0.13-0.166 0.257-0.166 0.427 0.004 1.68 0 3.36 0.002 5.040 0 0.495 0.362 0.851 0.855 0.851 1.322 0.001 2.645 0 3.968 0v-0.002c1.314 0 2.629-0.010 3.943 0.005 0.544 0.006 0.95-0.418 0.946-0.937-0.013-1.56-0.009-3.122 0.003-4.682 0.002-0.291-0.080-0.529-0.236-0.766zM18.44 11.309c0.004-0.784-0.008-1.569 0.008-2.353 0.006-0.285-0.112-0.458-0.339-0.6-0.399-0.252-0.786-0.524-1.186-0.775-0.148-0.093-0.279-0.223-0.472-0.243-0.304-0.031-0.549 0.171-0.55 0.477-0.003 1.151-0.003 2.301-0.004 3.451 0 0.18 0 0.178-0.185 0.178-0.752 0.001-1.504-0.001-2.255 0.005-0.115 0.001-0.143-0.032-0.143-0.144 0.004-1.368 0.004-2.736-0.001-4.104 0-0.122 0.035-0.148 0.152-0.147 1.245 0.004 2.489 0.003 3.734 0.003v-0.004c1.212 0 2.423-0.001 3.635 0.002 0.291 0.001 0.247-0.041 0.248 0.248 0.002 1.335 0 2.67 0.003 4.005 0 0.102-0.018 0.143-0.133 0.142-0.793-0.006-1.586-0.006-2.378 0-0.113 0.001-0.135-0.037-0.134-0.141zM17.672 4.461c-0.001-0.099 0.024-0.136 0.13-0.135 0.562 0.004 1.124 0.002 1.687 0.001 0.070 0 0.118 0.016 0.16 0.083 0.323 0.52 0.652 1.035 0.977 1.553 0.057 0.090 0.039 0.117-0.076 0.117-0.459 0.001-0.919 0.001-1.378 0.001-0.456 0-0.911-0.003-1.367 0.002-0.101 0.001-0.134-0.029-0.133-0.133 0.004-0.496 0.004-0.993 0-1.489zM14.727 4.432c0.039-0.062 0.089-0.084 0.164-0.083 0.566 0.003 1.133 0.004 1.698 0.001 0.076-0.001 0.109 0.014 0.109 0.1 0.001 0.472 0.008 0.943 0.011 1.415 0.001 0.186-0.001 0.186-0.179 0.186h-2.816c0.346-0.553 0.68-1.086 1.013-1.618zM17.349 11.476c-0.123-0.007-0.247-0.007-0.369-0.001-0.095 0.005-0.118-0.035-0.117-0.123 0.003-0.418 0.001-0.837 0.001-1.256 0-0.414 0-0.829 0.001-1.243 0-0.040-0.013-0.094 0.029-0.11 0.023-0.009 0.066 0.022 0.095 0.042 0.133 0.088 0.262 0.181 0.395 0.269 0.064 0.043 0.089 0.096 0.089 0.175-0.003 0.705-0.003 1.411 0.001 2.117 0 0.094-0.025 0.136-0.125 0.13z"></path>
</symbol>
<symbol id="icon-e4" viewBox="0 0 24 32">
<path d="M7.028 15.564c0.060 0.014 0.121 0.027 0.181 0.039v3.743h0.776v-3.64c0.143 0.010 0.287 0.016 0.431 0.016 1.903-0.005 3.697-0.89 4.86-2.397s1.564-3.466 1.086-5.309l2.488-1.559 1.555 0.124c0.149 0.012 0.291-0.062 0.366-0.191l0.784-1.341 1.291 0.003c0.137 0 0.263-0.072 0.333-0.189l0.789-1.321 1.222 0.037c0.187 0.005 0.351-0.124 0.391-0.306l0.476-2.194c0.042-0.192-0.066-0.384-0.251-0.448l-0.018-0.007c-0.014-0.005-0.029-0.009-0.043-0.012l-2.682-0.602c-0.1-0.022-0.204-0.005-0.291 0.050l-8.094 5.073c-1.873-1.805-4.678-2.238-7.008-1.082s-3.681 3.653-3.376 6.236c0.305 2.583 2.201 4.696 4.737 5.277zM21.047 0.802l2.169 0.487-0.326 1.504-1.128-0.034c-0.141-0.004-0.273 0.068-0.345 0.189l-0.793 1.327-1.292-0.003c-0.138 0.001-0.265 0.074-0.336 0.192l-0.773 1.323-1.44-0.115c-0.083-0.007-0.166 0.014-0.237 0.058l-2.435 1.526c-0.225-0.555-0.53-1.075-0.904-1.542l7.839-4.914zM5.548 5.007c2.143-1.339 4.929-1.009 6.699 0.794 0.007 0.015 0.015 0.030 0.024 0.044 0.035 0.056 0.085 0.103 0.143 0.135 1.505 1.684 1.799 4.129 0.733 6.121s-3.261 3.106-5.497 2.789-4.037-1.997-4.507-4.206c-0.47-2.209 0.491-4.477 2.405-5.676z"></path>
<path d="M7.032 12.539c0.187 0.043 0.379 0.065 0.571 0.065 1.348 0 2.461-1.052 2.537-2.397s-0.911-2.516-2.249-2.669c-1.339-0.153-2.564 0.767-2.792 2.094s0.62 2.603 1.933 2.906zM6.665 8.582c0.278-0.176 0.601-0.269 0.93-0.269 0.133 0 0.266 0.015 0.396 0.045 0.817 0.187 1.387 0.926 1.363 1.763s-0.637 1.541-1.464 1.681-1.636-0.324-1.934-1.107c-0.298-0.783-0.001-1.668 0.709-2.113v-0z"></path>
<path d="M0.621 24.905l1.494-1.088v7.794c0 0.214 0.174 0.388 0.388 0.388h10.189c0.214 0 0.388-0.174 0.388-0.388v-7.794l1.494 1.087c0.112 0.084 0.26 0.102 0.389 0.046s0.216-0.177 0.23-0.317c0.014-0.139-0.048-0.276-0.163-0.356l-1.951-1.42v-2.289c0-0.215-0.174-0.388-0.388-0.388s-0.388 0.174-0.388 0.388v1.725l-4.478-3.26c-0.136-0.099-0.321-0.099-0.457 0l-7.205 5.245c-0.114 0.081-0.177 0.217-0.163 0.356s0.102 0.26 0.23 0.317c0.129 0.056 0.277 0.039 0.389-0.045v-0zM7.598 19.826l4.706 3.427v7.971h-9.413v-7.971l4.707-3.427z"></path>
<path d="M7.598 26.978c0.39 0.001 0.706 0.316 0.709 0.706s-0.311 0.709-0.701 0.714c-0.003 0-0.005-0-0.008-0s-0.005 0-0.008 0c-0.389-0.005-0.702-0.321-0.703-0.71 0-0.215-0.174-0.388-0.388-0.388s-0.388 0.174-0.388 0.388c0.001 0.671 0.451 1.259 1.098 1.435v0.317c0 0.214 0.174 0.388 0.388 0.388s0.388-0.174 0.388-0.388v-0.317c0.72-0.195 1.184-0.892 1.086-1.631s-0.728-1.291-1.474-1.291c-0.392 0-0.71-0.318-0.71-0.71s0.318-0.71 0.71-0.71 0.71 0.318 0.71 0.71c0 0.214 0.174 0.388 0.388 0.388s0.388-0.174 0.388-0.388c-0.001-0.671-0.451-1.259-1.098-1.435v-0.611c0-0.214-0.174-0.388-0.388-0.388s-0.388 0.174-0.388 0.388v0.611c-0.72 0.195-1.184 0.892-1.086 1.631s0.728 1.291 1.474 1.291z"></path>
</symbol>
<symbol id="icon-e5" viewBox="0 0 25 32">
<path d="M12.271 0c-0.973 0.001-1.762 0.79-1.763 1.763v0.949h-8.746c-0.973 0.001-1.762 0.79-1.763 1.763v12.203c0.001 0.973 0.79 1.762 1.763 1.763h8.746v13.153c0 0.225 0.182 0.407 0.407 0.407h2.712c0.225 0 0.407-0.182 0.407-0.407v-13.153h8.746c0.973-0.001 1.762-0.79 1.763-1.763v-12.203c-0.001-0.973-0.79-1.762-1.763-1.763h-8.746v-0.949c-0.001-0.973-0.79-1.762-1.763-1.763zM11.322 1.763c0-0.524 0.425-0.949 0.949-0.949s0.949 0.425 0.949 0.949v0.949h-1.898v-0.949zM13.22 31.186h-1.898v-12.746h1.898v12.746zM23.729 4.475v12.203c-0.001 0.524-0.425 0.949-0.949 0.949h-21.017c-0.524-0.001-0.949-0.425-0.949-0.949v-12.203c0.001-0.524 0.425-0.949 0.949-0.949h21.017c0.524 0.001 0.949 0.425 0.949 0.949z"></path>
<path d="M5.987 8.881h-1.412c-0.138 0-0.276 0.065-0.276 0.195v2.583c0 0.13 0.159 0.195 0.317 0.195s0.317-0.065 0.317-0.195v-1.050h0.614c0.134 0 0.191-0.13 0.191-0.24 0-0.13-0.069-0.248-0.191-0.248h-0.614v-0.688h1.054c0.122 0 0.191-0.13 0.191-0.28 0-0.13-0.057-0.273-0.191-0.273z"></path>
<path d="M7.329 8.881c-0.561 0-0.997 0.26-0.997 0.96v1.078c0 0.7 0.435 0.96 0.997 0.96s1.001-0.26 1.001-0.96v-1.078c0-0.7-0.439-0.96-1.001-0.96zM7.695 10.919c0 0.281-0.138 0.407-0.366 0.407s-0.362-0.126-0.362-0.407v-1.078c0-0.281 0.134-0.407 0.362-0.407s0.366 0.126 0.366 0.407v1.078z"></path>
<path d="M10.4 11.879c0.187 0 0.399-0.171 0.399-0.329 0-0.026-0.007-0.051-0.020-0.073l-0.496-0.899c0.285-0.11 0.492-0.37 0.492-0.826 0-0.663-0.444-0.87-1.001-0.87h-0.842c-0.052-0.002-0.102 0.018-0.139 0.054s-0.057 0.086-0.057 0.137v2.587c0 0.13 0.159 0.195 0.317 0.195s0.318-0.065 0.318-0.195v-0.98h0.268l0.557 1.082c0.039 0.076 0.118 0.122 0.203 0.118zM9.774 10.191h-0.403v-0.757h0.403c0.228 0 0.366 0.094 0.366 0.378s-0.139 0.378-0.366 0.378z"></path>
<path d="M12.751 11.326c-0.378 0-0.501-0.301-0.691-0.301-0.155 0-0.277 0.203-0.277 0.342 0 0.268 0.448 0.529 0.98 0.529 0.59 0 1.017-0.317 1.017-0.903 0-1.025-1.289-0.948-1.289-1.355 0-0.126 0.118-0.244 0.407-0.244 0.333 0 0.411 0.155 0.557 0.155 0.179 0 0.252-0.224 0.252-0.334 0-0.317-0.594-0.358-0.809-0.358-0.508 0-1.041 0.232-1.041 0.842 0 0.952 1.289 0.867 1.289 1.359-0 0.195-0.208 0.269-0.395 0.269z"></path>
<path d="M15.070 8.857c-0.187 0-0.37 0.069-0.415 0.212l-0.757 2.481c-0.004 0.015-0.007 0.029-0.008 0.045 0 0.15 0.232 0.26 0.407 0.26 0.102 0 0.183-0.033 0.208-0.118l0.138-0.508h0.858l0.138 0.508c0.024 0.086 0.106 0.118 0.207 0.118 0.175 0 0.407-0.11 0.407-0.26-0.001-0.015-0.004-0.030-0.008-0.045l-0.761-2.481c-0.045-0.142-0.228-0.211-0.415-0.211zM14.773 10.74l0.297-1.090 0.297 1.090h-0.594z"></path>
<path d="M17.124 9.072c0-0.134-0.159-0.191-0.317-0.191s-0.317 0.057-0.317 0.191v2.587c0 0.13 0.139 0.195 0.277 0.195h1.285c0.122 0 0.183-0.139 0.183-0.277s-0.061-0.276-0.183-0.276h-0.927v-2.229z"></path>
<path d="M18.767 11.855h1.448c0.134 0 0.191-0.142 0.191-0.273 0-0.151-0.069-0.281-0.191-0.281h-1.090v-0.691h0.61c0.134 0 0.191-0.13 0.191-0.24 0-0.13-0.069-0.248-0.191-0.248h-0.61v-0.688h1.090c0.122 0 0.191-0.13 0.191-0.28 0-0.13-0.057-0.273-0.191-0.273h-1.448c-0.139 0-0.277 0.065-0.277 0.195v2.583c0 0.13 0.138 0.195 0.277 0.195z"></path>
</symbol>
<symbol id="icon-e6" viewBox="0 0 38 32">
<path d="M4.679 28.257c0.034 0.008 0.068 0.011 0.102 0.011h17.62c2.52 3.584 7.296 4.763 11.194 2.763s5.726-6.567 4.284-10.704-5.711-6.579-10.008-5.724v-14.12c0-0.266-0.216-0.482-0.482-0.482h-21.381c-0.264 0-0.479 0.213-0.482 0.477l-0.194 19.232h-4.85c-0.266 0-0.482 0.215-0.482 0.482v2.985c0 2.7 2.072 4.915 4.679 5.081zM29.589 15.397c4.32 0 7.823 3.502 7.823 7.823s-3.502 7.823-7.823 7.823c-4.321 0-7.823-3.502-7.823-7.823 0.005-4.318 3.504-7.818 7.823-7.823zM6.485 0.964h20.423v13.888c-2.44 0.781-4.417 2.588-5.414 4.948s-0.913 5.037 0.228 7.331c-1.66-0.51-2.873-2.090-2.873-3.954v-2.985c0-0.266-0.216-0.482-0.482-0.482h-12.071l0.189-18.746zM0.964 20.673h16.921v2.503c-0.004 1.628 0.766 3.16 2.075 4.128h-14.969c-2.221 0-4.028-1.852-4.028-4.128v-2.503z"></path>
<path d="M10.911 5.325h3.754c0.266 0 0.482-0.216 0.482-0.482s-0.216-0.482-0.482-0.482h-3.754c-0.266 0-0.482 0.216-0.482 0.482s0.216 0.482 0.482 0.482z"></path>
<path d="M10.911 10.615h10.919c0.266 0 0.482-0.216 0.482-0.482s-0.215-0.482-0.482-0.482h-10.919c-0.266 0-0.482 0.216-0.482 0.482s0.216 0.482 0.482 0.482z"></path>
<path d="M22.312 15.423c0-0.266-0.215-0.482-0.482-0.482h-10.919c-0.266 0-0.482 0.216-0.482 0.482s0.216 0.482 0.482 0.482h10.919c0.266 0 0.482-0.216 0.482-0.482z"></path>
<path d="M24.77 23.145h0.929v4.138c0 0.266 0.216 0.482 0.482 0.482h6.814c0.266 0 0.482-0.215 0.482-0.482v-4.138h0.929c0.209 0 0.394-0.134 0.458-0.333s-0.006-0.416-0.175-0.539l-4.818-3.508c-0.169-0.123-0.398-0.123-0.567 0l-4.818 3.508c-0.169 0.123-0.239 0.34-0.175 0.539s0.25 0.333 0.458 0.333zM29.589 19.752l3.344 2.434c-0.24 0.032-0.418 0.236-0.418 0.478v4.138h-5.85v-4.138c0-0.242-0.179-0.446-0.418-0.478l3.344-2.434z"></path>
</symbol>
<symbol id="icon-f1" viewBox="0 0 39 32">
<path d="M38.219 27.247c-0.268 0-0.488 0.218-0.488 0.488v0.569c0 0.402-0.325 0.729-0.727 0.732h-0.020v-1.606c0.952-0.228 1.624-1.078 1.627-2.058v-2.167c0-1.17-0.948-2.115-2.115-2.115s-2.115 0.945-2.115 2.115v2.168c0 0.979 0.673 1.83 1.627 2.058v4.057c0 0.27 0.218 0.488 0.488 0.488s0.488-0.218 0.488-0.488v-1.476h0.020c0.94-0.006 1.7-0.768 1.702-1.708v-0.569c0-0.27-0.218-0.488-0.488-0.488h0.001zM35.358 25.374v-2.168c0-0.63 0.509-1.139 1.139-1.139 0.628 0 1.139 0.508 1.139 1.139v2.168c-0.002 0.439-0.255 0.839-0.651 1.027v-0.407c0-0.268-0.22-0.488-0.488-0.488s-0.488 0.22-0.488 0.488v0.407c-0.399-0.187-0.651-0.588-0.651-1.027zM33.862 28.612v-17.529c0-0.271-0.22-0.488-0.488-0.488h-10.371c-0.27 0-0.488 0.217-0.488 0.488v20.428h0.976v-6.113h2.481v6.114h0.976v-6.113h2.481v3.18c-0.832 0.158-1.423 0.901-1.388 1.747s0.686 1.539 1.528 1.627c0.842 0.089 1.622-0.454 1.832-1.275s-0.214-1.671-0.996-1.997v-3.282h2.481v3.232c-0.809 0.257-1.308 1.069-1.171 1.907 0.138 0.838 0.87 1.448 1.72 1.433 0.849-0.016 1.558-0.651 1.666-1.494 0.107-0.842-0.42-1.635-1.238-1.863v-0.002zM29.746 30.989c-0.405 0-0.732-0.328-0.732-0.732s0.327-0.732 0.732-0.732c0.403 0 0.732 0.327 0.732 0.732-0.002 0.404-0.329 0.732-0.732 0.732zM32.886 20.965h-2.481v-2.481h2.481v2.481zM29.429 15.028v2.481h-2.481v-2.481h2.481zM26.948 14.052v-2.481h2.481v2.481h-2.481zM25.972 17.508h-2.481v-2.481h2.481v2.481zM25.972 18.485v2.481h-2.481v-2.481h2.481zM26.948 18.485h2.481v2.481h-2.481v-2.481zM32.886 17.508h-2.481v-2.481h2.481v2.481zM32.886 14.052h-2.481v-2.481h2.481v2.481zM25.972 11.571v2.481h-2.481v-2.481h2.481zM23.491 24.422v-2.481h2.481v2.481h-2.481zM26.948 24.422v-2.481h2.481v2.481h-2.481zM30.405 24.422v-2.481h2.481v2.481h-2.481zM33.406 30.989c-0.405 0-0.732-0.328-0.732-0.732s0.327-0.732 0.732-0.732c0.403 0 0.732 0.327 0.732 0.732-0.002 0.404-0.329 0.732-0.732 0.732z"></path>
<path d="M38.604 31.023h-17.757v-26.854c0-0.27-0.22-0.488-0.488-0.488h-1.816v-0.4h0.664c0.27 0 0.488-0.218 0.488-0.488v-2.305c0-0.27-0.218-0.488-0.488-0.488h-11.523c-0.27 0-0.488 0.218-0.488 0.488v2.304c0 0.27 0.218 0.488 0.488 0.488h0.664v0.4h-1.816c-0.27 0-0.488 0.218-0.488 0.488v24.449c-0.488 0.142-0.887 0.492-1.088 0.958s-0.185 0.997 0.044 1.448h-0.612c0.364-0.717 0.176-1.593-0.451-2.099s-1.521-0.507-2.147 0c-0.626 0.506-0.815 1.381-0.451 2.099h-0.85c-0.268 0-0.488 0.22-0.488 0.488 0 0.271 0.22 0.488 0.488 0.488h38.116c0.268 0 0.488-0.217 0.488-0.488 0-0.268-0.22-0.488-0.488-0.488v-0.001zM2.863 29.526c0.403 0 0.732 0.327 0.732 0.732s-0.329 0.732-0.732 0.732c-0.405 0-0.732-0.328-0.732-0.732s0.327-0.732 0.732-0.732zM10.184 29.526c0.403 0 0.732 0.327 0.732 0.732s-0.329 0.732-0.732 0.732c-0.405 0-0.732-0.328-0.732-0.732s0.327-0.732 0.732-0.732zM10.477 28.577v-3.176h2.481v5.625h-1.25c0.244-0.48 0.246-1.049 0.002-1.534s-0.7-0.822-1.233-0.913v-0.002zM12.957 4.659v2.481h-2.481v-2.481h2.481zM19.871 24.425h-2.481v-2.481h2.481v2.481zM13.934 14.054v-2.481h2.481v2.481h-2.481zM16.414 15.030v2.481h-2.481v-2.481h2.481zM12.957 14.054h-2.481v-2.481h2.481v2.481zM12.957 15.030v2.481h-2.481v-2.481h2.481zM12.957 18.487v2.481h-2.481v-2.481h2.481zM13.934 18.487h2.481v2.481h-2.481v-2.481zM16.414 21.944v2.481h-2.481v-2.481h2.481zM19.871 20.968h-2.481v-2.481h2.481v2.481zM19.871 17.511h-2.481v-2.481h2.481v2.481zM19.871 14.054h-2.481v-2.481h2.481v2.481zM19.871 10.597h-2.481v-2.481h2.481v2.481zM16.414 10.597h-2.481v-2.481h2.481v2.481zM13.934 7.14v-2.481h2.481v2.481h-2.481zM12.957 8.116v2.481h-2.481v-2.481h2.481zM9.501 10.597h-2.481v-2.481h2.481v2.481zM9.501 11.573v2.481h-2.481v-2.481h2.481zM9.501 15.030v2.481h-2.481v-2.481h2.481zM9.501 18.487v2.481h-2.481v-2.481h2.481zM9.501 21.944v2.481h-2.481v-2.481h2.481zM10.477 21.944h2.481v2.481h-2.481v-2.481zM13.934 25.401h2.481v5.625h-2.481v-5.625zM17.39 25.401h2.481v5.625h-2.481v-5.625zM19.871 7.14h-2.481v-2.481h2.481v2.481zM8.172 0.976h10.547v1.328h-10.547v-1.328zM9.324 3.28h8.243v0.4h-8.243v-0.4zM9.501 4.657v2.481h-2.481v-2.481h2.481zM6.523 29.525c0.403 0 0.732 0.327 0.732 0.732s-0.329 0.732-0.732 0.732c-0.405 0-0.732-0.328-0.732-0.732s0.327-0.732 0.732-0.732zM7.020 28.622v-3.224h2.481v3.294c-0.431 0.185-0.765 0.542-0.925 0.984-0.159 0.441-0.129 0.929 0.084 1.347h-0.613c0.228-0.447 0.244-0.976 0.047-1.44s-0.591-0.815-1.074-0.96l-0.001-0.002z"></path>
</symbol>
<symbol id="icon-f2" viewBox="0 0 32 32">
<path d="M29.867 31.963h-28.196v-4.488h28.196v4.488zM2.563 31.072h26.413v-2.705h-26.413v2.705z"></path>
<path d="M26.943 28.367h-22.348v-2.66h22.348v2.66zM5.487 27.475h20.565v-0.877h-20.565v0.877z"></path>
<path d="M11.022 26.609h-4.475v-17.882h4.475v17.882zM7.438 25.718h2.692v-16.099h-2.692v16.099z"></path>
<path d="M21.388 26.609h-11.236v-20.345h11.236v20.345zM11.043 25.718h9.453v-18.562h-9.453v18.562z"></path>
<path d="M24.992 26.609h-4.475v-17.882h4.475v17.882zM21.409 25.718h2.692v-16.099h-2.692v16.099z"></path>
<path d="M0 31.109h31.539v0.891h-31.539v-0.891z"></path>
<path d="M19.781 7.18h-8.023v-4.593h8.023v4.593zM12.649 6.289h6.24v-2.811h-6.24v2.811z"></path>
<path d="M15.324 0h0.891v2.97h-0.891v-2.97z"></path>
<path d="M13.615 4.365h4.308v0.891h-4.308v-0.891z"></path>
<path d="M12.898 8.68h0.891v15.894h-0.891v-15.894z"></path>
<path d="M15.324 8.68h0.891v15.894h-0.891v-15.894z"></path>
<path d="M17.75 8.68h0.891v15.894h-0.891v-15.894z"></path>
</symbol>
<symbol id="icon-f3" viewBox="0 0 33 32">
<path d="M0.425 32h32.552c0.234 0 0.425-0.19 0.425-0.425s-0.19-0.425-0.425-0.425h-1.466v-13.184c0.002-2.839-2.297-5.142-5.136-5.145-0.388-0-0.776 0.043-1.154 0.13v-2.539c-0-0.177-0.11-0.336-0.277-0.398l-2.030-0.754v-8.836c0-0.234-0.19-0.425-0.425-0.425h-1.856c-0.235 0-0.425 0.19-0.425 0.425v7.832l-3.145-1.168c-0.22-0.082-0.464 0.030-0.546 0.25-0.018 0.047-0.027 0.097-0.027 0.148v2.411l-7.366-2.807c-0.219-0.084-0.464 0.026-0.548 0.246-0.018 0.048-0.028 0.099-0.028 0.151v5.461c-2.783-0.579-5.507 1.208-6.086 3.991-0.072 0.344-0.108 0.695-0.108 1.046v13.167h-1.93c-0.234 0-0.425 0.19-0.425 0.425s0.19 0.425 0.425 0.425zM9.145 31.151h-3.291v-6.387h3.291v6.387zM16.94 13.689c2.27 0.003 4.147 1.769 4.287 4.035-0.004 0.081-0.006 0.162-0.006 0.244v13.184h-8.576v-13.167c0.003-2.371 1.924-4.293 4.296-4.296zM28.118 31.151h-3.291v-6.347h3.291v6.347zM30.661 17.967v13.184h-1.693v-6.771c0-0.235-0.19-0.425-0.425-0.425h-4.14c-0.235 0-0.425 0.19-0.425 0.425v6.771h-1.908v-13.167h0.015c0-0.090-0.002-0.179-0.007-0.268 0.141-2.368 2.175-4.174 4.543-4.033 2.268 0.135 4.038 2.012 4.041 4.284h0zM21.056 0.849h1.007v8.096l-1.007-0.374v-7.723zM24.37 10.708v2.516c-1.218 0.516-2.192 1.479-2.722 2.69-0.765-1.735-2.42-2.909-4.31-3.059v-4.759l7.031 2.611zM9.398 8.103l7.092 2.703v2.055c-1.88 0.168-3.518 1.349-4.27 3.080-0.544-1.248-1.558-2.231-2.822-2.736l0-5.101zM3.204 17.984c0-2.372 1.923-4.296 4.296-4.296s4.296 1.923 4.296 4.296v13.167h-1.801v-6.812c0-0.235-0.19-0.425-0.425-0.425h-4.14c-0.234 0-0.425 0.19-0.425 0.425v6.812h-1.801v-13.167z"></path>
</symbol>
<symbol id="icon-r" viewBox="0 0 36 32">
<path d="M32.8 0h-29.291c-1.937 0.002-3.507 1.572-3.509 3.509v24.982c0.002 1.937 1.572 3.507 3.509 3.509h29.291c1.937-0.002 3.507-1.572 3.509-3.509v-24.982c-0.002-1.937-1.572-3.507-3.509-3.509zM32.8 31.085h-29.291c-1.432-0.002-2.592-1.162-2.594-2.593v-19.108h34.478v19.108c-0.002 1.432-1.162 2.592-2.593 2.593zM35.394 8.468h-34.478v-4.959c0.001-1.432 1.162-2.592 2.594-2.594h29.291c1.432 0.001 2.592 1.162 2.593 2.594v4.959z"></path>
<path d="M10.184 2.96h-0.006c-0.975-0.002-1.767 0.788-1.769 1.763s0.788 1.767 1.763 1.769h0.006c0.975 0.002 1.767-0.788 1.768-1.763s-0.788-1.767-1.763-1.768zM10.777 5.329c-0.159 0.159-0.375 0.248-0.599 0.247h-0.003c-0.47-0.001-0.85-0.382-0.849-0.852s0.382-0.85 0.852-0.849h0.003c0.344 0.001 0.653 0.209 0.784 0.527s0.057 0.684-0.187 0.926l-0 0z"></path>
<path d="M4.308 2.942h-0.006c-0.975-0.002-1.767 0.788-1.769 1.763s0.788 1.767 1.763 1.768h0.005c0.976 0.002 1.767-0.788 1.769-1.763s-0.788-1.767-1.763-1.769zM4.902 5.31c-0.159 0.159-0.375 0.248-0.599 0.247h-0.003c-0.47-0.001-0.85-0.382-0.849-0.852s0.382-0.85 0.852-0.849h0.003c0.344 0.001 0.653 0.209 0.784 0.527s0.057 0.684-0.187 0.926v0z"></path>
<path d="M16.059 2.978h-0.005c-0.975-0.002-1.767 0.788-1.769 1.763s0.788 1.767 1.763 1.769h0.006c0.975 0.002 1.767-0.788 1.768-1.763s-0.788-1.767-1.763-1.768zM16.653 5.347c-0.273 0.271-0.693 0.325-1.026 0.133s-0.495-0.585-0.395-0.957c0.1-0.371 0.437-0.629 0.821-0.629h0.003c0.344 0.001 0.653 0.209 0.784 0.527s0.057 0.684-0.187 0.926z"></path>
<path d="M11.942 26.679c0 0.253 0.205 0.458 0.458 0.458h11.511c0.253 0 0.458-0.205 0.458-0.458v-7.347h1.926c0.198 0 0.374-0.128 0.435-0.316s-0.005-0.395-0.166-0.512l-8.139-5.926c-0.161-0.117-0.378-0.117-0.539 0l-8.139 5.926c-0.16 0.116-0.227 0.323-0.166 0.512s0.237 0.316 0.435 0.316h1.926l-0 7.347zM11.422 18.417l6.733-4.902 6.733 4.902h-0.978c-0.253 0-0.458 0.205-0.458 0.458v7.347h-10.595v-7.347c0-0.253-0.205-0.458-0.458-0.458h-0.977z"></path>
<path d="M18.154 20.274c1.095 0 1.983-0.888 1.983-1.983s-0.888-1.983-1.983-1.983-1.983 0.888-1.983 1.983c0.001 1.095 0.889 1.982 1.983 1.983zM18.154 17.222c0.59 0 1.068 0.478 1.068 1.068s-0.478 1.068-1.068 1.068-1.068-0.478-1.068-1.068c0.001-0.589 0.479-1.067 1.068-1.068z"></path>
</symbol>
<symbol id="icon-quote" viewBox="0 0 20 20">
<path d="M5.315 3.401c-1.61 0-2.916 1.343-2.916 3s1.306 3 2.916 3c2.915 0 0.972 5.799-2.916 5.799v1.4c6.939 0.001 9.658-13.199 2.916-13.199zM13.715 3.401c-1.609 0-2.915 1.343-2.915 3s1.306 3 2.915 3c2.916 0 0.973 5.799-2.915 5.799v1.4c6.938 0.001 9.657-13.199 2.915-13.199z"></path>
</symbol>
</defs>
</svg>
</body>
</html>