Heroes
Make it super awesome with this headline
Realm of the galaxies across the centuries the carbon in our apple
pies vanquish the impossible
<section class="fabrx-hero pb-3">
<!-- Fabrx Header -->
<header class="fabrx-header">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links d-flex ms-auto ms-lg-5 order-0 order-lg-2">
<a href="#0" class="me-1 me-md-3">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M18.3,19.353l-.085-.072-5.548-5.548a7.758,7.758,0,1,1,1.061-1.061l5.548,5.548a.75.75,0,0,1-.976,1.133ZM1.5,7.75A6.25,6.25,0,1,0,7.75,1.5,6.257,6.257,0,0,0,1.5,7.75Z" transform="translate(2.25 2.25)" fill="#212121"></path></svg>
</a>
<a href="#0" class="ms-4 d-none d-lg-inline-block">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M7,8.75a.75.75,0,0,1-.1-1.493L7,7.25H23a.75.75,0,0,1,.1,1.493L23,8.75ZM1.029,1.5C.461,1.5,0,1.165,0,.75,0,.37.387.057.889.007L1.029,0H22.972C23.54,0,24,.336,24,.75c0,.38-.387.694-.889.743l-.139.007Z" transform="translate(0 8)" fill="#212121"></path></svg>
</a>
</div>
<button class="navbar-toggler pe-0" type="button" data-bs-toggle="collapse" data-bs-target="#menu-19" aria-controls="menu-19" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-19">
<ul class="navbar-nav ms-auto pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink11" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"></path></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink11">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!-- Container -->
<div class="container">
<div class="hero-caption text-center pt-4 pt-md-5 px-0 px-lg-5 mt-0 mt-md-5 pb-4">
<h2 class="font-weight-bold px-0 px-lg-4">Make it super awesome with this headline</h2>
<p class="lead text-muted">Realm of the galaxies across the centuries the carbon in our apple <br>pies vanquish the impossible</p>
<a href="#0" class="btn btn-primary btn-xl mt-2">Button</a>
</div>
<div class="text-center mt-2 pt-2 pb-4">
<img src="../assets/images/vectors/vector-16.svg" alt="Vector">
</div>
</div>
</section>Headline is awesome
Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture.
Button
<section class="fabrx-hero pb-3 pb-md-5">
<!-- Fabrx Header, Mb 4 -->
<header class="fabrx-header mb-4">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links d-flex ms-auto order-0 order-lg-2">
<a href="#0" class="mx-3 fabrx-carts">
<svg xmlns="http://www.w3.org/2000/svg" width="17.333" height="19.5" viewBox="0 0 17.333 19.5"><path data-name="Icon Color" d="M10.667,17.056A2.444,2.444,0,1,1,13.111,19.5,2.447,2.447,0,0,1,10.667,17.056Zm1.333,0a1.111,1.111,0,1,0,1.111-1.111A1.113,1.113,0,0,0,12,17.056Zm-8.444,0A2.444,2.444,0,1,1,6,19.5,2.447,2.447,0,0,1,3.556,17.056Zm1.333,0A1.112,1.112,0,1,0,6,15.944,1.113,1.113,0,0,0,4.889,17.056Zm8.4-3.273-.173,0-6.185,0c-.063,0-.128.005-.191.005A3.319,3.319,0,0,1,3.657,11.72l-.063-.166-.029-.112L2.558,5.4,2.542,5.37A.671.671,0,0,1,2.495,5.2l-.006-.091a.7.7,0,0,1,.006-.091L1.879,1.333H.667A.668.668,0,0,1,.006.757L0,.667A.669.669,0,0,1,.576.006L.667,0H2.444A.665.665,0,0,1,3.08.464L3.1.557l.647,3.887H16.667a.665.665,0,0,1,.666.67l-.006.092-.889,6.222-.031.127a3.316,3.316,0,0,1-3.112,2.228Zm-.135-1.337c.039,0,.076,0,.114,0a2,2,0,0,0,1.828-1.192l.037-.094L15.9,5.778H3.972l.9,5.377.041.1a2,2,0,0,0,1.818,1.19l.162,0Z" fill="#212121"></path></svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ms-2 ms-md-4">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M5.007,15.949,5,15.75V15.5H.752a.733.733,0,0,1-.725-.559A.732.732,0,0,1,.382,14.1a3.256,3.256,0,0,0,1.589-2.161L2,11.75V8.715a7.7,7.7,0,0,1,3.922-6.38l.119-.066,0-.014A2.741,2.741,0,0,1,8.583.005L8.752,0a2.744,2.744,0,0,1,2.67,2.09l.036.179.12.066a7.766,7.766,0,0,1,3.905,6.127l.019.288L15.5,11.66A3.258,3.258,0,0,0,17.121,14.1a.75.75,0,0,1-.267,1.4l-.1.006H12.5v.25a3.75,3.75,0,0,1-7.494.2Zm1.495-.2A2.25,2.25,0,0,0,11,15.9L11,15.75V15.5H6.5ZM7.508,2.623,7.5,2.815l0,.037-.02.1-.032.093L7.4,3.128l-.029.045-.059.076-.029.031-.041.038-.079.06-.089.049A6.251,6.251,0,0,0,3.518,8.5L3.5,8.75,3.5,11.84A4.761,4.761,0,0,1,2.732,13.9l-.068.1H14.841l-.006-.01a4.877,4.877,0,0,1-.8-1.992L14,11.75V8.785a6.239,6.239,0,0,0-3.571-5.357.75.75,0,0,1-.422-.571L10,2.75a1.25,1.25,0,0,0-2.493-.128Z" transform="translate(3.249 2.25)" fill="#212121"></path></svg>
</a>
</div>
<button class="navbar-toggler pe-0 ms-2 ms-md-3" type="button" data-bs-toggle="collapse" data-bs-target="#menu-41" aria-controls="menu-41" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-41">
<ul class="navbar-nav m-auto pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink13" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"></path></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink13">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!-- Container -->
<div class="container">
<div class="row align-items-center pb-3 pb-md-5 pt-4 pt-md-5">
<div class="col-lg-6">
<div class="hero-caption mb-5 mb-lg-0 pe-lg-5">
<h2 class="font-weight-bold mb-1">Headline is awesome</h2>
<p class="lead text-muted mb-0 pe-lg-5">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture.</p>
<a href="#0" class="btn btn-primary btn-xl mt-4">Button</a>
</div>
</div>
<div class="col-lg-6">
<div class="text-center">
<img src="../assets/images/vectors/vector-15.svg" alt="Vector">
</div>
</div>
</div>
</div>
</section>
Tag
Super awesome headline
<section class="fabrx-hero pb-3 pb-md-5">
<!-- Fabrx Header, Mb 0, Mb Md 4 -->
<header class="fabrx-header mb-0 mb-md-4">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links ms-auto">
<a href="#0" class="mx-3 fabrx-carts">
<svg xmlns="http://www.w3.org/2000/svg" width="17.333" height="19.5" viewBox="0 0 17.333 19.5"><path data-name="Icon Color" d="M10.667,17.056A2.444,2.444,0,1,1,13.111,19.5,2.447,2.447,0,0,1,10.667,17.056Zm1.333,0a1.111,1.111,0,1,0,1.111-1.111A1.113,1.113,0,0,0,12,17.056Zm-8.444,0A2.444,2.444,0,1,1,6,19.5,2.447,2.447,0,0,1,3.556,17.056Zm1.333,0A1.112,1.112,0,1,0,6,15.944,1.113,1.113,0,0,0,4.889,17.056Zm8.4-3.273-.173,0-6.185,0c-.063,0-.128.005-.191.005A3.319,3.319,0,0,1,3.657,11.72l-.063-.166-.029-.112L2.558,5.4,2.542,5.37A.671.671,0,0,1,2.495,5.2l-.006-.091a.7.7,0,0,1,.006-.091L1.879,1.333H.667A.668.668,0,0,1,.006.757L0,.667A.669.669,0,0,1,.576.006L.667,0H2.444A.665.665,0,0,1,3.08.464L3.1.557l.647,3.887H16.667a.665.665,0,0,1,.666.67l-.006.092-.889,6.222-.031.127a3.316,3.316,0,0,1-3.112,2.228Zm-.135-1.337c.039,0,.076,0,.114,0a2,2,0,0,0,1.828-1.192l.037-.094L15.9,5.778H3.972l.9,5.377.041.1a2,2,0,0,0,1.818,1.19l.162,0Z" fill="#212121"></path></svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ms-2 ms-md-4">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M5.007,15.949,5,15.75V15.5H.752a.733.733,0,0,1-.725-.559A.732.732,0,0,1,.382,14.1a3.256,3.256,0,0,0,1.589-2.161L2,11.75V8.715a7.7,7.7,0,0,1,3.922-6.38l.119-.066,0-.014A2.741,2.741,0,0,1,8.583.005L8.752,0a2.744,2.744,0,0,1,2.67,2.09l.036.179.12.066a7.766,7.766,0,0,1,3.905,6.127l.019.288L15.5,11.66A3.258,3.258,0,0,0,17.121,14.1a.75.75,0,0,1-.267,1.4l-.1.006H12.5v.25a3.75,3.75,0,0,1-7.494.2Zm1.495-.2A2.25,2.25,0,0,0,11,15.9L11,15.75V15.5H6.5ZM7.508,2.623,7.5,2.815l0,.037-.02.1-.032.093L7.4,3.128l-.029.045-.059.076-.029.031-.041.038-.079.06-.089.049A6.251,6.251,0,0,0,3.518,8.5L3.5,8.75,3.5,11.84A4.761,4.761,0,0,1,2.732,13.9l-.068.1H14.841l-.006-.01a4.877,4.877,0,0,1-.8-1.992L14,11.75V8.785a6.239,6.239,0,0,0-3.571-5.357.75.75,0,0,1-.422-.571L10,2.75a1.25,1.25,0,0,0-2.493-.128Z" transform="translate(3.249 2.25)" fill="#212121"></path></svg>
</a>
</div>
</nav>
</div>
</header>
<!-- Container -->
<div class="container">
<div class="row align-items-center pb-3 pb-md-5 pt-4 pt-md-5">
<div class="col-md-7">
<div class="hero-caption mb-5 mb-lg-0">
<img src="../assets/images/vectors/vector-8.svg" class="mw-auto" alt="Vector">
<div class="badge badge-primary badge-lg mt-1 mb-3">Tag</div>
<h2 class="font-weight-bold h1">Super awesome headline</h2>
</div>
</div>
<div class="col-md-5">
<div class="text-center">
<img src="../assets/images/vectors/vector-5.svg" alt="Vector">
</div>
</div>
</div>
</div>
</section>Super awesome headline
Realm of the galaxies across the centuries the carbon in our apple pies
-
Hell of a feature here
-
Hell of a feature here
-
Hell of a feature here
-
Hell of a feature here
<section class="fabrx-hero fabrx-hero-dark">
<!-- Fabrx Header, Header Absolute, Mb 0, Mb Md 4 -->
<header class="fabrx-header header-absolute mb-0 mb-md-4">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links ms-auto">
<a href="#0"><img src="../assets/images/brand-icons/btn-1.svg" alt="App Store"></a>
</div>
</nav>
</div>
</header>
<!-- Row, G 0 -->
<div class="row g-0">
<div class="col-lg-6 bg-white">
<div class="fabrx-min-height py-4 py-md-5">
<div class="fabrx-caption pe-0 pe-lg-5 pt-5 pt-lg-0">
<h2 class="font-weight-bold mt-5 mt-md-4 mb-2">Super awesome headline</h2>
<p class="lead text-muted pb-md-3">Realm of the galaxies across the centuries the carbon in our apple pies</p>
<ul class="list-unstyled fabrx-cricle h5 pt-2">
<li>
<div class="badge badge-primary circle me-3">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M9.443,12.858,6.559,10.969a.093.093,0,0,0-.1,0L3.573,12.858A1.125,1.125,0,0,1,3.065,13a.866.866,0,0,1-.711-.346.827.827,0,0,1-.163-.772L3,8.328c0-.041,0-.081-.04-.1L.3,5.83a.966.966,0,0,1-.264-.975.9.9,0,0,1,.792-.609l3.433-.265c.041,0,.061-.02.082-.061L5.624.589A.944.944,0,0,1,6.5,0a.9.9,0,0,1,.853.589L8.631,3.92c.02.041.041.061.081.061l3.433.265a.9.9,0,0,1,.528,1.584l-2.661,2.4a.154.154,0,0,0-.041.1l.833,3.555a.954.954,0,0,1-.163.772.892.892,0,0,1-.71.346A.981.981,0,0,1,9.443,12.858Z" transform="translate(1.333 1.333)" fill="#fff"></path></svg>
</div>
Hell of a feature here
</li>
<li>
<div class="badge badge-primary circle me-3">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M9.443,12.858,6.559,10.969a.093.093,0,0,0-.1,0L3.573,12.858A1.125,1.125,0,0,1,3.065,13a.866.866,0,0,1-.711-.346.827.827,0,0,1-.163-.772L3,8.328c0-.041,0-.081-.04-.1L.3,5.83a.966.966,0,0,1-.264-.975.9.9,0,0,1,.792-.609l3.433-.265c.041,0,.061-.02.082-.061L5.624.589A.944.944,0,0,1,6.5,0a.9.9,0,0,1,.853.589L8.631,3.92c.02.041.041.061.081.061l3.433.265a.9.9,0,0,1,.528,1.584l-2.661,2.4a.154.154,0,0,0-.041.1l.833,3.555a.954.954,0,0,1-.163.772.892.892,0,0,1-.71.346A.981.981,0,0,1,9.443,12.858Z" transform="translate(1.333 1.333)" fill="#fff"></path></svg>
</div>
Hell of a feature here
</li>
<li>
<div class="badge badge-primary circle me-3">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M9.443,12.858,6.559,10.969a.093.093,0,0,0-.1,0L3.573,12.858A1.125,1.125,0,0,1,3.065,13a.866.866,0,0,1-.711-.346.827.827,0,0,1-.163-.772L3,8.328c0-.041,0-.081-.04-.1L.3,5.83a.966.966,0,0,1-.264-.975.9.9,0,0,1,.792-.609l3.433-.265c.041,0,.061-.02.082-.061L5.624.589A.944.944,0,0,1,6.5,0a.9.9,0,0,1,.853.589L8.631,3.92c.02.041.041.061.081.061l3.433.265a.9.9,0,0,1,.528,1.584l-2.661,2.4a.154.154,0,0,0-.041.1l.833,3.555a.954.954,0,0,1-.163.772.892.892,0,0,1-.71.346A.981.981,0,0,1,9.443,12.858Z" transform="translate(1.333 1.333)" fill="#fff"></path></svg>
</div>
Hell of a feature here
</li>
<li>
<div class="badge badge-primary circle me-3">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M9.443,12.858,6.559,10.969a.093.093,0,0,0-.1,0L3.573,12.858A1.125,1.125,0,0,1,3.065,13a.866.866,0,0,1-.711-.346.827.827,0,0,1-.163-.772L3,8.328c0-.041,0-.081-.04-.1L.3,5.83a.966.966,0,0,1-.264-.975.9.9,0,0,1,.792-.609l3.433-.265c.041,0,.061-.02.082-.061L5.624.589A.944.944,0,0,1,6.5,0a.9.9,0,0,1,.853.589L8.631,3.92c.02.041.041.061.081.061l3.433.265a.9.9,0,0,1,.528,1.584l-2.661,2.4a.154.154,0,0,0-.041.1l.833,3.555a.954.954,0,0,1-.163.772.892.892,0,0,1-.71.346A.981.981,0,0,1,9.443,12.858Z" transform="translate(1.333 1.333)" fill="#fff"></path></svg>
</div>
Hell of a feature here
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="fabrx-min-height">
<div class="fabrx-caption py-5 mt-0 mt-md-4">
<img src="../assets/images/vectors/vector-7.svg" alt="Vector">
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-hero fabrx-sidebar fabrx-hero-dark">
<div class="row g-0">
<div class="col-auto">
<!-- Fabrx Aside -->
<aside class="fabrx-aside fabrx-aside-lg">
<div class="fabrx-aside-header bg-white">
<a href="#0"><img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx"></a>
</div>
<div class="fabrx-aside-body fabrx-scroll accordion2" data-simplebar>
<div class="fabrx-menu-category pt-5">
<ul class="list-unstyled menu-category">
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0" data-bs-toggle="collapse" data-bs-target="#collapseFour1" aria-expanded="false" aria-controls="collapseFour1">
<span class="dropdown-text">Link</span>
<svg class="ms-2" data-name="Icon/Arrows/Chevron/Down" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(2.222 8.222) rotate(-90)" fill="#212121"></path></svg>
</a>
<div id="collapseFour1" class="collapse" data-bs-parent=".accordion2">
<ul class="list-unstyled menu-category">
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
</ul>
</div>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
<div class="badge badge-primary circle ssm ms-2">3</div>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
</ul>
</div>
</div>
<div class="fabrx-aside-footer">
<div class="fabrx-social">
<a href="#0"><svg data-name="Social 01" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M5.167,13H2.5a.5.5,0,0,1-.5-.433L2,12.5V8.333H.5A.5.5,0,0,1,0,7.9l0-.068V5.167a.5.5,0,0,1,.432-.5l.068,0H2V3.833A3.833,3.833,0,0,1,5.686,0l.147,0h2a.5.5,0,0,1,.5.432l0,.068V3.167a.5.5,0,0,1-.432.5l-.068,0h-2a.166.166,0,0,0-.162.128l0,.038v.833H7.834a.5.5,0,0,1,.5.558l-.011.063L7.652,7.955a.5.5,0,0,1-.41.373l-.076.006h-1.5V12.5a.5.5,0,0,1-.432.5ZM1,5.666V7.333H2.5A.5.5,0,0,1,3,7.765l0,.068V12H4.667V7.834a.5.5,0,0,1,.432-.5l.068,0H6.776l.417-1.667H5.167a.5.5,0,0,1-.5-.432l0-.068V3.833A1.172,1.172,0,0,1,5.738,2.671l.1,0h1.5V1h-1.5A2.829,2.829,0,0,0,3,3.7l0,.137V5.167a.5.5,0,0,1-.432.5l-.068,0Z" transform="translate(4.167 1.5)" fill="#212121"/></svg></a>
<a href="#0"><svg data-name="Social 02" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M3.167,11.666A3.17,3.17,0,0,1,0,8.5V3.167A3.171,3.171,0,0,1,3.167,0H8.5a3.17,3.17,0,0,1,3.166,3.167V8.5A3.17,3.17,0,0,1,8.5,11.666ZM1,3.167V8.5a2.169,2.169,0,0,0,2.167,2.167H8.5A2.169,2.169,0,0,0,10.667,8.5V3.167A2.169,2.169,0,0,0,8.5,1H3.167A2.169,2.169,0,0,0,1,3.167ZM3.334,5.834a2.5,2.5,0,1,1,2.5,2.5A2.5,2.5,0,0,1,3.334,5.834Zm1,0a1.5,1.5,0,1,0,1.5-1.5A1.5,1.5,0,0,0,4.334,5.834Zm4-2.932,0-.068a.5.5,0,0,1,1-.068l0,.068a.5.5,0,0,1-1,.068Z" transform="translate(2.167 2.167)" fill="#212121"/></svg></a>
<a href="#0"><svg data-name="Social 03" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M5.195,11.688A10.425,10.425,0,0,1,.262,10.341.5.5,0,0,1,.5,9.4H.521c.067,0,.135,0,.2,0a5.409,5.409,0,0,0,2.634-.728l.115-.065-.177-.1A5.052,5.052,0,0,1,.663,4.729L.644,4.552a6.5,6.5,0,0,1,.661-3.38l.032-.065L1.4.99A.5.5,0,0,1,2.241.944,5.746,5.746,0,0,0,6.548,3.388l.121.006V3.1A3.107,3.107,0,0,1,8.6.331L8.739.275A4.043,4.043,0,0,1,10.153,0,2.666,2.666,0,0,1,11.9.6l.082.071.381-.1L12.68.478,12.93.4l.292-.1c.142-.054.27-.11.393-.17L13.689.1,13.76.08l.074-.005a.483.483,0,0,1,.407.206.521.521,0,0,1,.065.469l0,.009-.015.057a6.65,6.65,0,0,1-.346.869l-.083.176-.189.383-.3.59-.236.472s0,0,0-.01l0-.044,0,.327a9.746,9.746,0,0,1-.346,2.306A7.822,7.822,0,0,1,7.33,11.393,7.659,7.659,0,0,1,5.195,11.688Zm-3.233-9.5L1.9,2.351a5.3,5.3,0,0,0-.278,1.89l.014.22C1.788,6.083,2.789,7.276,4.7,8.11a.5.5,0,0,1,.077.874,9.078,9.078,0,0,1-2.267,1.144l-.168.05.294.1a8.51,8.51,0,0,0,2.557.413,6.738,6.738,0,0,0,1.652-.2l.205-.056A6.84,6.84,0,0,0,11.81,5.619a8.732,8.732,0,0,0,.313-2.365V3.213a.732.732,0,0,1,.088-.306l.067-.139.553-1.084.118-.243-.193.056-.78.218a.5.5,0,0,1-.516-.148A1.68,1.68,0,0,0,10.146,1a3.038,3.038,0,0,0-1.056.212A2.128,2.128,0,0,0,7.668,3.235V3.9a.5.5,0,0,1-.487.5L7,4.4A6.731,6.731,0,0,1,1.986,2.213Z" transform="translate(0.832 2.098)" fill="#212121"/></svg></a>
<a href="#0"><svg data-name="Social 04" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M0,6.5a6.5,6.5,0,1,1,9.809,5.593.5.5,0,0,1-.122.071A6.5,6.5,0,0,1,0,6.5ZM6.5,12a5.466,5.466,0,0,0,2.47-.586,15.409,15.409,0,0,0-.776-3.535,9.609,9.609,0,0,0-3.938,2.508l-.313.308-.424.426A5.466,5.466,0,0,0,6.5,12Zm3.406-1.184A5.5,5.5,0,0,0,11.927,7.4a15.145,15.145,0,0,0-2.758.238A16.157,16.157,0,0,1,9.906,10.816ZM1,6.5a5.486,5.486,0,0,0,1.727,4l.661-.663A10.852,10.852,0,0,1,7.831,6.945a16.8,16.8,0,0,0-.852-1.707,16.9,16.9,0,0,1-5.968.926C1,6.275,1,6.387,1,6.5Zm7.809.19A15.955,15.955,0,0,1,12,6.4a5.475,5.475,0,0,0-1.254-3.392A14.693,14.693,0,0,1,7.9,4.841,17.586,17.586,0,0,1,8.809,6.69ZM1.165,5.162a15.969,15.969,0,0,0,5.286-.8,30.134,30.134,0,0,0-2.141-2.91A5.523,5.523,0,0,0,1.165,5.162ZM7.388,3.976a13.441,13.441,0,0,0,2.65-1.684A5.5,5.5,0,0,0,5.331,1.125,29.7,29.7,0,0,1,7.388,3.976Z" transform="translate(1.5 1.5)" fill="#212121"/></svg></a>
</div>
</div>
</aside>
</div>
<div class="col-sm">
<div class="text-end d-block d-xl-none mx-3 mx-xl-0 mt-3 mt-xl-0">
<a href="#0" class="aside-toggle">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M7,8.75a.75.75,0,0,1-.1-1.493L7,7.25H23a.75.75,0,0,1,.1,1.493L23,8.75ZM1.029,1.5C.461,1.5,0,1.165,0,.75,0,.37.387.057.889.007L1.029,0H22.972C23.54,0,24,.336,24,.75c0,.38-.387.694-.889.743l-.139.007Z" transform="translate(0 8)" fill="#212121"></path></svg>
</a>
</div>
<div class="text-center p-3 pl-lg-5 d-flex justify-content-center flex-column vh-100">
<span><img src="../assets/images/vectors/vector-2.svg" alt="Vector"></span>
</div>
</div>
</div>
</section>Super awesome headline
Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture.
<section class="fabrx-hero fabrx-hero-dark">
<!-- Fabrx Header, Bg White, Mt 3, Mt Md 5 -->
<header class="fabrx-header bg-white mt-3 mt-md-5">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<button class="navbar-toggler pe-0" type="button" data-bs-toggle="collapse" data-bs-target="#menu-29" aria-controls="menu-29" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-29">
<ul class="navbar-nav ms-auto pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink14" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"></path></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink14">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
<div class="fabrx-header-links ms-0 ms-lg-5">
<a href="#0" class="btn btn-primary">Button</a>
<a href="#0" class="btn btn-link ms-2 ms-md-4">
<span class="btn-text">Sign in</span>
</a>
</div>
</div>
</nav>
</div>
</header>
<!-- Row, G 0 -->
<div class="row g-0">
<div class="col-lg-6 bg-white">
<div class="fabrx-min-height pb-5 pt-4 pt-lg-5">
<div class="fabrx-caption pe-0 pe-lg-5">
<h2 class="font-weight-bold mb-3">Super awesome headline</h2>
<p class="lead text-muted mb-0">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture.</p>
<form class="pe-0 pe-md-5 mt-4 pt-2">
<div class="form-group mb-md-3">
<label for="Input6" class="control-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path data-name="Icon Color" d="M2.292,12.917A2.294,2.294,0,0,1,0,10.625V2.292A2.3,2.3,0,0,1,2.292,0H13.958A2.3,2.3,0,0,1,16.25,2.292v8.333a2.294,2.294,0,0,1-2.292,2.291ZM1.25,10.625a1.043,1.043,0,0,0,1.042,1.042H13.958A1.043,1.043,0,0,0,15,10.625V3.46L8.472,7.812a.627.627,0,0,1-.612.046l-.082-.046L1.25,3.46ZM8.125,6.539l6.83-4.552a1.044,1.044,0,0,0-1-.737H2.292a1.043,1.043,0,0,0-1,.737Z" transform="translate(1.875 3.542)" fill="#212121"/></svg>
</label>
<input type="text" name="Input6" placeholder="Email" class="form-control" id="Input6">
</div>
<div class="d-grid">
<button type="submit" class="btn btn-lg btn-primary">Signup</button>
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="fabrx-min-height justify-content-end">
<div class="fabrx-caption mt-4 mt-lg-5">
<div class="mt-auto pt-4 pt-lg-5">
<img src="../assets/images/vectors/vector-17.svg" alt="Vector">
</div>
</div>
</div>
</div>
</div>
</section>Short headline
Awesome headline
Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about home.
Learn More
<section class="fabrx-hero fabrx-hero-dark">
<!-- Fabrx Header, Bg White, Mt 3, Mt Md 5 -->
<header class="fabrx-header bg-white mt-3 mt-md-5">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<button class="navbar-toggler pe-0" type="button" data-bs-toggle="collapse" data-bs-target="#menu-28" aria-controls="menu-28" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-28">
<ul class="navbar-nav ms-auto pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink15" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"></path></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink15">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
<div class="fabrx-header-links ms-0 ms-lg-5">
<a href="#0" class="btn btn-primary">Button</a>
<a href="#0" class="btn btn-link ms-2 ms-md-4">
<span class="btn-text">Sign in</span>
</a>
</div>
</div>
</nav>
</div>
</header>
<!-- Row, G 0, Align Items Center -->
<div class="row g-0 align-items-center">
<div class="col-lg-6 bg-white">
<div class="fabrx-min-height pb-5 pt-4 pt-lg-5 pe-xl-5">
<div class="fabrx-caption pe-0 pe-lg-5">
<h5>Short headline</h5>
<h2 class="font-weight-bold mb-3">Awesome headline</h2>
<p class="lead text-muted pe-lg-5">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about home.</p>
<a href="#0" class="btn btn-lg btn-link">
<span class="btn-text">Learn More</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"/></svg>
</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="text-end py-5 mt-0 mt-lg-5 pl-5 overflow-hidden">
<img src="../assets/images/vectors/vector-1.svg" style="margin-right: -75px;" alt="Vector">
</div>
</div>
</div>
</section>
<section class="fabrx-hero fabrx-sidebar fabrx-hero-dark bg-white">
<div class="row g-0">
<div class="col-auto">
<!-- Fabrx Aside, Fabrx Aside Lg, Has Aside -->
<aside class="fabrx-aside fabrx-aside-lg has-aside">
<div class="fabrx-aside-header bg-white">
<a href="#0"><img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx"></a>
</div>
<div class="fabrx-aside-body fabrx-scroll accordion2" data-simplebar>
<div class="fabrx-menu-category pt-3 pt-xl-5">
<ul class="list-unstyled menu-category">
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0" data-bs-toggle="collapse" data-bs-target="#collapseFour2" aria-expanded="false" aria-controls="collapseFour2">
<span class="dropdown-text">Link</span>
<svg class="ms-2" data-name="Icon/Arrows/Chevron/Down" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(2.222 8.222) rotate(-90)" fill="#212121"></path></svg>
</a>
<div id="collapseFour2" class="collapse" data-bs-parent=".accordion2">
<ul class="list-unstyled menu-category">
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
</ul>
</div>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
<div class="badge badge-primary circle ssm ms-2">10</div>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
</ul>
</div>
</div>
<div class="fabrx-aside-footer">
<div class="fabrx-social">
<a href="#0"><svg data-name="Social 01" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M5.167,13H2.5a.5.5,0,0,1-.5-.433L2,12.5V8.333H.5A.5.5,0,0,1,0,7.9l0-.068V5.167a.5.5,0,0,1,.432-.5l.068,0H2V3.833A3.833,3.833,0,0,1,5.686,0l.147,0h2a.5.5,0,0,1,.5.432l0,.068V3.167a.5.5,0,0,1-.432.5l-.068,0h-2a.166.166,0,0,0-.162.128l0,.038v.833H7.834a.5.5,0,0,1,.5.558l-.011.063L7.652,7.955a.5.5,0,0,1-.41.373l-.076.006h-1.5V12.5a.5.5,0,0,1-.432.5ZM1,5.666V7.333H2.5A.5.5,0,0,1,3,7.765l0,.068V12H4.667V7.834a.5.5,0,0,1,.432-.5l.068,0H6.776l.417-1.667H5.167a.5.5,0,0,1-.5-.432l0-.068V3.833A1.172,1.172,0,0,1,5.738,2.671l.1,0h1.5V1h-1.5A2.829,2.829,0,0,0,3,3.7l0,.137V5.167a.5.5,0,0,1-.432.5l-.068,0Z" transform="translate(4.167 1.5)" fill="#212121"></path></svg></a>
<a href="#0"><svg data-name="Social 02" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M3.167,11.666A3.17,3.17,0,0,1,0,8.5V3.167A3.171,3.171,0,0,1,3.167,0H8.5a3.17,3.17,0,0,1,3.166,3.167V8.5A3.17,3.17,0,0,1,8.5,11.666ZM1,3.167V8.5a2.169,2.169,0,0,0,2.167,2.167H8.5A2.169,2.169,0,0,0,10.667,8.5V3.167A2.169,2.169,0,0,0,8.5,1H3.167A2.169,2.169,0,0,0,1,3.167ZM3.334,5.834a2.5,2.5,0,1,1,2.5,2.5A2.5,2.5,0,0,1,3.334,5.834Zm1,0a1.5,1.5,0,1,0,1.5-1.5A1.5,1.5,0,0,0,4.334,5.834Zm4-2.932,0-.068a.5.5,0,0,1,1-.068l0,.068a.5.5,0,0,1-1,.068Z" transform="translate(2.167 2.167)" fill="#212121"></path></svg></a>
<a href="#0"><svg data-name="Social 03" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M5.195,11.688A10.425,10.425,0,0,1,.262,10.341.5.5,0,0,1,.5,9.4H.521c.067,0,.135,0,.2,0a5.409,5.409,0,0,0,2.634-.728l.115-.065-.177-.1A5.052,5.052,0,0,1,.663,4.729L.644,4.552a6.5,6.5,0,0,1,.661-3.38l.032-.065L1.4.99A.5.5,0,0,1,2.241.944,5.746,5.746,0,0,0,6.548,3.388l.121.006V3.1A3.107,3.107,0,0,1,8.6.331L8.739.275A4.043,4.043,0,0,1,10.153,0,2.666,2.666,0,0,1,11.9.6l.082.071.381-.1L12.68.478,12.93.4l.292-.1c.142-.054.27-.11.393-.17L13.689.1,13.76.08l.074-.005a.483.483,0,0,1,.407.206.521.521,0,0,1,.065.469l0,.009-.015.057a6.65,6.65,0,0,1-.346.869l-.083.176-.189.383-.3.59-.236.472s0,0,0-.01l0-.044,0,.327a9.746,9.746,0,0,1-.346,2.306A7.822,7.822,0,0,1,7.33,11.393,7.659,7.659,0,0,1,5.195,11.688Zm-3.233-9.5L1.9,2.351a5.3,5.3,0,0,0-.278,1.89l.014.22C1.788,6.083,2.789,7.276,4.7,8.11a.5.5,0,0,1,.077.874,9.078,9.078,0,0,1-2.267,1.144l-.168.05.294.1a8.51,8.51,0,0,0,2.557.413,6.738,6.738,0,0,0,1.652-.2l.205-.056A6.84,6.84,0,0,0,11.81,5.619a8.732,8.732,0,0,0,.313-2.365V3.213a.732.732,0,0,1,.088-.306l.067-.139.553-1.084.118-.243-.193.056-.78.218a.5.5,0,0,1-.516-.148A1.68,1.68,0,0,0,10.146,1a3.038,3.038,0,0,0-1.056.212A2.128,2.128,0,0,0,7.668,3.235V3.9a.5.5,0,0,1-.487.5L7,4.4A6.731,6.731,0,0,1,1.986,2.213Z" transform="translate(0.832 2.098)" fill="#212121"></path></svg></a>
<a href="#0"><svg data-name="Social 04" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M0,6.5a6.5,6.5,0,1,1,9.809,5.593.5.5,0,0,1-.122.071A6.5,6.5,0,0,1,0,6.5ZM6.5,12a5.466,5.466,0,0,0,2.47-.586,15.409,15.409,0,0,0-.776-3.535,9.609,9.609,0,0,0-3.938,2.508l-.313.308-.424.426A5.466,5.466,0,0,0,6.5,12Zm3.406-1.184A5.5,5.5,0,0,0,11.927,7.4a15.145,15.145,0,0,0-2.758.238A16.157,16.157,0,0,1,9.906,10.816ZM1,6.5a5.486,5.486,0,0,0,1.727,4l.661-.663A10.852,10.852,0,0,1,7.831,6.945a16.8,16.8,0,0,0-.852-1.707,16.9,16.9,0,0,1-5.968.926C1,6.275,1,6.387,1,6.5Zm7.809.19A15.955,15.955,0,0,1,12,6.4a5.475,5.475,0,0,0-1.254-3.392A14.693,14.693,0,0,1,7.9,4.841,17.586,17.586,0,0,1,8.809,6.69ZM1.165,5.162a15.969,15.969,0,0,0,5.286-.8,30.134,30.134,0,0,0-2.141-2.91A5.523,5.523,0,0,0,1.165,5.162ZM7.388,3.976a13.441,13.441,0,0,0,2.65-1.684A5.5,5.5,0,0,0,5.331,1.125,29.7,29.7,0,0,1,7.388,3.976Z" transform="translate(1.5 1.5)" fill="#212121"></path></svg></a>
</div>
</div>
</aside>
</div>
<div class="col-md p-4">
<div class="row g-0">
<div class="col d-block d-xl-none"><a href="#0"><img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx"></a></div>
<div class="col-auto">
<div class="text-end d-block d-xl-none mb-3 mb-xl-0">
<a href="#0" class="aside-toggle">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M7,8.75a.75.75,0,0,1-.1-1.493L7,7.25H23a.75.75,0,0,1,.1,1.493L23,8.75ZM1.029,1.5C.461,1.5,0,1.165,0,.75,0,.37.387.057.889.007L1.029,0H22.972C23.54,0,24,.336,24,.75c0,.38-.387.694-.889.743l-.139.007Z" transform="translate(0 8)" fill="#212121"></path></svg>
</a>
</div>
</div>
</div>
<div class="ps-0 pl-xl-5">
<div class="fabrx-masonry">
<div class="masonry-item onethird">
<div class="card">
<img src="../assets/images/galleries/gallery-1.png" alt="Gallery" class="rounded-12">
</div>
</div>
<div class="masonry-item oneforth">
<div class="card">
<img src="../assets/images/galleries/gallery-2.png" alt="Gallery" class="rounded-12">
</div>
</div>
<div class="masonry-item oneforth">
<div class="card">
<img src="../assets/images/galleries/gallery-4.png" alt="Gallery" class="rounded-12">
</div>
</div>
<div class="masonry-item onethird">
<div class="card">
<img src="../assets/images/galleries/gallery-3.png" alt="Gallery" class="rounded-12">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-hero fabrx-hero-dark">
<!-- Fabrx Header, Fabrx Header Four, Bg White -->
<header class="fabrx-header fabrx-header-four bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links ms-auto">
<a href="#0" class="mx-3 fabrx-carts">
<svg xmlns="http://www.w3.org/2000/svg" width="17.333" height="19.5" viewBox="0 0 17.333 19.5"><path data-name="Icon Color" d="M10.667,17.056A2.444,2.444,0,1,1,13.111,19.5,2.447,2.447,0,0,1,10.667,17.056Zm1.333,0a1.111,1.111,0,1,0,1.111-1.111A1.113,1.113,0,0,0,12,17.056Zm-8.444,0A2.444,2.444,0,1,1,6,19.5,2.447,2.447,0,0,1,3.556,17.056Zm1.333,0A1.112,1.112,0,1,0,6,15.944,1.113,1.113,0,0,0,4.889,17.056Zm8.4-3.273-.173,0-6.185,0c-.063,0-.128.005-.191.005A3.319,3.319,0,0,1,3.657,11.72l-.063-.166-.029-.112L2.558,5.4,2.542,5.37A.671.671,0,0,1,2.495,5.2l-.006-.091a.7.7,0,0,1,.006-.091L1.879,1.333H.667A.668.668,0,0,1,.006.757L0,.667A.669.669,0,0,1,.576.006L.667,0H2.444A.665.665,0,0,1,3.08.464L3.1.557l.647,3.887H16.667a.665.665,0,0,1,.666.67l-.006.092-.889,6.222-.031.127a3.316,3.316,0,0,1-3.112,2.228Zm-.135-1.337c.039,0,.076,0,.114,0a2,2,0,0,0,1.828-1.192l.037-.094L15.9,5.778H3.972l.9,5.377.041.1a2,2,0,0,0,1.818,1.19l.162,0Z" fill="#212121"></path></svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ms-2 ms-md-4">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M5.007,15.949,5,15.75V15.5H.752a.733.733,0,0,1-.725-.559A.732.732,0,0,1,.382,14.1a3.256,3.256,0,0,0,1.589-2.161L2,11.75V8.715a7.7,7.7,0,0,1,3.922-6.38l.119-.066,0-.014A2.741,2.741,0,0,1,8.583.005L8.752,0a2.744,2.744,0,0,1,2.67,2.09l.036.179.12.066a7.766,7.766,0,0,1,3.905,6.127l.019.288L15.5,11.66A3.258,3.258,0,0,0,17.121,14.1a.75.75,0,0,1-.267,1.4l-.1.006H12.5v.25a3.75,3.75,0,0,1-7.494.2Zm1.495-.2A2.25,2.25,0,0,0,11,15.9L11,15.75V15.5H6.5ZM7.508,2.623,7.5,2.815l0,.037-.02.1-.032.093L7.4,3.128l-.029.045-.059.076-.029.031-.041.038-.079.06-.089.049A6.251,6.251,0,0,0,3.518,8.5L3.5,8.75,3.5,11.84A4.761,4.761,0,0,1,2.732,13.9l-.068.1H14.841l-.006-.01a4.877,4.877,0,0,1-.8-1.992L14,11.75V8.785a6.239,6.239,0,0,0-3.571-5.357.75.75,0,0,1-.422-.571L10,2.75a1.25,1.25,0,0,0-2.493-.128Z" transform="translate(3.249 2.25)" fill="#212121"></path></svg>
</a>
</div>
</nav>
</div>
</header>
<!-- Row, G 0, Align Items Center -->
<div class="row g-0 align-items-center">
<div class="col-lg-6 bg-white">
<div class="fabrx-min-height pb-5 pt-4 pt-lg-5">
<div class="fabrx-caption pe-0 pe-lg-5">
<h2 class="font-weight-bold mb-1">Awesome headline</h2>
<p class="lead text-muted">Realm of the galaxies across the centuries the carbon in our apple pies</p>
<div class="my-4 plan-price">
<span class="h3"><sup>$</sup>45.99</span>
</div>
<hr>
<div class="pt-2">
<a href="#0" class="btn btn-lg btn-primary">Button</a>
<a href="#0" class="btn btn-lg btn-outline-primary ms-2 ms-sm-3">Button</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="text-center text-lg-start py-5 mt-0 mt-lg-5 pe-3 pe-lg-5 pl-3 pl-md-0">
<img src="../assets/images/vectors/vector-18.svg" style="margin-left: -45px;" class="marign-manage" alt="Vector">
</div>
</div>
</div>
</section>
<section class="fabrx-hero fabrx-hero-dark">
<!-- Fabrx Header, Fabrx Header Four, Bg White, Mt 3, Mt Md 5 -->
<header class="fabrx-header fabrx-header-four bg-white mt-3 mt-md-5">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links ms-auto">
<a href="#0" class="mx-3 fabrx-carts">
<svg xmlns="http://www.w3.org/2000/svg" width="17.333" height="19.5" viewBox="0 0 17.333 19.5"><path data-name="Icon Color" d="M10.667,17.056A2.444,2.444,0,1,1,13.111,19.5,2.447,2.447,0,0,1,10.667,17.056Zm1.333,0a1.111,1.111,0,1,0,1.111-1.111A1.113,1.113,0,0,0,12,17.056Zm-8.444,0A2.444,2.444,0,1,1,6,19.5,2.447,2.447,0,0,1,3.556,17.056Zm1.333,0A1.112,1.112,0,1,0,6,15.944,1.113,1.113,0,0,0,4.889,17.056Zm8.4-3.273-.173,0-6.185,0c-.063,0-.128.005-.191.005A3.319,3.319,0,0,1,3.657,11.72l-.063-.166-.029-.112L2.558,5.4,2.542,5.37A.671.671,0,0,1,2.495,5.2l-.006-.091a.7.7,0,0,1,.006-.091L1.879,1.333H.667A.668.668,0,0,1,.006.757L0,.667A.669.669,0,0,1,.576.006L.667,0H2.444A.665.665,0,0,1,3.08.464L3.1.557l.647,3.887H16.667a.665.665,0,0,1,.666.67l-.006.092-.889,6.222-.031.127a3.316,3.316,0,0,1-3.112,2.228Zm-.135-1.337c.039,0,.076,0,.114,0a2,2,0,0,0,1.828-1.192l.037-.094L15.9,5.778H3.972l.9,5.377.041.1a2,2,0,0,0,1.818,1.19l.162,0Z" fill="#212121"></path></svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ms-2 ms-md-4">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M5.007,15.949,5,15.75V15.5H.752a.733.733,0,0,1-.725-.559A.732.732,0,0,1,.382,14.1a3.256,3.256,0,0,0,1.589-2.161L2,11.75V8.715a7.7,7.7,0,0,1,3.922-6.38l.119-.066,0-.014A2.741,2.741,0,0,1,8.583.005L8.752,0a2.744,2.744,0,0,1,2.67,2.09l.036.179.12.066a7.766,7.766,0,0,1,3.905,6.127l.019.288L15.5,11.66A3.258,3.258,0,0,0,17.121,14.1a.75.75,0,0,1-.267,1.4l-.1.006H12.5v.25a3.75,3.75,0,0,1-7.494.2Zm1.495-.2A2.25,2.25,0,0,0,11,15.9L11,15.75V15.5H6.5ZM7.508,2.623,7.5,2.815l0,.037-.02.1-.032.093L7.4,3.128l-.029.045-.059.076-.029.031-.041.038-.079.06-.089.049A6.251,6.251,0,0,0,3.518,8.5L3.5,8.75,3.5,11.84A4.761,4.761,0,0,1,2.732,13.9l-.068.1H14.841l-.006-.01a4.877,4.877,0,0,1-.8-1.992L14,11.75V8.785a6.239,6.239,0,0,0-3.571-5.357.75.75,0,0,1-.422-.571L10,2.75a1.25,1.25,0,0,0-2.493-.128Z" transform="translate(3.249 2.25)" fill="#212121"></path></svg>
</a>
</div>
</nav>
</div>
</header>
<!-- Row, G 0 -->
<div class="row g-0">
<div class="col-lg-6 bg-white">
<div class="pb-5 pt-4 pt-lg-5">
<div class="fabrx-caption mt-xl-5 pt-2 pt-xl-5">
<h2 class="font-weight-bold mb-1">Super awesome headline</h2>
<p class="lead text-muted">Realm of the galaxies across the centuries</p>
<div class="pt-2">
<a href="#0" class="btn btn-xl btn-primary">Button</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="fabrx-caption text-center text-xl-right mt-5 pt-lg-5">
<img src="../assets/images/vectors/vector-11.svg" alt="Vector">
</div>
</div>
</div>
<!-- Container, Py 5 -->
<div class="container py-5">
<div class="text-center py-5">
<img src="../assets/images/vectors/vector-13.svg" alt="Vector">
</div>
</div>
</section><section class="fabrx-hero bg-white pb-5">
<!-- Fabrx Header, Bg White -->
<header class="fabrx-header bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links d-flex ms-auto order-0 order-lg-2">
<a href="#0" class="mx-3 fabrx-carts">
<svg xmlns="http://www.w3.org/2000/svg" width="17.333" height="19.5" viewBox="0 0 17.333 19.5"><path data-name="Icon Color" d="M10.667,17.056A2.444,2.444,0,1,1,13.111,19.5,2.447,2.447,0,0,1,10.667,17.056Zm1.333,0a1.111,1.111,0,1,0,1.111-1.111A1.113,1.113,0,0,0,12,17.056Zm-8.444,0A2.444,2.444,0,1,1,6,19.5,2.447,2.447,0,0,1,3.556,17.056Zm1.333,0A1.112,1.112,0,1,0,6,15.944,1.113,1.113,0,0,0,4.889,17.056Zm8.4-3.273-.173,0-6.185,0c-.063,0-.128.005-.191.005A3.319,3.319,0,0,1,3.657,11.72l-.063-.166-.029-.112L2.558,5.4,2.542,5.37A.671.671,0,0,1,2.495,5.2l-.006-.091a.7.7,0,0,1,.006-.091L1.879,1.333H.667A.668.668,0,0,1,.006.757L0,.667A.669.669,0,0,1,.576.006L.667,0H2.444A.665.665,0,0,1,3.08.464L3.1.557l.647,3.887H16.667a.665.665,0,0,1,.666.67l-.006.092-.889,6.222-.031.127a3.316,3.316,0,0,1-3.112,2.228Zm-.135-1.337c.039,0,.076,0,.114,0a2,2,0,0,0,1.828-1.192l.037-.094L15.9,5.778H3.972l.9,5.377.041.1a2,2,0,0,0,1.818,1.19l.162,0Z" fill="#212121"></path></svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ms-2 ms-md-4">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M5.007,15.949,5,15.75V15.5H.752a.733.733,0,0,1-.725-.559A.732.732,0,0,1,.382,14.1a3.256,3.256,0,0,0,1.589-2.161L2,11.75V8.715a7.7,7.7,0,0,1,3.922-6.38l.119-.066,0-.014A2.741,2.741,0,0,1,8.583.005L8.752,0a2.744,2.744,0,0,1,2.67,2.09l.036.179.12.066a7.766,7.766,0,0,1,3.905,6.127l.019.288L15.5,11.66A3.258,3.258,0,0,0,17.121,14.1a.75.75,0,0,1-.267,1.4l-.1.006H12.5v.25a3.75,3.75,0,0,1-7.494.2Zm1.495-.2A2.25,2.25,0,0,0,11,15.9L11,15.75V15.5H6.5ZM7.508,2.623,7.5,2.815l0,.037-.02.1-.032.093L7.4,3.128l-.029.045-.059.076-.029.031-.041.038-.079.06-.089.049A6.251,6.251,0,0,0,3.518,8.5L3.5,8.75,3.5,11.84A4.761,4.761,0,0,1,2.732,13.9l-.068.1H14.841l-.006-.01a4.877,4.877,0,0,1-.8-1.992L14,11.75V8.785a6.239,6.239,0,0,0-3.571-5.357.75.75,0,0,1-.422-.571L10,2.75a1.25,1.25,0,0,0-2.493-.128Z" transform="translate(3.249 2.25)" fill="#212121"></path></svg>
</a>
</div>
<button class="navbar-toggler pe-0 ms-2 ms-md-3" type="button" data-bs-toggle="collapse" data-bs-target="#menu-44" aria-controls="menu-44" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-44">
<ul class="navbar-nav m-auto pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink16" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"></path></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink16">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!-- Container -->
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="hero-caption pb-2 pb-lg-5 pt-4 pt-md-5">
<h2 class="font-weight-bold">Headline in action rules</h2>
<p class="lead text-muted pe-5">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture.</p>
<div class="pt-2">
<a href="#0" class="btn btn-xl btn-primary mb-3">Button</a>
<a href="#0" class="btn btn-xl btn-outline-primary ms-0 ms-sm-3 mb-3">Button</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="text-start text-lg-end pb-2 pb-md-5 pt-4 pt-md-5 mt-0 mt-lg-5">
<img src="../assets/images/vectors/vector-19.svg" alt="Vector" class="rounded-12 w-100">
</div>
</div>
</div>
</div>
</section>Here is a super awesome headline
Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture.
Ship of the imagination star stuff harvesting star light descended from
Ship of the imagination star stuff harvesting star light descended from
Ship of the imagination star stuff harvesting star light descended from
<section class="fabrx-hero hero-style">
<!-- Fabrx Header -->
<header class="fabrx-header">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links d-flex ms-auto ms-lg-5 order-0 order-lg-2">
<a href="#0" class="me-1 me-md-3">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M18.3,19.353l-.085-.072-5.548-5.548a7.758,7.758,0,1,1,1.061-1.061l5.548,5.548a.75.75,0,0,1-.976,1.133ZM1.5,7.75A6.25,6.25,0,1,0,7.75,1.5,6.257,6.257,0,0,0,1.5,7.75Z" transform="translate(2.25 2.25)" fill="#212121"></path></svg>
</a>
<a href="#0" class="ms-4 d-none d-lg-inline-block">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M7,8.75a.75.75,0,0,1-.1-1.493L7,7.25H23a.75.75,0,0,1,.1,1.493L23,8.75ZM1.029,1.5C.461,1.5,0,1.165,0,.75,0,.37.387.057.889.007L1.029,0H22.972C23.54,0,24,.336,24,.75c0,.38-.387.694-.889.743l-.139.007Z" transform="translate(0 8)" fill="#212121"></path></svg>
</a>
</div>
<button class="navbar-toggler pe-0" type="button" data-bs-toggle="collapse" data-bs-target="#menu-88" aria-controls="menu-88" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-88">
<ul class="navbar-nav ms-auto pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink17" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"></path></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink17">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!-- Container -->
<div class="container">
<div class="row align-items-center vh-100">
<div class="col-xl-6 col-md-10">
<div class="hero-caption pt-4 pt-md-5 pb-md-5 mb-md-5 mb-lg-0">
<h2 class="font-weight-bold mb-0">Here is a super awesome headline</h2>
<p class="lead text-muted pe-md-4">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture.</p>
<div class="pt-2 pb-md-4 pb-lg-0">
<a href="#0" class="btn btn-xl btn-primary">Button</a>
</div>
</div>
</div>
<div class="col-xl-6 col-md-2">
<div class="text-end py-4 py-lg-5 mt-lg-5 mb-2 mb-md-5 direction-rtl">
<img src="../assets/images/vectors/vector-8.svg" class="mw-auto" alt="Vector">
</div>
</div>
</div>
</div>
<!-- Bg Light -->
<div class="bg-light">
<div class="container">
<div class="fabrx-stack-box">
<div class="row">
<div class="col-xl-4 col-lg-8 mx-auto mb-4">
<div class="card rounded-12 shadow-20 border border-gray-200">
<div class="card-body d-flex py-md-5">
<div class="float-start ms-4 order-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<div class="float-end order-1">
<p class="lead mb-0">Ship of the imagination star stuff harvesting star light descended from</p>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-8 mx-auto mb-4">
<div class="card rounded-12 shadow-20 border border-gray-200">
<div class="card-body d-flex py-md-5">
<div class="float-start ms-4 order-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<div class="float-end order-1">
<p class="lead mb-0">Ship of the imagination star stuff harvesting star light descended from</p>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-8 mx-auto mb-4">
<div class="card rounded-12 shadow-20 border border-gray-200">
<div class="card-body d-flex py-md-5">
<div class="float-start ms-4 order-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<div class="float-end order-1">
<p class="lead mb-0">Ship of the imagination star stuff harvesting star light descended from</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Make it super awesome with this headline
<section class="fabrx-hero pb-0 pb-md-5">
<!-- Fabrx Header, Fabrx Logo Center -->
<header class="fabrx-header fabrx-logo-center">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<div class="fabrx-header-links d-flex ms-0">
<a href="#0" class="me-2 me-md-3">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M18.3,19.353l-.085-.072-5.548-5.548a7.758,7.758,0,1,1,1.061-1.061l5.548,5.548a.75.75,0,0,1-.976,1.133ZM1.5,7.75A6.25,6.25,0,1,0,7.75,1.5,6.257,6.257,0,0,0,1.5,7.75Z" transform="translate(2.25 2.25)" fill="#212121"></path></svg>
</a>
<a href="#0" class="ms-2 ms-md-4 me-md-3">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M4.75,19.5a2.75,2.75,0,0,1-2.745-2.582L2,16.751V10.5H1.75A1.751,1.751,0,0,1,0,8.751v-2A1.751,1.751,0,0,1,1.75,5h.761A3.25,3.25,0,0,1,5.237,0C7.015-.031,8.6,1.21,9.624,3.224l.125.258L9.76,3.46C10.745,1.387,12.294.068,14.047,0l.2,0a3.251,3.251,0,0,1,2.739,5h.761A1.752,1.752,0,0,1,19.5,6.75v2A1.752,1.752,0,0,1,17.75,10.5H17.5v6.251A2.75,2.75,0,0,1,14.918,19.5l-.167,0Zm10-1.5a1.251,1.251,0,0,0,1.244-1.122L16,16.751V10.5H10.5V18ZM3.5,16.751a1.249,1.249,0,0,0,1.122,1.243L4.75,18H9V10.5H3.5ZM17.75,9A.25.25,0,0,0,18,8.751v-2a.25.25,0,0,0-.25-.249H10.5V9ZM1.5,6.75v2A.249.249,0,0,0,1.75,9H9V6.5H1.75A.249.249,0,0,0,1.5,6.75ZM14.25,5a1.75,1.75,0,1,0-.013-3.5c-1.373-.024-2.729,1.3-3.488,3.5Zm-5.5,0c-.759-2.2-2.117-3.524-3.5-3.5a1.75,1.75,0,0,0-.143,3.495L5.25,5Z" transform="translate(2.25 2.25)" fill="#212121"/></svg>
</a>
</div>
<a class="navbar-brand m-auto" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links ms-2 ms-lg-auto">
<a href="#0" class="me-3 ms-2 ms-md-3 fabrx-carts">
<svg xmlns="http://www.w3.org/2000/svg" width="17.333" height="19.5" viewBox="0 0 17.333 19.5"><path data-name="Icon Color" d="M10.667,17.056A2.444,2.444,0,1,1,13.111,19.5,2.447,2.447,0,0,1,10.667,17.056Zm1.333,0a1.111,1.111,0,1,0,1.111-1.111A1.113,1.113,0,0,0,12,17.056Zm-8.444,0A2.444,2.444,0,1,1,6,19.5,2.447,2.447,0,0,1,3.556,17.056Zm1.333,0A1.112,1.112,0,1,0,6,15.944,1.113,1.113,0,0,0,4.889,17.056Zm8.4-3.273-.173,0-6.185,0c-.063,0-.128.005-.191.005A3.319,3.319,0,0,1,3.657,11.72l-.063-.166-.029-.112L2.558,5.4,2.542,5.37A.671.671,0,0,1,2.495,5.2l-.006-.091a.7.7,0,0,1,.006-.091L1.879,1.333H.667A.668.668,0,0,1,.006.757L0,.667A.669.669,0,0,1,.576.006L.667,0H2.444A.665.665,0,0,1,3.08.464L3.1.557l.647,3.887H16.667a.665.665,0,0,1,.666.67l-.006.092-.889,6.222-.031.127a3.316,3.316,0,0,1-3.112,2.228Zm-.135-1.337c.039,0,.076,0,.114,0a2,2,0,0,0,1.828-1.192l.037-.094L15.9,5.778H3.972l.9,5.377.041.1a2,2,0,0,0,1.818,1.19l.162,0Z" fill="#212121"></path></svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ms-2 ms-md-4">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</a>
</div>
</nav>
</div>
</header>
<!-- Container -->
<div class="container">
<div class="row align-items-center vh-100">
<div class="col-md-12">
<div class="pt-4 pt-md-5 pb-5 mb-3 mb-md-0 text-center">
<h2 class="h1 font-weight-bold">Make it super awesome with this headline</h2>
<div class="mt-4 text-center">
<a href="#0" class="btn btn-xl btn-primary">Button</a>
</div>
</div>
</div>
</div>
</div>
</section>
Features
<section class="fabrx-section bg-white">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="hero-caption pb-3 pb-md-5 pt-2 pt-lg-5">
<p class="font-size-14 text-gray-800 mb-2 mb-lg-3">
<svg data-name="Icon/trending" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.3,11.353.22,11.281A.75.75,0,0,1,.147,10.3L.22,10.22l6-6A.75.75,0,0,1,7.2,4.147l.084.073,3.47,3.469L16.939,1.5H11.75a.751.751,0,0,1-.743-.649L11,.75a.75.75,0,0,1,.648-.743L11.75,0h7A.749.749,0,0,1,19,.042h0l.011,0,.008,0,0,0a.747.747,0,0,1,.4.371h0l.005.011,0,.006,0,.006a.743.743,0,0,1,.057.2v0A.755.755,0,0,1,19.5.74V7.75a.75.75,0,0,1-1.493.1L18,7.75V2.561L11.281,9.28a.75.75,0,0,1-.977.073L10.22,9.28,6.75,5.811,1.281,11.281a.75.75,0,0,1-.977.072Z" transform="translate(2.25 6.25)" fill="#212121"/></svg>
<span class="ms-1">85% would make this again</span>
</p>
<h2 class="h1 font-weight-bold">Awesome Headline</h2>
<div class="mt-4">
<a href="#0" class="btn btn-xl btn-primary">Button</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="text-start text-lg-end pb-2 pb-lg-5 pt-lg-5">
<img src="../assets/images/vectors/vector-19.svg" alt="Vector" class="rounded-12 w-100">
</div>
</div>
</div>
</div>
</section>
Short headline
Headline in context
Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about home.
Learn More
Tag
<section class="fabrx-section bg-white">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-5">
<div class="hero-caption pb-3 pb-md-5 pt-2 pt-lg-5 pe-xl-5">
<h5 class="pb-2">Short headline</h5>
<h2 class="font-weight-bold mb-3">Headline in context</h2>
<p class="lead text-muted pe-xl-5">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about home.</p>
<a href="#0" class="btn btn-lg btn-link">
<span class="btn-text">Learn More</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"></path>
</svg>
</a>
</div>
</div>
<div class="col-xl-6 col-lg-7">
<div class="text-start text-lg-end mb-2 mb-lg-5 mt-lg-5 position-relative">
<img src="../assets/images/vectors/vector-27.png" class="w-100 rounded-24" alt="Vector">
<div class="badge badge-primary badge-absolute badge-lg">Tag</div>
</div>
</div>
</div>
</div>
</section>
Tag
Short headline
Headline in context
Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about home.
Learn More
<section class="fabrx-section bg-white">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="text-start mb-3 mb-lg-5 mt-2 mt-lg-5 position-relative">
<img src="../assets/images/vectors/vector-26.png" alt="Vector" class="rounded-24 w-100">
<div class="badge badge-primary badge-absolute badge-lg left">Tag</div>
</div>
</div>
<div class="col-lg-6">
<div class="hero-caption pb-3 pb-lg-5 pt-4 pt-lg-5 ps-lg-5">
<h5 class="pb-lg-2">Short headline</h5>
<h2 class="font-weight-bold mb-lg-3">Headline in context</h2>
<p class="lead text-muted pe-md-5">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about home.</p>
<a href="#0" class="btn btn-lg btn-link">
<span class="btn-text">Learn More</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-hero fabrx-hero-dark">
<div class="row g-0">
<div class="col-xl-6 col-lg-4 bg-white">
<div class="d-flex align-items-center h-100 justify-content-end">
<div class="fabrx-caption pe-xl-5 pt-5 pb-5">
<ul class="nav nav-tabs nav-tabs-line nav-tags-stack flex-column ps-lg-4 ps-xl-0 pe-lg-3 pe-xl-5">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" href="#featureone">
<span class="fabrx-icon">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.012.174a.593.593,0,0,0-.9.772l.057.066L4.5,5.333.174,9.655a.593.593,0,0,0-.057.772l.057.066a.593.593,0,0,0,.772.057l.066-.057L5.752,5.752a.593.593,0,0,0,.057-.772l-.057-.066Z" transform="translate(5.333 2.667)" fill="#212121"/></svg>
</span>
<div>
<strong class="h6 d-block mb-2">Feature one</strong>
<p>We're made of star stuff. We are a way for the cosmos to know itself.</p>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#featuretwo">
<span class="fabrx-icon">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.012.174a.593.593,0,0,0-.9.772l.057.066L4.5,5.333.174,9.655a.593.593,0,0,0-.057.772l.057.066a.593.593,0,0,0,.772.057l.066-.057L5.752,5.752a.593.593,0,0,0,.057-.772l-.057-.066Z" transform="translate(5.333 2.667)" fill="#212121"/></svg>
</span>
<div>
<strong class="h6 d-block mb-2">Feature two</strong>
<p>We're made of star stuff. We are a way for the cosmos to know itself.</p>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#featurethree">
<span class="fabrx-icon">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.012.174a.593.593,0,0,0-.9.772l.057.066L4.5,5.333.174,9.655a.593.593,0,0,0-.057.772l.057.066a.593.593,0,0,0,.772.057l.066-.057L5.752,5.752a.593.593,0,0,0,.057-.772l-.057-.066Z" transform="translate(5.333 2.667)" fill="#212121"/></svg>
</span>
<div>
<strong class="h6 d-block mb-2">Feature three</strong>
<p>We're made of star stuff. We are a way for the cosmos to know itself.</p>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#featurefour">
<span class="fabrx-icon">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.012.174a.593.593,0,0,0-.9.772l.057.066L4.5,5.333.174,9.655a.593.593,0,0,0-.057.772l.057.066a.593.593,0,0,0,.772.057l.066-.057L5.752,5.752a.593.593,0,0,0,.057-.772l-.057-.066Z" transform="translate(5.333 2.667)" fill="#212121"/></svg>
</span>
<div>
<strong class="h6 d-block mb-2">Feature four</strong>
<p>We're made of star stuff. We are a way for the cosmos to know itself.</p>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#featurefive">
<span class="fabrx-icon">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.012.174a.593.593,0,0,0-.9.772l.057.066L4.5,5.333.174,9.655a.593.593,0,0,0-.057.772l.057.066a.593.593,0,0,0,.772.057l.066-.057L5.752,5.752a.593.593,0,0,0,.057-.772l-.057-.066Z" transform="translate(5.333 2.667)" fill="#212121"/></svg>
</span>
<div>
<strong class="h6 d-block mb-2">Feature five</strong>
<p>We're made of star stuff. We are a way for the cosmos to know itself.</p>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-8">
<div class="tab-content text-center my-5 py-4 py-md-5 px-4" id="myTabContent">
<div class="tab-pane fade show active" id="featureone" role="tabpanel">
<img src="../assets/images/vectors/vector-20.svg" alt="Vector">
</div>
<div class="tab-pane fade" id="featuretwo" role="tabpanel">
<img src="../assets/images/vectors/vector-20.svg" alt="Vector">
</div>
<div class="tab-pane fade" id="featurethree" role="tabpanel">
<img src="../assets/images/vectors/vector-20.svg" alt="Vector">
</div>
<div class="tab-pane fade" id="featurefour" role="tabpanel">
<img src="../assets/images/vectors/vector-20.svg" alt="Vector">
</div>
<div class="tab-pane fade" id="featurefive" role="tabpanel">
<img src="../assets/images/vectors/vector-20.svg" alt="Vector">
</div>
</div>
</div>
</div>
</section>
Your awesome feature headline here
Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's about home.
- Fully responsive
- Fully responsive
- Fully responsive
- Fully responsive
<section class="fabrx-hero fabrx-hero-dark">
<div class="row g-0">
<div class="col-lg-6 bg-white">
<div class="d-flex align-items-center h-100 justify-content-end">
<div class="fabrx-caption pe-lg-5 pt-5 pb-5">
<h3 class="font-weight-bold mb-3">Your awesome feature headline here</h3>
<p class="text-muted">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's about home.</p>
<ul class="fabrx-item-list list-unstyled">
<li>
<svg data-name="Icon/gift" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path data-name="Icon Color" d="M6.334,26a3.666,3.666,0,0,1-3.66-3.443l-.007-.223V14H2.333A2.335,2.335,0,0,1,0,11.667V9A2.335,2.335,0,0,1,2.333,6.667H3.348A4.334,4.334,0,0,1,6.983,0c2.37-.042,4.477,1.612,5.849,4.3L13,4.642l.016-.03C14.327,1.849,16.392.091,18.73,0L19,0a4.334,4.334,0,0,1,3.652,6.666h1.014A2.336,2.336,0,0,1,26,9v2.668A2.336,2.336,0,0,1,23.666,14h-.334v8.334a3.667,3.667,0,0,1-3.443,3.66L19.667,26Zm13.333-2a1.669,1.669,0,0,0,1.658-1.5l.008-.17V14H14V24Zm-15-1.667a1.666,1.666,0,0,0,1.5,1.657l.17.01H12V14H4.667ZM23.666,12A.333.333,0,0,0,24,11.667V9a.333.333,0,0,0-.334-.332H14V12ZM2,9v2.668A.332.332,0,0,0,2.333,12H12V8.667H2.333A.332.332,0,0,0,2,9ZM19,6.667A2.333,2.333,0,1,0,18.983,2c-1.83-.032-3.639,1.735-4.65,4.667Zm-7.332,0C10.656,3.735,8.845,1.968,7,2a2.334,2.334,0,0,0-.191,4.66L7,6.667Z" transform="translate(3 3)" fill="#212121"/></svg>
<span>Fully responsive</span>
</li>
<li>
<svg data-name="Icon/gift" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path data-name="Icon Color" d="M6.334,26a3.666,3.666,0,0,1-3.66-3.443l-.007-.223V14H2.333A2.335,2.335,0,0,1,0,11.667V9A2.335,2.335,0,0,1,2.333,6.667H3.348A4.334,4.334,0,0,1,6.983,0c2.37-.042,4.477,1.612,5.849,4.3L13,4.642l.016-.03C14.327,1.849,16.392.091,18.73,0L19,0a4.334,4.334,0,0,1,3.652,6.666h1.014A2.336,2.336,0,0,1,26,9v2.668A2.336,2.336,0,0,1,23.666,14h-.334v8.334a3.667,3.667,0,0,1-3.443,3.66L19.667,26Zm13.333-2a1.669,1.669,0,0,0,1.658-1.5l.008-.17V14H14V24Zm-15-1.667a1.666,1.666,0,0,0,1.5,1.657l.17.01H12V14H4.667ZM23.666,12A.333.333,0,0,0,24,11.667V9a.333.333,0,0,0-.334-.332H14V12ZM2,9v2.668A.332.332,0,0,0,2.333,12H12V8.667H2.333A.332.332,0,0,0,2,9ZM19,6.667A2.333,2.333,0,1,0,18.983,2c-1.83-.032-3.639,1.735-4.65,4.667Zm-7.332,0C10.656,3.735,8.845,1.968,7,2a2.334,2.334,0,0,0-.191,4.66L7,6.667Z" transform="translate(3 3)" fill="#212121"/></svg>
<span>Fully responsive</span>
</li>
<li>
<svg data-name="Icon/gift" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path data-name="Icon Color" d="M6.334,26a3.666,3.666,0,0,1-3.66-3.443l-.007-.223V14H2.333A2.335,2.335,0,0,1,0,11.667V9A2.335,2.335,0,0,1,2.333,6.667H3.348A4.334,4.334,0,0,1,6.983,0c2.37-.042,4.477,1.612,5.849,4.3L13,4.642l.016-.03C14.327,1.849,16.392.091,18.73,0L19,0a4.334,4.334,0,0,1,3.652,6.666h1.014A2.336,2.336,0,0,1,26,9v2.668A2.336,2.336,0,0,1,23.666,14h-.334v8.334a3.667,3.667,0,0,1-3.443,3.66L19.667,26Zm13.333-2a1.669,1.669,0,0,0,1.658-1.5l.008-.17V14H14V24Zm-15-1.667a1.666,1.666,0,0,0,1.5,1.657l.17.01H12V14H4.667ZM23.666,12A.333.333,0,0,0,24,11.667V9a.333.333,0,0,0-.334-.332H14V12ZM2,9v2.668A.332.332,0,0,0,2.333,12H12V8.667H2.333A.332.332,0,0,0,2,9ZM19,6.667A2.333,2.333,0,1,0,18.983,2c-1.83-.032-3.639,1.735-4.65,4.667Zm-7.332,0C10.656,3.735,8.845,1.968,7,2a2.334,2.334,0,0,0-.191,4.66L7,6.667Z" transform="translate(3 3)" fill="#212121"/></svg>
<span>Fully responsive</span>
</li>
<li>
<svg data-name="Icon/gift" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path data-name="Icon Color" d="M6.334,26a3.666,3.666,0,0,1-3.66-3.443l-.007-.223V14H2.333A2.335,2.335,0,0,1,0,11.667V9A2.335,2.335,0,0,1,2.333,6.667H3.348A4.334,4.334,0,0,1,6.983,0c2.37-.042,4.477,1.612,5.849,4.3L13,4.642l.016-.03C14.327,1.849,16.392.091,18.73,0L19,0a4.334,4.334,0,0,1,3.652,6.666h1.014A2.336,2.336,0,0,1,26,9v2.668A2.336,2.336,0,0,1,23.666,14h-.334v8.334a3.667,3.667,0,0,1-3.443,3.66L19.667,26Zm13.333-2a1.669,1.669,0,0,0,1.658-1.5l.008-.17V14H14V24Zm-15-1.667a1.666,1.666,0,0,0,1.5,1.657l.17.01H12V14H4.667ZM23.666,12A.333.333,0,0,0,24,11.667V9a.333.333,0,0,0-.334-.332H14V12ZM2,9v2.668A.332.332,0,0,0,2.333,12H12V8.667H2.333A.332.332,0,0,0,2,9ZM19,6.667A2.333,2.333,0,1,0,18.983,2c-1.83-.032-3.639,1.735-4.65,4.667Zm-7.332,0C10.656,3.735,8.845,1.968,7,2a2.334,2.334,0,0,0-.191,4.66L7,6.667Z" transform="translate(3 3)" fill="#212121"/></svg>
<span>Fully responsive</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="fabrx-caption pt-4 pt-md-5 text-center text-xl-end">
<div class="mt-auto pt-5">
<img src="../assets/images/vectors/vector-21.svg" alt="Vector">
</div>
</div>
</div>
</div>
</section>
Awesome Feature
Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known.
Button
Awesome Feature
Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known.
Button
Awesome Feature
Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known.
Button
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="nav nav-tabs nav-tabs-line nav-tags-stack nav-justified fabrx-justified">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" href="#FeatureOne1">
<span class="fabrx-icon">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.012.174a.593.593,0,0,0-.9.772l.057.066L4.5,5.333.174,9.655a.593.593,0,0,0-.057.772l.057.066a.593.593,0,0,0,.772.057l.066-.057L5.752,5.752a.593.593,0,0,0,.057-.772l-.057-.066Z" transform="translate(5.333 2.667)" fill="#212121"></path></svg>
</span>
<div>
<strong class="h6 d-block mb-2">Feature one</strong>
<p class="font-weight-regular">We're made of star stuff. We are a way for the cosmos to know itself.</p>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#FeatureTwo1">
<span class="fabrx-icon">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.012.174a.593.593,0,0,0-.9.772l.057.066L4.5,5.333.174,9.655a.593.593,0,0,0-.057.772l.057.066a.593.593,0,0,0,.772.057l.066-.057L5.752,5.752a.593.593,0,0,0,.057-.772l-.057-.066Z" transform="translate(5.333 2.667)" fill="#212121"></path></svg>
</span>
<div>
<strong class="h6 d-block mb-2">Feature two</strong>
<p class="font-weight-regular">We're made of star stuff. We are a way for the cosmos to know itself.</p>
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#FeatureThree1">
<span class="fabrx-icon">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.012.174a.593.593,0,0,0-.9.772l.057.066L4.5,5.333.174,9.655a.593.593,0,0,0-.057.772l.057.066a.593.593,0,0,0,.772.057l.066-.057L5.752,5.752a.593.593,0,0,0,.057-.772l-.057-.066Z" transform="translate(5.333 2.667)" fill="#212121"></path></svg>
</span>
<div>
<strong class="h6 d-block mb-2">Feature three</strong>
<p class="font-weight-regular">We're made of star stuff. We are a way for the cosmos to know itself.</p>
</div>
</a>
</li>
</ul>
</div>
</div>
<div class="row mt-4 mb-0 mb-md-4">
<div class="col-md-12 mt-2">
<div class="tab-content" id="myTabContenta">
<div class="tab-pane fade show active" id="FeatureOne1" role="tabpanel">
<div class="row align-items-center">
<div class="col-lg-7">
<img src="../assets/images/vectors/vector-22.png" class="w-100" alt="Vector">
</div>
<div class="col-lg-5">
<div class="hero-caption mt-4 mt-lg-0">
<h4 class="mb-3">Awesome Feature</h4>
<p class="lead text-muted mb-4">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known.</p>
<a href="#0" class="btn btn-lg btn-primary rounded-6">Button</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="FeatureTwo1" role="tabpanel">
<div class="row align-items-center">
<div class="col-lg-7">
<img src="../assets/images/vectors/vector-22.png" class="w-100" alt="Vector">
</div>
<div class="col-lg-5">
<div class="hero-caption mt-4 mt-lg-0">
<h4 class="mb-3">Awesome Feature</h4>
<p class="lead text-muted mb-4">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known.</p>
<a href="#0" class="btn btn-lg btn-primary rounded-6">Button</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="FeatureThree1" role="tabpanel">
<div class="row align-items-center">
<div class="col-lg-7">
<img src="../assets/images/vectors/vector-22.png" class="w-100" alt="Vector">
</div>
<div class="col-lg-5">
<div class="hero-caption mt-4 mt-lg-0">
<h4 class="mb-3">Awesome Feature</h4>
<p class="lead text-muted mb-4">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known.</p>
<a href="#0" class="btn btn-lg btn-primary rounded-6">Button</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="row py-0 py-md-5">
<div class="col-xl-4 col-lg-5">
<ul class="nav nav-tabs flex-column item-boxes pe-lg-5 pe-xl-0 me-lg-4 me-xl-0">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" href="#FeatureOne2">
<strong class="h6 d-block">Feature one</strong>
<p>Powerful components at your disposal and more…</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#FeatureTwo2">
<strong class="h6 d-block">Feature two</strong>
<p>Powerful components at your disposal and more…</p>
</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#FeatureThree2">
<strong class="h6 d-block">Feature three</strong>
<p>Powerful components at your disposal and more…</p>
</a>
</li>
</ul>
</div>
<div class="col-xl-8 col-lg-7">
<div class="tab-content text-center mt-4 mt-lg-5 mt-xl-0" id="myTabContent2">
<div class="tab-pane fade show active" id="FeatureOne2" role="tabpanel">
<img src="../assets/images/vectors/vector-23.png" alt="Vector" class="rounded-12">
</div>
<div class="tab-pane fade" id="FeatureTwo2" role="tabpanel">
<img src="../assets/images/vectors/vector-23.png" alt="Vector" class="rounded-12">
</div>
<div class="tab-pane fade" id="FeatureThree2" role="tabpanel">
<img src="../assets/images/vectors/vector-23.png" alt="Vector" class="rounded-12">
</div>
</div>
</div>
</div>
</div>
</section>
Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known concept of the number one gathered by gravity? Stirred by starlight the sky calls to us rich in mystery paroxysm of global death with pretty stories for which there's little good evidence the only home
Learn moreRealm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known concept of the number one gathered by gravity? Stirred by starlight the sky calls to us rich in mystery paroxysm of global death with pretty stories for which there's little good evidence the only home
Learn moreRealm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known concept of the number one gathered by gravity? Stirred by starlight the sky calls to us rich in mystery paroxysm of global death with pretty stories for which there's little good evidence the only home
Learn moreRealm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known concept of the number one gathered by gravity? Stirred by starlight the sky calls to us rich in mystery paroxysm of global death with pretty stories for which there's little good evidence the only home
Learn more
<section class="fabrx-section bg-white">
<div class="container">
<div class="row py-0 py-md-5">
<div class="col-xl-7 col-lg-6">
<div class="pe-xl-5 pt-0 pt-lg-3 pb-4 pb-md-5">
<ul class="nav nav-tabs nav-tabs-md nav-tabs-line nav-justified">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" href="#Active">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#Inactive1">Inactive</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#Inactive2">Inactive</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#Inactive3">Inactive</a>
</li>
</ul>
<div class="tab-content" id="myTabContent3">
<div class="tab-pane fade show active" id="Active" role="tabpanel">
<div class="hero-caption pt-4 pe-0 pe-sm-2 pe-xl-5">
<p class="lh-28">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known concept of the number one gathered by gravity? Stirred by starlight the sky calls to us rich in mystery paroxysm of global death with pretty stories for which there's little good evidence the only home</p>
<a href="#0" class="btn btn-link mt-2 mb-3 mb-md-0">
<span class="btn-text">Learn more</span>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path data-name="Icon Color" d="M5.961,5.413a.437.437,0,0,1-.042-.57l.042-.049L7.548,3.208H.437a.438.438,0,0,1-.059-.871l.059,0h7.11L5.961.747a.438.438,0,0,1,.57-.662L6.58.128,8.9,2.453a.44.44,0,0,1,.045.05l0,0,0,0v0l0,0,0,0,0,0,0,0,0,0,0,0,0,.005h0l.014.025h0l0,.008H9l0,.008H9l0,.009H9a.438.438,0,0,1-.048.439l0,0-.006.007,0,.006h0a.44.44,0,0,1-.036.039L6.58,5.413a.437.437,0,0,1-.619,0Z" transform="translate(2.479 4.229)" fill="#0d6efd"/></svg>
</a>
</div>
</div>
<div class="tab-pane fade" id="Inactive1" role="tabpanel">
<div class="hero-caption pt-4 pe-0 pe-sm-2 pe-xl-5">
<p class="lh-28">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known concept of the number one gathered by gravity? Stirred by starlight the sky calls to us rich in mystery paroxysm of global death with pretty stories for which there's little good evidence the only home</p>
<a href="#0" class="btn btn-link mt-2 mb-3 mb-md-0">
<span class="btn-text">Learn more</span>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path data-name="Icon Color" d="M5.961,5.413a.437.437,0,0,1-.042-.57l.042-.049L7.548,3.208H.437a.438.438,0,0,1-.059-.871l.059,0h7.11L5.961.747a.438.438,0,0,1,.57-.662L6.58.128,8.9,2.453a.44.44,0,0,1,.045.05l0,0,0,0v0l0,0,0,0,0,0,0,0,0,0,0,0,0,.005h0l.014.025h0l0,.008H9l0,.008H9l0,.009H9a.438.438,0,0,1-.048.439l0,0-.006.007,0,.006h0a.44.44,0,0,1-.036.039L6.58,5.413a.437.437,0,0,1-.619,0Z" transform="translate(2.479 4.229)" fill="#0d6efd"/></svg>
</a>
</div>
</div>
<div class="tab-pane fade" id="Inactive2" role="tabpanel">
<div class="hero-caption pt-4 pe-0 pe-sm-2 pe-xl-5">
<p class="lh-28">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known concept of the number one gathered by gravity? Stirred by starlight the sky calls to us rich in mystery paroxysm of global death with pretty stories for which there's little good evidence the only home</p>
<a href="#0" class="btn btn-link mt-2 mb-3 mb-md-0">
<span class="btn-text">Learn more</span>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path data-name="Icon Color" d="M5.961,5.413a.437.437,0,0,1-.042-.57l.042-.049L7.548,3.208H.437a.438.438,0,0,1-.059-.871l.059,0h7.11L5.961.747a.438.438,0,0,1,.57-.662L6.58.128,8.9,2.453a.44.44,0,0,1,.045.05l0,0,0,0v0l0,0,0,0,0,0,0,0,0,0,0,0,0,.005h0l.014.025h0l0,.008H9l0,.008H9l0,.009H9a.438.438,0,0,1-.048.439l0,0-.006.007,0,.006h0a.44.44,0,0,1-.036.039L6.58,5.413a.437.437,0,0,1-.619,0Z" transform="translate(2.479 4.229)" fill="#0d6efd"/></svg>
</a>
</div>
</div>
<div class="tab-pane fade" id="Inactive3" role="tabpanel">
<div class="hero-caption pt-4 pe-0 pe-sm-2 pe-xl-5">
<p class="lh-28">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture. Dream of the mind's eye muse about the only home we've ever known the only home we've ever known concept of the number one gathered by gravity? Stirred by starlight the sky calls to us rich in mystery paroxysm of global death with pretty stories for which there's little good evidence the only home</p>
<a href="#0" class="btn btn-link mt-2 mb-3 mb-md-0">
<span class="btn-text">Learn more</span>
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path data-name="Icon Color" d="M5.961,5.413a.437.437,0,0,1-.042-.57l.042-.049L7.548,3.208H.437a.438.438,0,0,1-.059-.871l.059,0h7.11L5.961.747a.438.438,0,0,1,.57-.662L6.58.128,8.9,2.453a.44.44,0,0,1,.045.05l0,0,0,0v0l0,0,0,0,0,0,0,0,0,0,0,0,0,.005h0l.014.025h0l0,.008H9l0,.008H9l0,.009H9a.438.438,0,0,1-.048.439l0,0-.006.007,0,.006h0a.44.44,0,0,1-.036.039L6.58,5.413a.437.437,0,0,1-.619,0Z" transform="translate(2.479 4.229)" fill="#0d6efd"/></svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-6">
<img src="../assets/images/vectors/vector-24.png" alt="Vector" class="rounded-12 w-100">
</div>
</div>
</div>
</section>
Feature Headline
Ship of the imagination star stuff harvesting star light descended from astronomers finite but
Learn moreFeature Headline
Ship of the imagination star stuff harvesting star light descended from astronomers finite but
Learn moreFeature Headline
Ship of the imagination star stuff harvesting star light descended from astronomers finite but
Learn more
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 text-center border border-gray-200 px-xl-2">
<div class="card-body py-md-5 px-md-4">
<div class="mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<h5 class="mb-2 pb-xl-1">Feature Headline</h5>
<p class="text-muted lh-28 pb-1">Ship of the imagination star stuff harvesting star light descended from astronomers finite but</p>
<a href="#0" class="btn btn-primary btn-mwidth-145">Learn more</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 text-center border border-gray-200 px-xl-2">
<div class="card-body py-md-5 px-md-4">
<div class="mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<h5 class="mb-2 pb-xl-1">Feature Headline</h5>
<p class="text-muted lh-28 pb-1">Ship of the imagination star stuff harvesting star light descended from astronomers finite but</p>
<a href="#0" class="btn btn-primary btn-mwidth-145">Learn more</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card rounded-12 shadow-20 text-center border border-gray-200 px-xl-2">
<div class="card-body py-md-5 px-md-4">
<div class="mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<h5 class="mb-2 pb-xl-1">Feature Headline</h5>
<p class="text-muted lh-28 pb-1">Ship of the imagination star stuff harvesting star light descended from astronomers finite but</p>
<a href="#0" class="btn btn-primary btn-mwidth-145">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</section>
Feature Headline
Ship of the imagination star stuff harvesting star light descended from astronomers finite but
Learn moreFeature Headline
Ship of the imagination star stuff harvesting star light descended from astronomers finite but
Learn moreFeature Headline
Ship of the imagination star stuff harvesting star light descended from astronomers finite but
Learn more
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200 px-xl-2">
<div class="card-body py-md-5 px-md-4">
<div class="mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<h5 class="mb-2 pb-xl-1">Feature Headline</h5>
<p class="text-muted lh-28 pb-1">Ship of the imagination star stuff harvesting star light descended from astronomers finite but</p>
<a href="#0" class="btn btn-primary btn-mwidth-145">Learn more</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200 px-xl-2">
<div class="card-body py-md-5 px-md-4">
<div class="mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<h5 class="mb-2 pb-xl-1">Feature Headline</h5>
<p class="text-muted lh-28 pb-1">Ship of the imagination star stuff harvesting star light descended from astronomers finite but</p>
<a href="#0" class="btn btn-primary btn-mwidth-145">Learn more</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200 px-xl-2">
<div class="card-body py-md-5 px-md-4">
<div class="mb-3">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<h5 class="mb-2 pb-xl-1">Feature Headline</h5>
<p class="text-muted lh-28 pb-1">Ship of the imagination star stuff harvesting star light descended from astronomers finite but</p>
<a href="#0" class="btn btn-primary btn-mwidth-145">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</section>
Ship of the imagination star stuff harvesting star light descended from
Ship of the imagination star stuff harvesting star light descended from
Ship of the imagination star stuff harvesting star light descended from
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200 py-xl-3">
<div class="card-body d-flex py-md-4">
<div class="float-start me-3 me-md-4">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<div class="float-end">
<p class="lead mb-0">Ship of the imagination star stuff harvesting star light descended from</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200 py-xl-3">
<div class="card-body d-flex py-md-4">
<div class="float-start me-3 me-md-4">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<div class="float-end">
<p class="lead mb-0">Ship of the imagination star stuff harvesting star light descended from</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200 py-xl-3">
<div class="card-body d-flex py-md-4">
<div class="float-start me-3 me-md-4">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<div class="float-end">
<p class="lead mb-0">Ship of the imagination star stuff harvesting star light descended from</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Ship of the imagination star stuff harvesting star light descended from
Ship of the imagination star stuff harvesting star light descended from
Ship of the imagination star stuff harvesting star light descended from
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200 py-xl-3">
<div class="card-body d-flex py-md-4">
<div class="float-start ms-4 order-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<div class="float-end order-1">
<p class="lead mb-0">Ship of the imagination star stuff harvesting star light descended from</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200 py-xl-3">
<div class="card-body d-flex py-md-4">
<div class="float-start ms-4 order-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<div class="float-end order-1">
<p class="lead mb-0">Ship of the imagination star stuff harvesting star light descended from</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200 py-xl-3">
<div class="card-body d-flex py-md-4">
<div class="float-start ms-4 order-2">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<div class="float-end order-1">
<p class="lead mb-0">Ship of the imagination star stuff harvesting star light descended from</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Feature Headline
Ship of the imagination star stuff harvesting star light descended from
Feature Headline
Ship of the imagination star stuff harvesting star light descended from
Feature Headline
Ship of the imagination star stuff harvesting star light descended from
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200">
<div class="card-body d-flex py-md-5">
<div class="float-start me-3 me-xl-4">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<div class="float-end">
<h6 class="mb-2">Feature Headline</h6>
<p class="lh-28 mb-0">Ship of the imagination star stuff harvesting star light descended from</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200">
<div class="card-body d-flex py-md-5">
<div class="float-start me-3 me-xl-4">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<div class="float-end">
<h6 class="mb-2">Feature Headline</h6>
<p class="lh-28 mb-0">Ship of the imagination star stuff harvesting star light descended from</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200">
<div class="card-body d-flex py-md-5">
<div class="float-start me-3 me-xl-4">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M20.194,36.807l-.005,0a1.506,1.506,0,0,1-.159-.137l0,0-6-6A1.5,1.5,0,0,1,15.979,28.4l.169.144,3.438,3.438V17.6a1.5,1.5,0,0,1,2.986-.2l.014.2V31.979l3.44-3.44a1.5,1.5,0,0,1,1.953-.144l.167.144a1.5,1.5,0,0,1,.146,1.953l-.146.169-6,6-.027.026-.011.011-.016.014-.016.015-.011.009-.02.017-.007.006-.025.02,0,0-.028.021h0a1.491,1.491,0,0,1-.451.23h0a1.5,1.5,0,0,1-1.338-.226ZM33.586,27.6a1.5,1.5,0,0,1,1.5-1.5,5.5,5.5,0,0,0,.337-10.989l-.337-.011h-2a1.5,1.5,0,0,1-1.463-1.829A8.027,8.027,0,0,0,28.579,5.2a10.685,10.685,0,0,0-9.634-1.741,9.044,9.044,0,0,0-6.4,6.467,1.5,1.5,0,0,1-1.523,1.17A7.648,7.648,0,0,0,3.209,16.71a7.2,7.2,0,0,0,4.277,8.316,1.5,1.5,0,0,1-1.2,2.75A10.2,10.2,0,0,1,.3,15.983a10.582,10.582,0,0,1,9.43-7.848l.223-.016.077-.225A12.154,12.154,0,0,1,17.584.751l.493-.16A13.679,13.679,0,0,1,30.443,2.852a11.2,11.2,0,0,1,4.365,8.683l-.014.565h.292a8.5,8.5,0,0,1,8.491,8.089l.011.412a8.5,8.5,0,0,1-8.5,8.5A1.5,1.5,0,0,1,33.586,27.6Z" transform="translate(2 6)" fill="#212121"></path>
</svg>
</div>
<div class="float-end">
<h6 class="mb-2">Feature Headline</h6>
<p class="lh-28 mb-0">Ship of the imagination star stuff harvesting star light descended from</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Feature Headline
Ship of the imagination star stuff harvesting star light descended from astronomers finite but
Learn moreFeature Headline
Ship of the imagination star stuff harvesting star light descended from astronomers finite but
Learn moreFeature Headline
Ship of the imagination star stuff harvesting star light descended from astronomers finite but
Learn more
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200 px-lg-2">
<div class="card-body py-md-5 px-md-4">
<h5 class="mb-2">Feature Headline</h5>
<p class="text-muted lh-28 mb-2">Ship of the imagination star stuff harvesting star light descended from astronomers finite but</p>
<a href="#0" class="btn btn-link">
<span class="btn-text">Learn more</span>
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="9.042" height="5.542" viewBox="0 0 9.042 5.542">
<path data-name="Icon Color" d="M5.961,5.413a.437.437,0,0,1-.042-.57l.042-.049L7.548,3.208H.437a.438.438,0,0,1-.059-.871l.059,0h7.11L5.961.747a.438.438,0,0,1,.57-.662L6.58.128,8.9,2.453a.44.44,0,0,1,.045.05l0,0,0,0v0l0,0,0,0,0,0,0,0,0,0,0,0,0,.005h0l.014.025h0l0,.008H9l0,.008H9l0,.009H9a.438.438,0,0,1-.048.439l0,0-.006.007,0,.006h0a.44.44,0,0,1-.036.039L6.58,5.413a.437.437,0,0,1-.619,0Z" fill="#0d6efd"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200 px-lg-2">
<div class="card-body py-md-5 px-md-4">
<h5 class="mb-2">Feature Headline</h5>
<p class="text-muted lh-28 mb-2">Ship of the imagination star stuff harvesting star light descended from astronomers finite but</p>
<a href="#0" class="btn btn-link">
<span class="btn-text">Learn more</span>
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="9.042" height="5.542" viewBox="0 0 9.042 5.542">
<path data-name="Icon Color" d="M5.961,5.413a.437.437,0,0,1-.042-.57l.042-.049L7.548,3.208H.437a.438.438,0,0,1-.059-.871l.059,0h7.11L5.961.747a.438.438,0,0,1,.57-.662L6.58.128,8.9,2.453a.44.44,0,0,1,.045.05l0,0,0,0v0l0,0,0,0,0,0,0,0,0,0,0,0,0,.005h0l.014.025h0l0,.008H9l0,.008H9l0,.009H9a.438.438,0,0,1-.048.439l0,0-.006.007,0,.006h0a.44.44,0,0,1-.036.039L6.58,5.413a.437.437,0,0,1-.619,0Z" fill="#0d6efd"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200 px-lg-2">
<div class="card-body py-md-5 px-md-4">
<h5 class="mb-2">Feature Headline</h5>
<p class="text-muted lh-28 mb-2">Ship of the imagination star stuff harvesting star light descended from astronomers finite but</p>
<a href="#0" class="btn btn-link">
<span class="btn-text">Learn more</span>
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="9.042" height="5.542" viewBox="0 0 9.042 5.542">
<path data-name="Icon Color" d="M5.961,5.413a.437.437,0,0,1-.042-.57l.042-.049L7.548,3.208H.437a.438.438,0,0,1-.059-.871l.059,0h7.11L5.961.747a.438.438,0,0,1,.57-.662L6.58.128,8.9,2.453a.44.44,0,0,1,.045.05l0,0,0,0v0l0,0,0,0,0,0,0,0,0,0,0,0,0,.005h0l.014.025h0l0,.008H9l0,.008H9l0,.009H9a.438.438,0,0,1-.048.439l0,0-.006.007,0,.006h0a.44.44,0,0,1-.036.039L6.58,5.413a.437.437,0,0,1-.619,0Z" fill="#0d6efd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section text-center bg-white">
<div class="container">
<div class="swiper-container brand-slider">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-6.svg" alt="Google"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-7.svg" alt="Uber"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-8.svg" alt="BuzzFeed"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-9.svg" alt="Samsung"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-10.svg" alt="Stripe"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-8.svg" alt="BuzzFeed"></div>
</div>
</div>
</div>
</section>
<section class="fabrx-section text-center bg-white">
<div class="container">
<div class="swiper-slider-box">
<div class="swiper-container brand-slider">
<div class="swiper-wrapper mb-md-4">
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-6.svg" alt="Google"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-7.svg" alt="Uber"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-8.svg" alt="BuzzFeed"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-9.svg" alt="Samsung"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-10.svg" alt="Stripe"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-8.svg" alt="BuzzFeed"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-9.svg" alt="Samsung"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-10.svg" alt="Stripe"></div>
</div>
<div class="swiper-pagination pt-md-3"></div>
</div>
</div>
</div>
</section>
⚊ Happy Clients, Happy us
<section class="fabrx-section bg-white">
<div class="container">
<p class="text-secondary mb-4 caption brand-title">⚊ Happy Clients, Happy us</p>
<div class="swiper-slider-box text-center">
<div class="swiper-container brand-slider">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-6.svg" alt="Google"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-7.svg" alt="Uber"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-8.svg" alt="BuzzFeed"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-9.svg" alt="Samsung"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-10.svg" alt="Stripe"></div>
<div class="swiper-slide"><img src="../assets/images/brand-icons/brand-icon-8.svg" alt="BuzzFeed"></div>
</div>
</div>
</div>
</div>
</section>
0+
Daily content pieces
0
Users per day
0+
Featured articles
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-sm-4 my-2">
<div class="text-center">
<h2 class="mb-0"><span class="counter purecounter" data-purecounter-delay="50" data-purecounter-start="0" data-purecounter-end="43">0</span>+</h2>
<p>Daily content pieces</p>
</div>
</div>
<div class="col-sm-4 my-2">
<div class="text-center">
<h2 class="mb-0"><span class="counter purecounter" data-purecounter-delay="50" data-purecounter-start="0" data-purecounter-end="54231">0</span></h2>
<p>Users per day</p>
</div>
</div>
<div class="col-sm-4 my-2">
<div class="text-center">
<h2 class="mb-0"><span class="counter purecounter" data-purecounter-start="0" data-purecounter-end="12" data-purecounter-delay="12">0</span>+</h2>
<p>Featured articles</p>
</div>
</div>
</div>
</div>
</section>
Actions
Headline is looking great here
Billions upon billions bits of moving fluff invent the universe science rogue Rig Veda. Orion's sword rich in heavy atoms vanquish the impossible network of wormholes.
<section class="fabrx-hero fabrx-hero-dark">
<div class="row g-0">
<div class="col-lg-6 bg-white pt-md-5 pb-2 pb-lg-5">
<div class="d-flex align-items-center h-100 justify-content-end pt-5 pb-4 pb-lg-5">
<div class="fabrx-caption">
<div class="pe-md-5">
<h3 class="font-weight-bold">Headline is looking great here</h3>
<p class="lead text-muted">Billions upon billions bits of moving fluff invent the universe science rogue Rig Veda. Orion's sword rich in heavy atoms vanquish the impossible network of wormholes.</p>
<div class="pt-2">
<a href="#0" class="btn btn-lg btn-primary me-2">Button</a>
<a href="#0" class="btn btn-lg btn-link ms-0 ms-sm-3">
<span class="btn-text">Learn more</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"></path></svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 py-3 py-md-5">
<div class="d-flex align-items-center h-100 justify-content-center py-5">
<img src="../assets/images/vectors/vector-25.svg" alt="Vector">
</div>
</div>
</div>
</section>
Make it super awesome with
this headline
<section class="fabrx-section bg-white">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-8 col-lg-7 col-md-6">
<div class="hero-caption pe-xl-5 text-center text-md-start">
<h3 class="font-weight-bold mb-0">Make it super awesome with <br class="d-none d-xl-block">this headline</h3>
</div>
</div>
<div class="col-xl-4 col-lg-5 col-md-6">
<form class="my-4">
<div class="form-group mb-md-3">
<label for="Input6" class="control-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path data-name="Icon Color" d="M2.292,12.917A2.294,2.294,0,0,1,0,10.625V2.292A2.3,2.3,0,0,1,2.292,0H13.958A2.3,2.3,0,0,1,16.25,2.292v8.333a2.294,2.294,0,0,1-2.292,2.291ZM1.25,10.625a1.043,1.043,0,0,0,1.042,1.042H13.958A1.043,1.043,0,0,0,15,10.625V3.46L8.472,7.812a.627.627,0,0,1-.612.046l-.082-.046L1.25,3.46ZM8.125,6.539l6.83-4.552a1.044,1.044,0,0,0-1-.737H2.292a1.043,1.043,0,0,0-1,.737Z" transform="translate(1.875 3.542)" fill="#212121"></path></svg>
</label>
<input type="text" name="Input61" placeholder="Email" class="form-control" id="Input61">
</div>
<div class="d-grid">
<button type="submit" class="btn btn-lg btn-primary">Signup</button>
</div>
</form>
</div>
</div>
</div>
</section>
Sign up now
Stay tuned with our latest offers and updates
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-middle-box text-center px-lg-5">
<div class="hero-caption">
<h2 class="font-weight-bold mb-0">Sign up now</h2>
<p class="lead text-muted">Stay tuned with our latest offers and updates</p>
</div>
<form class="col-md-7 px-md-3 pt-2 mx-md-auto">
<div class="form-group mb-md-3">
<label for="Input6" class="control-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path data-name="Icon Color" d="M2.292,12.917A2.294,2.294,0,0,1,0,10.625V2.292A2.3,2.3,0,0,1,2.292,0H13.958A2.3,2.3,0,0,1,16.25,2.292v8.333a2.294,2.294,0,0,1-2.292,2.291ZM1.25,10.625a1.043,1.043,0,0,0,1.042,1.042H13.958A1.043,1.043,0,0,0,15,10.625V3.46L8.472,7.812a.627.627,0,0,1-.612.046l-.082-.046L1.25,3.46ZM8.125,6.539l6.83-4.552a1.044,1.044,0,0,0-1-.737H2.292a1.043,1.043,0,0,0-1,.737Z" transform="translate(1.875 3.542)" fill="#212121"></path></svg>
</label>
<input type="text" name="Input62" placeholder="Email" class="form-control" id="Input62">
</div>
<div class="d-grid">
<button type="submit" class="btn btn-lg btn-primary">Signup</button>
</div>
</form>
</div>
</div>
</section>
Make it super awesome
with this headline
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-middle-box text-center px-0 px-md-5">
<div class="hero-caption">
<h3 class="font-weight-semibold mb-3">Make it super awesome <br class="d-none d-md-block">with this headline</h3>
<button type="submit" class="btn btn-lg btn-primary mt-2">Button</button>
</div>
</div>
</div>
</section>
Never miss an update
Signup to our newsletter to get a weekly digest
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-middle-box text-center px-0 px-md-5">
<div class="hero-caption">
<h3 class="font-weight-bold mb-0">Never miss an update</h3>
<p class="lead text-muted">Signup to our newsletter to get a weekly digest</p>
</div>
<form class="pt-2 mx-md-auto col-lg-6 col-md-8">
<div class="form-group">
<a href="#0" class="btn btn-primary control-icon control-icon-right">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20.87" viewBox="0 0 20 20.87"><path data-name="Icon Color" d="M2.292,13.478A2.345,2.345,0,0,1,0,11.087v-8.7A2.346,2.346,0,0,1,2.292,0H13.958A2.346,2.346,0,0,1,16.25,2.392v8.7a2.345,2.345,0,0,1-2.292,2.391ZM1.25,11.087a1.066,1.066,0,0,0,1.042,1.087H13.958A1.066,1.066,0,0,0,15,11.087V3.61L8.472,8.152A.6.6,0,0,1,7.86,8.2l-.082-.048L1.25,3.61ZM8.125,6.824l6.83-4.75a1.05,1.05,0,0,0-1-.769H2.292a1.05,1.05,0,0,0-1,.769Z" transform="translate(1.875 3.696)" fill="#fff"/></svg>
</a>
<input type="text" name="Input16" placeholder="Placeholder" class="form-control" id="Input16">
</div>
</form>
</div>
</div>
</section>
Stay updated
Follow us on social media for the latest news!
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-middle-box text-center px-0 px-md-5">
<div class="hero-caption">
<h3 class="mb-0">Stay updated</h3>
<p class="font-size-14 text-muted mb-4">Follow us on social media for the latest news!</p>
</div>
<div class="fabrx-social pt-1">
<a href="#0"><svg data-name="Social 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M7.75,19.5h-4a.752.752,0,0,1-.743-.649L3,18.75V12.5H.75a.752.752,0,0,1-.742-.648L0,11.75v-4a.753.753,0,0,1,.648-.743L.75,7H3V5.75A5.749,5.749,0,0,1,8.529,0l.22,0h3a.752.752,0,0,1,.743.648l.007.1v4a.753.753,0,0,1-.648.743l-.1.006h-3a.249.249,0,0,0-.243.193L8.5,5.75V7H11.75a.749.749,0,0,1,.744.837l-.017.095-1,4a.747.747,0,0,1-.615.559l-.113.009H8.5v6.25a.752.752,0,0,1-.648.743ZM1.5,8.5V11H3.75a.752.752,0,0,1,.742.648l.007.1V18H7V11.75a.752.752,0,0,1,.648-.743L7.75,11h2.414l.626-2.5H7.75a.753.753,0,0,1-.743-.648L7,7.75v-2A1.758,1.758,0,0,1,8.607,4.006L8.75,4H11V1.5H8.75A4.244,4.244,0,0,0,4.5,5.544l0,.206v2a.752.752,0,0,1-.648.743l-.1.006Z" transform="translate(6.25 2.25)" fill="#212121"/></svg></a>
<a href="#0"><svg data-name="Social 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M4.75,17.5A4.755,4.755,0,0,1,0,12.75v-8A4.756,4.756,0,0,1,4.75,0h8A4.755,4.755,0,0,1,17.5,4.75v8A4.754,4.754,0,0,1,12.75,17.5ZM1.5,4.75v8A3.254,3.254,0,0,0,4.75,16h8A3.254,3.254,0,0,0,16,12.75v-8A3.254,3.254,0,0,0,12.75,1.5h-8A3.254,3.254,0,0,0,1.5,4.75Zm3.5,4A3.75,3.75,0,1,1,8.751,12.5,3.754,3.754,0,0,1,5,8.751Zm1.5,0A2.25,2.25,0,1,0,8.751,6.5,2.253,2.253,0,0,0,6.5,8.751Zm6.006-4.4-.006-.1a.75.75,0,0,1,1.493-.1l.007.1a.75.75,0,0,1-1.494.1Z" transform="translate(3.25 3.25)" fill="#212121"/></svg></a>
<a href="#0"><svg data-name="Social 03" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M7.792,17.532a15.637,15.637,0,0,1-7.4-2.021A.75.75,0,0,1,.747,14.1H.78c.1,0,.2.006.3.006a8.114,8.114,0,0,0,3.951-1.091l.173-.1-.266-.154A7.578,7.578,0,0,1,.995,7.093L.966,6.828a9.756,9.756,0,0,1,.992-5.071l.048-.1L2.1,1.485a.75.75,0,0,1,1.264-.069A8.619,8.619,0,0,0,9.821,5.081L10,5.09l0-.447A4.66,4.66,0,0,1,12.9.5l.208-.084A6.064,6.064,0,0,1,15.229,0a4,4,0,0,1,2.617.9l.122.107L18.54.854l.479-.137L19.394.6l.438-.156c.212-.082.405-.165.59-.256l.111-.044.106-.024L20.75.113a.724.724,0,0,1,.611.309.782.782,0,0,1,.1.7l-.006.013-.022.086a9.975,9.975,0,0,1-.519,1.3l-.125.265-.283.575-.454.886-.355.707s0,0-.006-.014l-.005-.066,0,.49a14.619,14.619,0,0,1-.519,3.46,11.733,11.733,0,0,1-8.164,8.259A11.488,11.488,0,0,1,7.792,17.532ZM2.942,3.278l-.086.249a7.954,7.954,0,0,0-.418,2.835l.022.33c.221,2.432,1.723,4.222,4.592,5.473a.75.75,0,0,1,.116,1.311,13.617,13.617,0,0,1-3.4,1.715l-.252.075.441.147a12.766,12.766,0,0,0,3.835.619,10.107,10.107,0,0,0,2.478-.3l.308-.084a10.26,10.26,0,0,0,7.138-7.221,13.1,13.1,0,0,0,.47-3.548V4.82a1.1,1.1,0,0,1,.131-.459l.1-.209.83-1.625.177-.365-.29.084-1.17.327a.752.752,0,0,1-.774-.222A2.52,2.52,0,0,0,15.218,1.5a4.558,4.558,0,0,0-1.584.317A3.192,3.192,0,0,0,11.5,4.853v1a.746.746,0,0,1-.731.75c-.092,0-.186,0-.278,0A10.1,10.1,0,0,1,2.978,3.319Z" transform="translate(1.249 3.147)" fill="#212121"/></svg></a>
<a href="#0"><svg data-name="Social 04" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M0,9.75a9.75,9.75,0,1,1,14.714,8.39.746.746,0,0,1-.183.106A9.747,9.747,0,0,1,0,9.75ZM9.75,18a8.2,8.2,0,0,0,3.705-.88,23.114,23.114,0,0,0-1.164-5.3A14.414,14.414,0,0,0,6.384,15.58l-.469.462-.637.638A8.2,8.2,0,0,0,9.75,18Zm5.109-1.777A8.256,8.256,0,0,0,17.89,11.1a22.718,22.718,0,0,0-4.137.357A24.236,24.236,0,0,1,14.859,16.223ZM1.5,9.75a8.23,8.23,0,0,0,2.591,6l.992-.994a16.278,16.278,0,0,1,6.663-4.337,25.2,25.2,0,0,0-1.278-2.56,25.353,25.353,0,0,1-8.952,1.39C1.505,9.413,1.5,9.581,1.5,9.75Zm11.713.286A23.933,23.933,0,0,1,18,9.6a8.212,8.212,0,0,0-1.881-5.088,22.04,22.04,0,0,1-4.264,2.752A26.38,26.38,0,0,1,13.213,10.035ZM1.747,7.743a23.953,23.953,0,0,0,7.929-1.2A45.2,45.2,0,0,0,6.466,2.182,8.285,8.285,0,0,0,1.747,7.743Zm9.334-1.779a20.162,20.162,0,0,0,3.974-2.526A8.248,8.248,0,0,0,8,1.688,44.545,44.545,0,0,1,11.082,5.964Z" transform="translate(2.25 2.25)" fill="#212121"/></svg></a>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-middle-box text-center">
<div class="hero-caption">
<h2 class="font-weight-bold mb-0">Make it super awesome with this headline</h2>
<p class="lead text-muted col-lg-10 mx-lg-auto">Billions upon billions bits of moving fluff invent the universe science rogue Rig Veda, orion's sword rich in heavy atoms</p>
<div class="pt-2">
<a href="#0" class="btn btn-xl btn-primary mb-3">Button</a>
<a href="#0" class="btn btn-xl btn-outline-primary ms-0 ms-sm-3 mb-3">Button</a>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-hero fabrx-hero-dark">
<div class="row g-0">
<div class="col-lg-6 py-5">
<div class="d-flex align-items-center h-100 justify-content-center py-5">
<img src="../assets/images/vectors/vector-55.svg" alt="Vector">
</div>
</div>
<div class="col-lg-6 bg-white">
<div class="py-5 d-flex align-items-center h-100">
<div class="hero-caption text-center py-md-5">
<div class="badge badge-primary badge-md">Tag</div>
<h3 class="mb-2 mb-lg-4 mt-3">Something nice</h3>
<div class="mt-0 mt-lg-5 pt-0 pt-lg-5">
<a href="#0" class="btn btn-lg btn-link">
<span class="btn-text">Learn more</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"></path></svg>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
Make it super awesome
Billions upon billions bits of moving fluff invent the universe science rogue Rig Veda, orion's sword rich in heavy atoms
<section class="fabrx-section bg-white">
<div class="container">
<div class="card rounded-12 shadow-40 p-3 p-md-5 border border-gray-200 fabrx-hero-dark">
<div class="row align-items-center">
<div class="col-lg-7">
<img src="../assets/images/vectors/vector-28.png" alt="Vector" class="rounded-12">
</div>
<div class="col-lg-5">
<div class="hero-caption px-xl-5 mt-2 mt-lg-0 pt-2 pt-md-4 pt-lg-0 ms-lg-2">
<h3 class="font-weight-bold mb-2">Make it super awesome</h3>
<p class="font-size-14 text-muted lh-base mb-4">Billions upon billions bits of moving fluff invent the universe science rogue Rig Veda, orion's sword rich in heavy atoms</p>
<hr>
<div class="mt-4">
<a href="#0" class="btn btn-primary">Button</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Grids
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40 border border-gray-200">
<img class="card-img-top" src="../assets/images/placeholders/placeholder-20.jpg" alt="Card Image">
<div class="card-body px-lg-4 pb-4">
<small class="card-subtitle mb-2 text-muted">12 hours ago</small>
<h6 class="card-title"><a href="#0">Hidden universe revealed in stunning first images from German telescope</a></h6>
<div class="clearfix pt-md-5">
<div class="float-start">
<a href="#0">
<div class="fabrx-avatar sm"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<span class="avatar-user">Bruce Lee</span>
</a>
</div>
<div class="float-end">
<div class="dropdown">
<a href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="Action19">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M9.334,1.166A1.167,1.167,0,1,1,10.5,2.333,1.168,1.168,0,0,1,9.334,1.166Zm1,0A.167.167,0,1,0,10.5,1,.167.167,0,0,0,10.334,1.166Zm-5.667,0A1.167,1.167,0,1,1,5.833,2.333,1.168,1.168,0,0,1,4.667,1.166Zm1,0A.166.166,0,1,0,5.833,1,.167.167,0,0,0,5.667,1.166ZM0,1.166A1.167,1.167,0,1,1,1.166,2.333,1.168,1.168,0,0,1,0,1.166Zm1,0A.167.167,0,1,0,1.166,1,.167.167,0,0,0,1,1.166Z" transform="translate(9.167 2) rotate(90)" fill="#212121"></path>
</svg>
</a>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="Action19">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40 border border-gray-200">
<img class="card-img-top" src="../assets/images/placeholders/placeholder-20.jpg" alt="Card Image">
<div class="card-body px-lg-4 pb-4">
<small class="card-subtitle mb-2 text-muted">12 hours ago</small>
<h6 class="card-title"><a href="#0">Hidden universe revealed in stunning first images from German telescope</a></h6>
<div class="clearfix pt-md-5">
<div class="float-start">
<a href="#0">
<div class="fabrx-avatar sm"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<span class="avatar-user">Bruce Lee</span>
</a>
</div>
<div class="float-end">
<div class="dropdown">
<a href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="Action21">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M9.334,1.166A1.167,1.167,0,1,1,10.5,2.333,1.168,1.168,0,0,1,9.334,1.166Zm1,0A.167.167,0,1,0,10.5,1,.167.167,0,0,0,10.334,1.166Zm-5.667,0A1.167,1.167,0,1,1,5.833,2.333,1.168,1.168,0,0,1,4.667,1.166Zm1,0A.166.166,0,1,0,5.833,1,.167.167,0,0,0,5.667,1.166ZM0,1.166A1.167,1.167,0,1,1,1.166,2.333,1.168,1.168,0,0,1,0,1.166Zm1,0A.167.167,0,1,0,1.166,1,.167.167,0,0,0,1,1.166Z" transform="translate(9.167 2) rotate(90)" fill="#212121"></path>
</svg>
</a>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="Action21">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card shadow-40 border border-gray-200">
<img class="card-img-top" src="../assets/images/placeholders/placeholder-20.jpg" alt="Card Image">
<div class="card-body px-lg-4 pb-4">
<small class="card-subtitle mb-2 text-muted">12 hours ago</small>
<h6 class="card-title"><a href="#0">Hidden universe revealed in stunning first images from German telescope</a></h6>
<div class="clearfix pt-md-5">
<div class="float-start">
<a href="#0">
<div class="fabrx-avatar sm"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<span class="avatar-user">Bruce Lee</span>
</a>
</div>
<div class="float-end">
<div class="dropdown">
<a href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="Action22">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M9.334,1.166A1.167,1.167,0,1,1,10.5,2.333,1.168,1.168,0,0,1,9.334,1.166Zm1,0A.167.167,0,1,0,10.5,1,.167.167,0,0,0,10.334,1.166Zm-5.667,0A1.167,1.167,0,1,1,5.833,2.333,1.168,1.168,0,0,1,4.667,1.166Zm1,0A.166.166,0,1,0,5.833,1,.167.167,0,0,0,5.667,1.166ZM0,1.166A1.167,1.167,0,1,1,1.166,2.333,1.168,1.168,0,0,1,0,1.166Zm1,0A.167.167,0,1,0,1.166,1,.167.167,0,0,0,1,1.166Z" transform="translate(9.167 2) rotate(90)" fill="#212121"></path>
</svg>
</a>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="Action22">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40 border border-gray-200">
<a href="#0"><img class="card-img-top" src="../assets/images/placeholders/placeholder-21.jpg" alt="Card Image"></a>
<div class="card-body text-center px-lg-4 pb-4">
<small class="card-subtitle mb-2 text-muted">For you</small>
<h5 class="card-title">Hubble Telescope Spots ‘Ghostly Face' in Space</h5>
<div class="clearfix pt-md-3 pb-2">
<a href="#0" class="btn btn-link btn-lg">
<span class="btn-text">Link</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40 border border-gray-200">
<a href="#0"><img class="card-img-top" src="../assets/images/placeholders/placeholder-21.jpg" alt="Card Image"></a>
<div class="card-body text-center px-lg-4 pb-4">
<small class="card-subtitle mb-2 text-muted">For you</small>
<h5 class="card-title">Hubble Telescope Spots ‘Ghostly Face' in Space</h5>
<div class="clearfix pt-md-3 pb-2">
<a href="#0" class="btn btn-link btn-lg">
<span class="btn-text">Link</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card shadow-40 border border-gray-200">
<a href="#0"><img class="card-img-top" src="../assets/images/placeholders/placeholder-21.jpg" alt="Card Image"></a>
<div class="card-body text-center px-lg-4 pb-4">
<small class="card-subtitle mb-2 text-muted">For you</small>
<h5 class="card-title">Hubble Telescope Spots ‘Ghostly Face' in Space</h5>
<div class="clearfix pt-md-3 pb-2">
<a href="#0" class="btn btn-link btn-lg">
<span class="btn-text">Link</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Dark Energy Evolves
Ship of the star stuff harvesting star light descended from astronomers finite but realm of the galaxies.
Dark Energy Evolves
Ship of the star stuff harvesting star light descended from astronomers finite but realm of the galaxies.
Dark Energy Evolves
Ship of the star stuff harvesting star light descended from astronomers finite but realm of the galaxies.
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card card-sm card-transparent rounded-0 border-0">
<a href="#0"><img class="card-img-top rounded-0" src="../assets/images/placeholders/placeholder-22.jpg" alt="Card Image"></a>
<div class="card-body">
<h6 class="card-title mb-2">Dark Energy Evolves</h6>
<p class="mb-xl-4 pb-xl-3">Ship of the star stuff harvesting star light descended from astronomers finite but realm of the galaxies.</p>
<div class="clearfix">
<a href="#0" class="btn btn-link">
<span class="btn-text">Link</span>
<svg xmlns="http://www.w3.org/2000/svg" class="ms-1" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card card-sm card-transparent rounded-0 border-0">
<a href="#0"><img class="card-img-top rounded-0" src="../assets/images/placeholders/placeholder-22.jpg" alt="Card Image"></a>
<div class="card-body">
<h6 class="card-title mb-2">Dark Energy Evolves</h6>
<p class="mb-xl-4 pb-xl-3">Ship of the star stuff harvesting star light descended from astronomers finite but realm of the galaxies.</p>
<div class="clearfix">
<a href="#0" class="btn btn-link">
<span class="btn-text">Link</span>
<svg xmlns="http://www.w3.org/2000/svg" class="ms-1" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card card-sm card-transparent rounded-0 border-0">
<a href="#0"><img class="card-img-top rounded-0" src="../assets/images/placeholders/placeholder-22.jpg" alt="Card Image"></a>
<div class="card-body">
<h6 class="card-title mb-2">Dark Energy Evolves</h6>
<p class="mb-xl-4 pb-xl-3">Ship of the star stuff harvesting star light descended from astronomers finite but realm of the galaxies.</p>
<div class="clearfix">
<a href="#0" class="btn btn-link">
<span class="btn-text">Link</span>
<svg xmlns="http://www.w3.org/2000/svg" class="ms-1" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40 border border-gray-200">
<div class="badge badge-primary badge-absolute lg">Tag</div>
<img class="card-img-top" src="../assets/images/placeholders/placeholder-23.jpg" alt="Card Image">
<div class="card-body px-lg-4">
<small class="card-subtitle text-secondary">Electronics</small>
<h6 class="card-title pb-1"><a href="#0">Moog Synthesizer</a></h6>
<h6 class="font-weight-regular">$468.00</h6>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40 border border-gray-200">
<div class="badge badge-primary badge-absolute lg">Tag</div>
<img class="card-img-top" src="../assets/images/placeholders/placeholder-23.jpg" alt="Card Image">
<div class="card-body px-lg-4">
<small class="card-subtitle text-secondary">Electronics</small>
<h6 class="card-title pb-1"><a href="#0">Moog Synthesizer</a></h6>
<h6 class="font-weight-regular">$468.00</h6>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card shadow-40 border border-gray-200">
<div class="badge badge-primary badge-absolute lg">Tag</div>
<img class="card-img-top" src="../assets/images/placeholders/placeholder-23.jpg" alt="Card Image">
<div class="card-body px-lg-4">
<small class="card-subtitle text-secondary">Electronics</small>
<h6 class="card-title pb-1"><a href="#0">Moog Synthesizer</a></h6>
<h6 class="font-weight-regular">$468.00</h6>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card card-sm card-transparent">
<a href="#0" class="badge badge-primary badge-absolute circle stack lg">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 23 24">
<path data-name="Icon Color" d="M.292,11.353l-.081-.072a.775.775,0,0,1-.07-.977l.07-.085,5.75-6A.7.7,0,0,1,6.9,4.147l.08.073L10.3,7.689,16.233,1.5H11.261a.73.73,0,0,1-.712-.649l-.007-.1a.74.74,0,0,1,.621-.743l.1-.007h6.708a.691.691,0,0,1,.237.042h0l.011,0,.007,0,0,0a.716.716,0,0,1,.248.169.75.75,0,0,1,.138.2h0l.005.011,0,.006,0,.006a.768.768,0,0,1,.055.2v0a.788.788,0,0,1,.006.087V7.75a.717.717,0,0,1-1.431.1l-.007-.1V2.561L10.811,9.28a.7.7,0,0,1-.936.073L9.794,9.28,6.469,5.811,1.228,11.281a.7.7,0,0,1-.936.072Z" transform="translate(2.156 6.25)" fill="#fff"></path>
</svg>
</a>
<a href="#0"><img class="card-img-top" src="../assets/images/placeholders/placeholder-24.jpg" alt="Card Image"></a>
<div class="card-body">
<h6 class="card-title mb-2"><a href="#0">Citizen Science with the Transit of Mercury is amazing</a></h6>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card card-sm card-transparent">
<a href="#0" class="badge badge-primary badge-absolute circle stack lg">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 23 24">
<path data-name="Icon Color" d="M.292,11.353l-.081-.072a.775.775,0,0,1-.07-.977l.07-.085,5.75-6A.7.7,0,0,1,6.9,4.147l.08.073L10.3,7.689,16.233,1.5H11.261a.73.73,0,0,1-.712-.649l-.007-.1a.74.74,0,0,1,.621-.743l.1-.007h6.708a.691.691,0,0,1,.237.042h0l.011,0,.007,0,0,0a.716.716,0,0,1,.248.169.75.75,0,0,1,.138.2h0l.005.011,0,.006,0,.006a.768.768,0,0,1,.055.2v0a.788.788,0,0,1,.006.087V7.75a.717.717,0,0,1-1.431.1l-.007-.1V2.561L10.811,9.28a.7.7,0,0,1-.936.073L9.794,9.28,6.469,5.811,1.228,11.281a.7.7,0,0,1-.936.072Z" transform="translate(2.156 6.25)" fill="#fff"></path>
</svg>
</a>
<a href="#0"><img class="card-img-top" src="../assets/images/placeholders/placeholder-24.jpg" alt="Card Image"></a>
<div class="card-body">
<h6 class="card-title mb-2"><a href="#0">Citizen Science with the Transit of Mercury is amazing</a></h6>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card card-sm card-transparent">
<a href="#0" class="badge badge-primary badge-absolute circle stack lg">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 23 24">
<path data-name="Icon Color" d="M.292,11.353l-.081-.072a.775.775,0,0,1-.07-.977l.07-.085,5.75-6A.7.7,0,0,1,6.9,4.147l.08.073L10.3,7.689,16.233,1.5H11.261a.73.73,0,0,1-.712-.649l-.007-.1a.74.74,0,0,1,.621-.743l.1-.007h6.708a.691.691,0,0,1,.237.042h0l.011,0,.007,0,0,0a.716.716,0,0,1,.248.169.75.75,0,0,1,.138.2h0l.005.011,0,.006,0,.006a.768.768,0,0,1,.055.2v0a.788.788,0,0,1,.006.087V7.75a.717.717,0,0,1-1.431.1l-.007-.1V2.561L10.811,9.28a.7.7,0,0,1-.936.073L9.794,9.28,6.469,5.811,1.228,11.281a.7.7,0,0,1-.936.072Z" transform="translate(2.156 6.25)" fill="#fff"></path>
</svg>
</a>
<a href="#0"><img class="card-img-top" src="../assets/images/placeholders/placeholder-24.jpg" alt="Card Image"></a>
<div class="card-body">
<h6 class="card-title mb-2"><a href="#0">Citizen Science with the Transit of Mercury is amazing</a></h6>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 my-3">
<div class="card card-sm card-transparent">
<a href="#0" class="badge badge-primary badge-absolute circle stack">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 23 24">
<path data-name="Icon Color" d="M.292,11.353l-.081-.072a.775.775,0,0,1-.07-.977l.07-.085,5.75-6A.7.7,0,0,1,6.9,4.147l.08.073L10.3,7.689,16.233,1.5H11.261a.73.73,0,0,1-.712-.649l-.007-.1a.74.74,0,0,1,.621-.743l.1-.007h6.708a.691.691,0,0,1,.237.042h0l.011,0,.007,0,0,0a.716.716,0,0,1,.248.169.75.75,0,0,1,.138.2h0l.005.011,0,.006,0,.006a.768.768,0,0,1,.055.2v0a.788.788,0,0,1,.006.087V7.75a.717.717,0,0,1-1.431.1l-.007-.1V2.561L10.811,9.28a.7.7,0,0,1-.936.073L9.794,9.28,6.469,5.811,1.228,11.281a.7.7,0,0,1-.936.072Z" transform="translate(2.156 6.25)" fill="#fff"></path>
</svg>
</a>
<a href="#0"><img src="../assets/images/placeholders/placeholder-25.jpg" class="w-100" alt="Card Image"></a>
<div class="card-body">
<h6 class="card-title mb-2"><a href="#0">Citizen Science with the Transit</a></h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 my-3">
<div class="card card-sm card-transparent">
<a href="#0" class="badge badge-primary badge-absolute circle stack">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 23 24">
<path data-name="Icon Color" d="M.292,11.353l-.081-.072a.775.775,0,0,1-.07-.977l.07-.085,5.75-6A.7.7,0,0,1,6.9,4.147l.08.073L10.3,7.689,16.233,1.5H11.261a.73.73,0,0,1-.712-.649l-.007-.1a.74.74,0,0,1,.621-.743l.1-.007h6.708a.691.691,0,0,1,.237.042h0l.011,0,.007,0,0,0a.716.716,0,0,1,.248.169.75.75,0,0,1,.138.2h0l.005.011,0,.006,0,.006a.768.768,0,0,1,.055.2v0a.788.788,0,0,1,.006.087V7.75a.717.717,0,0,1-1.431.1l-.007-.1V2.561L10.811,9.28a.7.7,0,0,1-.936.073L9.794,9.28,6.469,5.811,1.228,11.281a.7.7,0,0,1-.936.072Z" transform="translate(2.156 6.25)" fill="#fff"></path>
</svg>
</a>
<a href="#0"><img src="../assets/images/placeholders/placeholder-25.jpg" class="w-100" alt="Card Image"></a>
<div class="card-body">
<h6 class="card-title mb-2"><a href="#0">Citizen Science with the Transit</a></h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 my-3">
<div class="card card-sm card-transparent">
<a href="#0" class="badge badge-primary badge-absolute circle stack">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 23 24">
<path data-name="Icon Color" d="M.292,11.353l-.081-.072a.775.775,0,0,1-.07-.977l.07-.085,5.75-6A.7.7,0,0,1,6.9,4.147l.08.073L10.3,7.689,16.233,1.5H11.261a.73.73,0,0,1-.712-.649l-.007-.1a.74.74,0,0,1,.621-.743l.1-.007h6.708a.691.691,0,0,1,.237.042h0l.011,0,.007,0,0,0a.716.716,0,0,1,.248.169.75.75,0,0,1,.138.2h0l.005.011,0,.006,0,.006a.768.768,0,0,1,.055.2v0a.788.788,0,0,1,.006.087V7.75a.717.717,0,0,1-1.431.1l-.007-.1V2.561L10.811,9.28a.7.7,0,0,1-.936.073L9.794,9.28,6.469,5.811,1.228,11.281a.7.7,0,0,1-.936.072Z" transform="translate(2.156 6.25)" fill="#fff"></path>
</svg>
</a>
<a href="#0"><img src="../assets/images/placeholders/placeholder-25.jpg" class="w-100" alt="Card Image"></a>
<div class="card-body">
<h6 class="card-title mb-2"><a href="#0">Citizen Science with the Transit</a></h6>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 my-3">
<div class="card card-sm card-transparent">
<a href="#0" class="badge badge-primary badge-absolute circle stack">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 23 24">
<path data-name="Icon Color" d="M.292,11.353l-.081-.072a.775.775,0,0,1-.07-.977l.07-.085,5.75-6A.7.7,0,0,1,6.9,4.147l.08.073L10.3,7.689,16.233,1.5H11.261a.73.73,0,0,1-.712-.649l-.007-.1a.74.74,0,0,1,.621-.743l.1-.007h6.708a.691.691,0,0,1,.237.042h0l.011,0,.007,0,0,0a.716.716,0,0,1,.248.169.75.75,0,0,1,.138.2h0l.005.011,0,.006,0,.006a.768.768,0,0,1,.055.2v0a.788.788,0,0,1,.006.087V7.75a.717.717,0,0,1-1.431.1l-.007-.1V2.561L10.811,9.28a.7.7,0,0,1-.936.073L9.794,9.28,6.469,5.811,1.228,11.281a.7.7,0,0,1-.936.072Z" transform="translate(2.156 6.25)" fill="#fff"></path>
</svg>
</a>
<a href="#0"><img src="../assets/images/placeholders/placeholder-25.jpg" class="w-100" alt="Card Image"></a>
<div class="card-body">
<h6 class="card-title mb-2"><a href="#0">Citizen Science with the Transit</a></h6>
</div>
</div>
</div>
</div>
</div>
</section>
Dark Energy Survey
Ship of the imagination star stuff harvesting star light descended from astronomers finite but unbounded realm of the galaxies.
Dark Energy Survey
Ship of the imagination star stuff harvesting star light descended from astronomers finite but unbounded realm of the galaxies.
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-md-6 my-3">
<div class="card card-transparent rounded-0">
<img class="card-img-top rounded-0" src="../assets/images/placeholders/placeholder-26.jpg" alt="Card Image">
<div class="card-body">
<h4 class="card-title"><a href="#0">Dark Energy Survey</a></h4>
<p class="lh-28">Ship of the imagination star stuff harvesting star light descended from astronomers finite but unbounded realm of the galaxies.</p>
<div class="clearfix">
<a href="#0" class="btn btn-link btn-lg">
<span class="btn-text">Link</span>
<svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 my-3">
<div class="card card-transparent rounded-0">
<img class="card-img-top rounded-0" src="../assets/images/placeholders/placeholder-26.jpg" alt="Card Image">
<div class="card-body">
<h4 class="card-title"><a href="#0">Dark Energy Survey</a></h4>
<p class="lh-28">Ship of the imagination star stuff harvesting star light descended from astronomers finite but unbounded realm of the galaxies.</p>
<div class="clearfix">
<a href="#0" class="btn btn-link btn-lg">
<span class="btn-text">Link</span>
<svg xmlns="http://www.w3.org/2000/svg" class="ms-2" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-6 my-3">
<div class="card card-xl">
<img class="card-img-top rounded-12" src="../assets/images/placeholders/placeholder-27.jpg" alt="Card Image">
<div class="card-img-overlay">
<div class="overlay-wrap">
<h2 class="card-title">Feature Headline</h2>
<p class="lead text-muted">Ship of the imagination star stuff harvesting star light descended from astronomers finite but unbounded realm of the galaxies.</p>
<div class="card-link">
<a href="#0" class="btn btn-primary btn-xl">Button</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 my-3">
<div class="card card-xl">
<img class="card-img-top rounded-12" src="../assets/images/placeholders/placeholder-27.jpg" alt="Card Image">
<div class="card-img-overlay">
<div class="overlay-wrap">
<h2 class="card-title">Feature Headline</h2>
<p class="lead text-muted">Ship of the imagination star stuff harvesting star light descended from astronomers finite but unbounded realm of the galaxies.</p>
<div class="card-link">
<a href="#0" class="btn btn-primary btn-xl">Button</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-6 my-3">
<div class="card card-xl">
<img class="card-img-top rounded-12" src="../assets/images/placeholders/placeholder-27.jpg" alt="Card Image">
<div class="card-img-overlay">
<div class="overlay-wrap flex-wrap">
<h4 class="card-title mb-md-3">Moog Grandmother Semi Modular Analog Synthesizer</h4>
<div class="d-flex align-items-start">
<div class="fabrx-ratings has-rating rating fabrx-ratings-white mb-3">
<input type="radio" id="rating40" name="rating16" value="1" checked="checked">
<label for="rating40" class="custom-starboxes"></label>
<input type="radio" id="rating41" name="rating16" value="2">
<label for="rating41" class="custom-starboxes"></label>
<input type="radio" id="rating42" name="rating16" value="3">
<label for="rating42" class="custom-starboxes"></label>
<input type="radio" id="rating43" name="rating16" value="4">
<label for="rating43" class="custom-starboxes"></label>
<input type="radio" id="rating44" name="rating16" value="5">
<label for="rating44" class="custom-starboxes"></label>
</div>
</div>
<h4>$99.00</h4>
<div class="card-link w-100">
<a href="#0" class="btn btn-primary btn-xl">Button</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 my-3">
<div class="card card-xl">
<img class="card-img-top rounded-12" src="../assets/images/placeholders/placeholder-27.jpg" alt="Card Image">
<div class="card-img-overlay">
<div class="overlay-wrap flex-wrap">
<h4 class="card-title mb-md-3">Moog Grandmother Semi Modular Analog Synthesizer</h4>
<div class="d-flex align-items-start">
<div class="fabrx-ratings has-rating rating fabrx-ratings-white mb-3">
<input type="radio" id="rating45" name="rating17" value="1" checked="checked">
<label for="rating45" class="custom-starboxes"></label>
<input type="radio" id="rating46" name="rating17" value="2">
<label for="rating46" class="custom-starboxes"></label>
<input type="radio" id="rating47" name="rating17" value="3">
<label for="rating47" class="custom-starboxes"></label>
<input type="radio" id="rating48" name="rating17" value="4">
<label for="rating48" class="custom-starboxes"></label>
<input type="radio" id="rating49" name="rating17" value="5">
<label for="rating49" class="custom-starboxes"></label>
</div>
</div>
<h4>$99.00</h4>
<div class="card-link w-100">
<a href="#0" class="btn btn-primary btn-xl">Button</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Moog Synthesizer
$249.00
Moog Synthesizer
$249.00
Moog Synthesizer
$249.00
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40 border border-gray-200">
<a href="#0"><img class="card-img-top" src="../assets/images/placeholders/placeholder-28.jpg" alt="Card Image"></a>
<div class="card-body">
<div class="px-lg-2">
<div class="d-flex flex-wrap pb-3">
<div class="form-check form-check-rounded form-check-lg radio-has-check control-has-primary me-3">
<input class="form-check-input" type="radio" name="Radioa" id="Radioa22">
</div>
<div class="form-check form-check-rounded form-check-lg radio-has-check control-has-pink me-3">
<input class="form-check-input" type="radio" name="Radioa" id="Radioa23">
</div>
<div class="form-check form-check-rounded form-check-lg radio-has-check control-has-indigo me-3">
<input class="form-check-input" type="radio" name="Radioa" id="Radioa24">
</div>
<div class="form-check form-check-rounded form-check-lg radio-has-check control-has-success">
<input class="form-check-input" type="radio" name="Radioa" id="Radioa25">
</div>
</div>
<h6 class="card-title mb-2">Moog Synthesizer</h6>
<h6 class="mb-0">$249.00</h6>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40 border border-gray-200">
<a href="#0"><img class="card-img-top" src="../assets/images/placeholders/placeholder-28.jpg" alt="Card Image"></a>
<div class="card-body">
<div class="px-lg-2">
<div class="d-flex flex-wrap pb-3">
<div class="form-check form-check-rounded form-check-lg radio-has-check control-has-primary me-3">
<input class="form-check-input" type="radio" name="Radioa" id="Radioa26">
</div>
<div class="form-check form-check-rounded form-check-lg radio-has-check control-has-pink me-3">
<input class="form-check-input" type="radio" name="Radioa" id="Radioa27">
</div>
<div class="form-check form-check-rounded form-check-lg radio-has-check control-has-indigo me-3">
<input class="form-check-input" type="radio" name="Radioa" id="Radioa28">
</div>
<div class="form-check form-check-rounded form-check-lg radio-has-check control-has-success">
<input class="form-check-input" type="radio" name="Radioa" id="Radioa29">
</div>
</div>
<h6 class="card-title mb-2">Moog Synthesizer</h6>
<h6 class="mb-0">$249.00</h6>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card shadow-40 border border-gray-200">
<a href="#0"><img class="card-img-top" src="../assets/images/placeholders/placeholder-28.jpg" alt="Card Image"></a>
<div class="card-body">
<div class="px-lg-2">
<div class="d-flex flex-wrap pb-3">
<div class="form-check form-check-rounded form-check-lg radio-has-check control-has-primary me-3">
<input class="form-check-input" type="radio" name="Radioa" id="Radioa30">
</div>
<div class="form-check form-check-rounded form-check-lg radio-has-check control-has-pink me-3">
<input class="form-check-input" type="radio" name="Radioa" id="Radioa31">
</div>
<div class="form-check form-check-rounded form-check-lg radio-has-check control-has-indigo me-3">
<input class="form-check-input" type="radio" name="Radioa" id="Radioa32">
</div>
<div class="form-check form-check-rounded form-check-lg radio-has-check control-has-success">
<input class="form-check-input" type="radio" name="Radioa" id="Radioa33">
</div>
</div>
<h6 class="card-title mb-2">Moog Synthesizer</h6>
<h6 class="mb-0">$249.00</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card">
<a href="#0" class="badge badge-primary badge-absolute circle">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M6.474,1.054l.036.037.036-.035A3.834,3.834,0,0,1,9.662.046l.164.025a3.833,3.833,0,0,1,2.034,6.512l-.03.025L6.861,11.53a.5.5,0,0,1-.648.048l-.056-.048-5-4.949A3.833,3.833,0,0,1,6.474,1.054Z" transform="translate(1.491 2.826)" fill="#fff"/></svg>
</a>
<img class="card-img-top rounded-12" src="../assets/images/placeholders/placeholder-29.jpg" alt="Card Image">
<div class="card-img-overlay bottom">
<div class="clearfix pb-3">
<a href="#0" class="fabrx-avatar sm"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
<span class="avatar-user text-gray-800">Bruce Lee</span>
</div>
<h6 class="card-title mb-0"><a href="#0">Hidden universe revealed in stunning first images from German telescope</a></h6>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card">
<a href="#0" class="badge badge-primary badge-absolute circle">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M6.474,1.054l.036.037.036-.035A3.834,3.834,0,0,1,9.662.046l.164.025a3.833,3.833,0,0,1,2.034,6.512l-.03.025L6.861,11.53a.5.5,0,0,1-.648.048l-.056-.048-5-4.949A3.833,3.833,0,0,1,6.474,1.054Z" transform="translate(1.491 2.826)" fill="#fff"/></svg>
</a>
<img class="card-img-top rounded-12" src="../assets/images/placeholders/placeholder-29.jpg" alt="Card Image">
<div class="card-img-overlay bottom">
<div class="clearfix pb-3">
<a href="#0" class="fabrx-avatar sm"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
<span class="avatar-user text-gray-800">Bruce Lee</span>
</div>
<h6 class="card-title mb-0"><a href="#0">Hidden universe revealed in stunning first images from German telescope</a></h6>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card">
<a href="#0" class="badge badge-primary badge-absolute circle">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M6.474,1.054l.036.037.036-.035A3.834,3.834,0,0,1,9.662.046l.164.025a3.833,3.833,0,0,1,2.034,6.512l-.03.025L6.861,11.53a.5.5,0,0,1-.648.048l-.056-.048-5-4.949A3.833,3.833,0,0,1,6.474,1.054Z" transform="translate(1.491 2.826)" fill="#fff"/></svg>
</a>
<img class="card-img-top rounded-12" src="../assets/images/placeholders/placeholder-29.jpg" alt="Card Image">
<div class="card-img-overlay bottom">
<div class="clearfix pb-3">
<a href="#0" class="fabrx-avatar sm"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
<span class="avatar-user text-gray-800">Bruce Lee</span>
</div>
<h6 class="card-title mb-0"><a href="#0">Hidden universe revealed in stunning first images from German telescope</a></h6>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40 border border-gray-200">
<img class="card-img-top" src="../assets/images/placeholders/placeholder-30.jpg" alt="Card Image">
<div class="card-body">
<div class="px-lg-2">
<h6 class="card-title mb-3">An Awesome Product</h6>
<a href="#0" class="btn btn-primary">Button</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40 border border-gray-200">
<img class="card-img-top" src="../assets/images/placeholders/placeholder-30.jpg" alt="Card Image">
<div class="card-body">
<div class="px-lg-2">
<h6 class="card-title mb-3">An Awesome Product</h6>
<a href="#0" class="btn btn-primary">Button</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card shadow-40 border border-gray-200">
<img class="card-img-top" src="../assets/images/placeholders/placeholder-30.jpg" alt="Card Image">
<div class="card-body">
<div class="px-lg-2">
<h6 class="card-title mb-3">An Awesome Product</h6>
<a href="#0" class="btn btn-primary">Button</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Tag
Dark Energy Survey Evolves
Ship of the imagination star stuff harvesting star light descended from astronomers
finite but unbounded realm of the galaxies.
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-md-12 my-3">
<div class="card card-transparent rounded-0">
<img class="card-img-top rounded-0" src="../assets/images/placeholders/placeholder-31.jpg" alt="Card Image">
<div class="card-body pt-4 mt-2">
<div class="badge badge-primary badge-lg">Tag</div>
<h3 class="card-title mt-3 font-weight-regular"><a href="#0">Dark Energy Survey Evolves</a></h3>
<p class="text-muted lead">Ship of the imagination star stuff harvesting star light descended from astronomers <br>finite but unbounded realm of the galaxies.</p>
<div class="clearfix">
<a href="#0" class="btn btn-link btn-lg">
<span class="btn-text">Learn more</span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M6.813,6.187a.5.5,0,0,1-.048-.651l.048-.056L8.627,3.667H.5a.5.5,0,0,1-.068-1l.068,0H8.626L6.813.854A.5.5,0,0,1,7.464.1L7.52.147,10.177,2.8a.5.5,0,0,1,.052.057l0,0,0,0,0,0,0,0,0,.005,0,0,0,.005,0,0,0,0,0,.006h0l.016.029h0l0,.01h0l0,.01h0l0,.01h0a.5.5,0,0,1-.054.5l0,0-.006.008-.005.006h0a.5.5,0,0,1-.041.044L7.52,6.187a.5.5,0,0,1-.707,0Z" transform="translate(2.833 4.833)" fill="#0d6efd"></path></svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Pricing
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
Pricing
Make it yours today
All packages come with a 30 day money back gurantee!
Starter
$10 /mo
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
Starter
$20 /mo
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
Starter
$38 /mo
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
Starter
$10 /mo
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
Starter
$20 /mo
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
Starter
$38 /mo
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
Prices above do not include VAT
<section class="fabrx-section fabrx-pricing bg-white">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h5 class="mb-0">Pricing</h5>
<h2 class="font-weight-bold">Make it yours today</h2>
<p class="fs-20">All packages come with a 30 day money back gurantee!</p>
<div class="d-inline-block my-3 pt-3">
<ul class="nav nav-tabs nav-tabs-lg nav-tabs-rounded p-0">
<li class="nav-item">
<a class="nav-link active" data-bs-toggle="tab" href="#Monthly">Monthly</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#Yearly">Yearly</a>
</li>
</ul>
</div>
</div>
</div>
<div class="tab-content mt-3 mb-2">
<div class="tab-pane fade show active" id="Monthly" role="tabpanel">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-60 border border-gray-200">
<div class="card-body p-4 m-2 m-xl-0 p-xl-5">
<h6 class="mb-4 font-weight-normal">Starter</h6>
<div class="plan-price d-flex align-items-center"><span class="h1 font-weight-bold"><sup>$</sup>10</span> <span class="h6 ms-2">/mo</span></div>
<ul class="fabrx-checks pb-4 pt-2 pt-xl-4">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
<div class="pt-3 text-center"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-60 border border-gray-200 bg-shade-50">
<div class="card-body p-4 m-2 m-xl-0 p-xl-5">
<h6 class="mb-4 font-weight-normal">Starter</h6>
<div class="plan-price d-flex align-items-center"><span class="h1 font-weight-bold"><sup>$</sup>20</span> <span class="h6 ms-2">/mo</span></div>
<ul class="fabrx-checks pb-4 pt-2 pt-xl-4">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
<div class="pt-3 text-center"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card shadow-60 border border-gray-200">
<div class="card-body p-4 m-2 m-xl-0 p-xl-5">
<h6 class="mb-4 font-weight-normal">Starter</h6>
<div class="plan-price d-flex align-items-center"><span class="h1 font-weight-bold"><sup>$</sup>38</span> <span class="h6 ms-2">/mo</span></div>
<ul class="fabrx-checks pb-4 pt-2 pt-xl-4">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
<div class="pt-3 text-center"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="Yearly" role="tabpanel">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-60 border border-gray-200">
<div class="card-body p-4 m-2 m-xl-0 p-xl-5">
<h6 class="mb-4 font-weight-normal">Starter</h6>
<div class="plan-price d-flex align-items-center"><span class="h1 font-weight-bold"><sup>$</sup>10</span> <span class="h6 ms-2">/mo</span></div>
<ul class="fabrx-checks pb-4 pt-2 pt-xl-4">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
<div class="pt-3 text-center"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-60 border border-gray-200 bg-shade-50">
<div class="card-body p-4 m-2 m-xl-0 p-xl-5">
<h6 class="mb-4 font-weight-normal">Starter</h6>
<div class="plan-price d-flex align-items-center"><span class="h1 font-weight-bold"><sup>$</sup>20</span> <span class="h6 ms-2">/mo</span></div>
<ul class="fabrx-checks pb-4 pt-2 pt-xl-4">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
<div class="pt-3 text-center"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card shadow-60 border border-gray-200">
<div class="card-body p-4 m-2 m-xl-0 p-xl-5">
<h6 class="mb-4 font-weight-normal">Starter</h6>
<div class="plan-price d-flex align-items-center"><span class="h1 font-weight-bold"><sup>$</sup>38</span> <span class="h6 ms-2">/mo</span></div>
<ul class="fabrx-checks pb-4 pt-2 pt-xl-4">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
<div class="pt-3 text-center"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<p class="text-center tiny text-secondary">Prices above do not include VAT</p>
</div>
</section>
Pricing
Make it yours today
All packages come with a 30 day money back gurantee!
Free
$0 /month
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
Free
$0 /month
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
Free
$0 /month
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
<section class="fabrx-section fabrx-pricing bg-white">
<div class="container">
<div class="row">
<div class="col-md-12 text-center mb-4">
<h5 class="mb-4">Pricing</h5>
<h2 class="font-weight-bold">Make it yours today</h2>
<p class="fs-20">All packages come with a 30 day money back gurantee!</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-60 border border-gray-200">
<div class="card-body p-4 m-2 m-xl-0 p-xl-5">
<div class="plan-heading">
<h5 class="mb-0">Free</h5>
<div class="plan-price"><span class="h5 text-primary font-weight-bold me-1">$0</span> /month</div>
</div>
<ul class="fabrx-checks mt-xl-3 py-4">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
<div class="pt-1 text-center"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-60 border border-gray-200 bg-shade-50">
<div class="card-body p-4 m-2 m-xl-0 p-xl-5">
<div class="plan-heading">
<h5 class="mb-0">Free</h5>
<div class="plan-price"><span class="h5 text-primary font-weight-bold me-1">$0</span> /month</div>
</div>
<ul class="fabrx-checks mt-xl-3 py-4">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
<div class="pt-1 text-center"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card shadow-60 border border-gray-200">
<div class="card-body p-4 m-2 m-xl-0 p-xl-5">
<div class="plan-heading">
<h5 class="mb-0">Free</h5>
<div class="plan-price"><span class="h5 text-primary font-weight-bold me-1">$0</span> /month</div>
</div>
<ul class="fabrx-checks mt-xl-3 py-4">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
<div class="pt-1 text-center"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section fabrx-pricing price-table bg-white p-0">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-4 mb-4 mb-md-0">
<div class="pt-md-5 pe-xl-5 mt-5">
<h3 class="font-weight-bold">Customized <br>Pricing Plans</h3>
<ul class="fabrx-lines text-start mt-2 mt-md-4 pt-2">
<li>Domains</li>
<li>One click installs</li>
<li>SSL certificate</li>
<li>24/7 support</li>
<li>Storage</li>
</ul>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-4 mb-md-0 pe-md-0">
<div class="card rounded-0 border-start">
<div class="card-body px-4 px-xl-1 py-3 py-md-5 text-center">
<h6 class="mb-2 font-weight-normal mt-4">Personal</h6>
<div class="plan-price d-flex align-items-center justify-content-center"><span class="h2 font-weight-bold"><sup class="me-1">$</sup>10</span> <span class="h6 ms-2 mt-3 mb-0">/mo</span></div>
<ul class="py-3 fabrx-lines">
<li>Feature</li>
<li>
<svg data-name="Icon/Check" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M10.146.146A.5.5,0,0,1,10.9.8l-.048.056L4.187,7.52a.5.5,0,0,1-.651.048L3.48,7.52.146,4.187A.5.5,0,0,1,.8,3.431l.056.048,2.98,2.98Z" transform="translate(2.833 4.167)" fill="#212121"></path>
</svg>
</li>
<li>
<svg data-name="Icon/Check" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M10.146.146A.5.5,0,0,1,10.9.8l-.048.056L4.187,7.52a.5.5,0,0,1-.651.048L3.48,7.52.146,4.187A.5.5,0,0,1,.8,3.431l.056.048,2.98,2.98Z" transform="translate(2.833 4.167)" fill="#212121"></path>
</svg>
</li>
<li>Feature</li>
<li>Feature</li>
</ul>
<div class="pt-5 mt-4"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 mb-4 mb-md-0 ps-md-0">
<div class="card rounded-0 border-start">
<div class="card-body px-4 px-xl-1 py-3 py-md-5 text-center">
<h6 class="mb-2 font-weight-normal mt-4">Personal</h6>
<div class="plan-price d-flex align-items-center justify-content-center"><span class="h2 font-weight-bold"><sup class="me-1">$</sup>20</span> <span class="h6 ms-2 mt-3 mb-0">/mo</span></div>
<ul class="py-3 fabrx-lines">
<li>Feature</li>
<li>
<svg data-name="Icon/Check" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M10.146.146A.5.5,0,0,1,10.9.8l-.048.056L4.187,7.52a.5.5,0,0,1-.651.048L3.48,7.52.146,4.187A.5.5,0,0,1,.8,3.431l.056.048,2.98,2.98Z" transform="translate(2.833 4.167)" fill="#212121"></path>
</svg>
</li>
<li>
<svg data-name="Icon/Check" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M10.146.146A.5.5,0,0,1,10.9.8l-.048.056L4.187,7.52a.5.5,0,0,1-.651.048L3.48,7.52.146,4.187A.5.5,0,0,1,.8,3.431l.056.048,2.98,2.98Z" transform="translate(2.833 4.167)" fill="#212121"></path>
</svg>
</li>
<li>Feature</li>
<li>Feature</li>
</ul>
<div class="pt-5 mt-4"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section fabrx-pricing bg-white">
<div class="container">
<div class="row">
<div class="col-md-12 text-center mb-3">
<h5 class="mb-0">Pricing</h5>
<h2 class="font-weight-bold">Make it yours today</h2>
<p class="fs-20">All packages come with a 30 day money back gurantee!</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 my-3 offset-lg-2">
<div class="card shadow-40 border border-gray-200">
<div class="card-body p-0">
<div class="plan-heading p-4 p-xl-5 bg-light border-bottom rounded-top">
<div class="text-center ps-3 ps-xl-0">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="35" viewBox="0 0 36 35"><path data-name="Icon Color" d="M7.125,28.437a4.077,4.077,0,0,1-4.118-3.766L3,24.428V15.312H2.624A2.592,2.592,0,0,1,0,12.761V9.843A2.592,2.592,0,0,1,2.624,7.292H3.766A4.623,4.623,0,0,1,3,4.74,4.8,4.8,0,0,1,7.856,0c2.666-.046,5.037,1.763,6.58,4.7l.188.377.018-.033C16.118,2.022,18.441.1,21.071,0l.3,0A4.807,4.807,0,0,1,26.249,4.74a4.624,4.624,0,0,1-.766,2.551h1.141A2.593,2.593,0,0,1,29.25,9.843v2.918a2.593,2.593,0,0,1-2.626,2.552h-.375v9.115a4.061,4.061,0,0,1-3.873,4l-.251.007Zm15-2.187a1.858,1.858,0,0,0,1.866-1.637L24,24.428V15.312H15.75V26.251ZM5.25,24.428A1.842,1.842,0,0,0,6.934,26.24l.192.011H13.5V15.312H5.25Zm21.375-11.3A.37.37,0,0,0,27,12.761V9.843a.37.37,0,0,0-.375-.364H15.75v3.645ZM2.25,9.843v2.918a.369.369,0,0,0,.374.364H13.5V9.48H2.624A.369.369,0,0,0,2.25,9.843ZM21.375,7.292A2.589,2.589,0,0,0,24,4.74a2.6,2.6,0,0,0-2.645-2.553c-2.059-.035-4.094,1.9-5.232,5.1Zm-8.248,0c-1.138-3.207-3.176-5.139-5.252-5.1A2.589,2.589,0,0,0,5.25,4.74,2.584,2.584,0,0,0,7.66,7.284l.215.008Z" transform="translate(3.375 3.281)" fill="#212121"/></svg>
<span class="d-block font-size-14 pt-1">Free</span>
</div>
<div class="plan-price pe-3 pe-xl-0"><span class="h3 font-weight-bold">$0</span> <span class="h6">/mo</span></div>
</div>
<ul class="fabrx-checks py-4 px-4 mx-3 mx-xl-0 px-xl-5 mb-0">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
<div class="pt-1 pb-5 text-center"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40 border border-gray-200">
<div class="card-body p-0">
<div class="plan-heading p-4 mx-3 mx-xl-0 p-xl-5 bg-light border-bottom rounded-top">
<div class="text-center ps-3 ps-xl-0">
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="35" viewBox="0 0 36 35"><path data-name="Icon Color" d="M7.125,28.437a4.077,4.077,0,0,1-4.118-3.766L3,24.428V15.312H2.624A2.592,2.592,0,0,1,0,12.761V9.843A2.592,2.592,0,0,1,2.624,7.292H3.766A4.623,4.623,0,0,1,3,4.74,4.8,4.8,0,0,1,7.856,0c2.666-.046,5.037,1.763,6.58,4.7l.188.377.018-.033C16.118,2.022,18.441.1,21.071,0l.3,0A4.807,4.807,0,0,1,26.249,4.74a4.624,4.624,0,0,1-.766,2.551h1.141A2.593,2.593,0,0,1,29.25,9.843v2.918a2.593,2.593,0,0,1-2.626,2.552h-.375v9.115a4.061,4.061,0,0,1-3.873,4l-.251.007Zm15-2.187a1.858,1.858,0,0,0,1.866-1.637L24,24.428V15.312H15.75V26.251ZM5.25,24.428A1.842,1.842,0,0,0,6.934,26.24l.192.011H13.5V15.312H5.25Zm21.375-11.3A.37.37,0,0,0,27,12.761V9.843a.37.37,0,0,0-.375-.364H15.75v3.645ZM2.25,9.843v2.918a.369.369,0,0,0,.374.364H13.5V9.48H2.624A.369.369,0,0,0,2.25,9.843ZM21.375,7.292A2.589,2.589,0,0,0,24,4.74a2.6,2.6,0,0,0-2.645-2.553c-2.059-.035-4.094,1.9-5.232,5.1Zm-8.248,0c-1.138-3.207-3.176-5.139-5.252-5.1A2.589,2.589,0,0,0,5.25,4.74,2.584,2.584,0,0,0,7.66,7.284l.215.008Z" transform="translate(3.375 3.281)" fill="#212121"/></svg>
<span class="d-block font-size-14 pt-1">Starter</span>
</div>
<div class="plan-price pe-3 pe-xl-0"><span class="h3 font-weight-bold">$20</span> <span class="h6">/mo</span></div>
</div>
<ul class="fabrx-checks py-4 px-4 mx-3 mx-xl-0 px-xl-5 mb-0">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
<div class="pt-1 pb-5 text-center"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
Pricing
Make it yours today
All packages come with a 30 day money back gurantee!
Personal
$10
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
Personal
$20
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
Personal
$30
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
- Single domain
<section class="fabrx-section fabrx-pricing price-table-two bg-white">
<div class="container">
<div class="row">
<div class="col-12 mb-md-5">
<h5 class="mb-0">Pricing</h5>
<h2 class="font-weight-bold">Make it yours today</h2>
<p class="fs-20">All packages come with a 30 day money back gurantee!</p>
</div>
</div>
</div>
<div class="bg-white">
<div class="container">
<div class="row">
<div class="col-12">
<div class="card rounded-0">
<div class="card-body px-4 px-md-0 py-5">
<div class="row align-items-center">
<div class="col-lg-3 col-md-4">
<div class="has-vertical-line py-2 py-md-4">
<h6 class="mb-2 font-weight-normal">Personal</h6>
<div class="plan-price d-flex align-items-center"><span class="h2 font-weight-bold">$10</span></div>
</div>
</div>
<div class="col-lg-6 col-md-8">
<div class="row mb-3 mb-md-0">
<div class="col-sm-6">
<ul class="fabrx-checks pl-md-4 mb-0 mb-md-4 ps-xl-5">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="fabrx-checks pl-md-4 mb-0 mb-md-4 ps-xl-5">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-12 pt-4 text-center"><a href="#0" class="btn btn-xl btn-primary">Subscribe</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-shade-50">
<div class="container">
<div class="row">
<div class="col-12">
<div class="card rounded-0 bg-transparent">
<div class="card-body px-4 px-md-0 py-5">
<div class="row align-items-center">
<div class="col-lg-3 col-md-4">
<div class="has-vertical-line py-2 py-md-4">
<h6 class="mb-2 font-weight-normal">Personal</h6>
<div class="plan-price d-flex align-items-center"><span class="h2 font-weight-bold">$20</span></div>
</div>
</div>
<div class="col-lg-6 col-md-8">
<div class="row mb-3 mb-md-0">
<div class="col-sm-6">
<ul class="fabrx-checks pl-md-4 mb-0 mb-md-4 ps-xl-5">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="fabrx-checks pl-md-4 mb-0 mb-md-4 ps-xl-5">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-12 pt-4 text-center"><a href="#0" class="btn btn-xl btn-primary">Subscribe</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-white">
<div class="container">
<div class="row">
<div class="col-12">
<div class="card rounded-0">
<div class="card-body px-4 px-md-0 py-5">
<div class="row align-items-center">
<div class="col-lg-3 col-md-4">
<div class="has-vertical-line py-2 py-md-4">
<h6 class="mb-2 font-weight-normal">Personal</h6>
<div class="plan-price d-flex align-items-center"><span class="h2 font-weight-bold">$30</span></div>
</div>
</div>
<div class="col-lg-6 col-md-8">
<div class="row mb-3 mb-md-0">
<div class="col-sm-6">
<ul class="fabrx-checks pl-md-4 mb-0 mb-md-4 ps-xl-5">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="fabrx-checks pl-md-4 mb-0 mb-md-4 ps-xl-5">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-12 pt-4 text-center"><a href="#0" class="btn btn-xl btn-primary">Subscribe</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Pricing
Make it yours today
All packages come with a 30 day money back gurantee!
Personal
The carbon in our apple pies with pretty stories for which there's little good evidence
$10Agency
The carbon in our apple pies with pretty stories for which there's little good evidence
$25Corporate
The carbon in our apple pies with pretty stories for which there's little good evidence
$48
<section class="fabrx-section fabrx-pricing bg-white">
<div class="container">
<div class="row">
<div class="col-md-12 text-center mb-4">
<h5 class="mb-0">Pricing</h5>
<h2 class="font-weight-bold">Make it yours today</h2>
<p class="fs-20">All packages come with a 30 day money back gurantee!</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-40 border border-gray-200">
<div class="card-body p-4 p-xl-5 m-3 m-xl-0 text-center">
<h5 class="mb-3 mb-xl-4">Personal</h5>
<p>The carbon in our apple pies with pretty stories for which there's little good evidence </p>
<span class="h2 d-block pb-1 font-weight-bold">$10</span>
<div class="pt-3 d-grid"><a href="#0" class="btn btn-xl btn-primary">Subscribe</a></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-40 bg-shade-50">
<div class="card-body p-4 p-xl-5 m-3 m-xl-0 text-center">
<h5 class="mb-3 mb-xl-4">Agency</h5>
<p>The carbon in our apple pies with pretty stories for which there's little good evidence </p>
<span class="h2 d-block pb-1 font-weight-bold">$25</span>
<div class="pt-3 d-grid"><a href="#0" class="btn btn-xl btn-primary">Subscribe</a></div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card rounded-12 shadow-40 border border-gray-200">
<div class="card-body p-4 p-xl-5 m-3 m-xl-0 text-center">
<h5 class="mb-3 mb-xl-4">Corporate</h5>
<p>The carbon in our apple pies with pretty stories for which there's little good evidence </p>
<span class="h2 d-block pb-1 font-weight-bold">$48</span>
<div class="pt-3 d-grid"><a href="#0" class="btn btn-xl btn-primary">Subscribe</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
Galleries
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-masonry">
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-5.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-5.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-5.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-5.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-5.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-5.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-masonry">
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-6.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-6.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-6.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-6.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-6.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-6.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-masonry">
<div class="masonry-item item-width-three">
<div class="card">
<img src="../assets/images/galleries/gallery-7.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-8.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-8.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-masonry">
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-8.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item item-width-three">
<div class="card">
<img src="../assets/images/galleries/gallery-7.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-8.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-masonry">
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-9.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-10.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-11.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-14.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-12.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-13.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-masonry">
<div class="masonry-item item-width-two">
<div class="card">
<img src="../assets/images/galleries/gallery-15.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item item-width-two">
<div class="card">
<img src="../assets/images/galleries/gallery-15.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
<div class="masonry-item item-width-full">
<div class="card">
<img src="../assets/images/galleries/gallery-16.jpg" alt="Card Image" class="rounded-6">
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-masonry">
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-17.jpg" alt="Card Image" class="rounded-6">
<div class="card-img-overlay bg-trans-64">
<div class="overlay-wrap justify-content-center text-center">
<div class="mb-2 mb-lg-4">
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/share" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M12,15.75a3.741,3.741,0,0,1,.118-.936l-5.4-2.779a3.75,3.75,0,1,1,0-4.568l5.4-2.78a3.759,3.759,0,1,1,.66,1.348l-5.4,2.78a3.764,3.764,0,0,1,0,1.872l5.4,2.78A3.747,3.747,0,1,1,12,15.75Zm1.5,0a2.251,2.251,0,1,0,.249-1.028.758.758,0,0,1-.032.072l-.019.034A2.236,2.236,0,0,0,13.5,15.75Zm-12-6A2.25,2.25,0,0,0,5.75,10.781a.757.757,0,0,1,.034-.075l.02-.037a2.248,2.248,0,0,0,0-1.841l-.019-.035a.763.763,0,0,1-.032-.072A2.25,2.25,0,0,0,1.5,9.751ZM15.75,6A2.251,2.251,0,1,0,13.7,4.669l.02.037a.762.762,0,0,1,.033.074A2.253,2.253,0,0,0,15.75,6Z" transform="translate(2.25 2.25)" fill="#212121"/>
</svg>
</a>
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/link" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.256,16.316a4.285,4.285,0,0,1-.157-5.9l.157-.165,3.994-4a4.251,4.251,0,0,1,6.071,0,.75.75,0,1,1-1.071,1.05,2.75,2.75,0,0,0-3.787-.134l-.147.14-4,4a2.786,2.786,0,0,0,3.8,4.07l.14-.13.5-.5a.75.75,0,0,1,1.133.976l-.073.084-.5.5a4.286,4.286,0,0,1-6.061,0ZM6.25,11.31a.75.75,0,0,1,1.072-1.049,2.749,2.749,0,0,0,3.786.134l.148-.14,4-4a2.786,2.786,0,0,0-3.8-4.07l-.139.131-.5.5A.75.75,0,0,1,9.682,1.84l.073-.085.5-.5a4.285,4.285,0,0,1,6.217,5.9l-.157.166-4,3.994a4.251,4.251,0,0,1-6.071,0Z" transform="translate(3.214 3.214)" fill="#212121"/>
</svg>
</a>
</div>
<h4 class="card-title text-white mb-0 mb-lg-2">Nebula</h4>
<p class="font-size-14 text-white">This is a short description</p>
</div>
</div>
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-18.jpg" alt="Card Image" class="rounded-6">
<div class="card-img-overlay bg-trans-64">
<div class="overlay-wrap justify-content-center text-center">
<div class="mb-2 mb-lg-4">
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/share" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M12,15.75a3.741,3.741,0,0,1,.118-.936l-5.4-2.779a3.75,3.75,0,1,1,0-4.568l5.4-2.78a3.759,3.759,0,1,1,.66,1.348l-5.4,2.78a3.764,3.764,0,0,1,0,1.872l5.4,2.78A3.747,3.747,0,1,1,12,15.75Zm1.5,0a2.251,2.251,0,1,0,.249-1.028.758.758,0,0,1-.032.072l-.019.034A2.236,2.236,0,0,0,13.5,15.75Zm-12-6A2.25,2.25,0,0,0,5.75,10.781a.757.757,0,0,1,.034-.075l.02-.037a2.248,2.248,0,0,0,0-1.841l-.019-.035a.763.763,0,0,1-.032-.072A2.25,2.25,0,0,0,1.5,9.751ZM15.75,6A2.251,2.251,0,1,0,13.7,4.669l.02.037a.762.762,0,0,1,.033.074A2.253,2.253,0,0,0,15.75,6Z" transform="translate(2.25 2.25)" fill="#212121"/>
</svg>
</a>
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/link" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.256,16.316a4.285,4.285,0,0,1-.157-5.9l.157-.165,3.994-4a4.251,4.251,0,0,1,6.071,0,.75.75,0,1,1-1.071,1.05,2.75,2.75,0,0,0-3.787-.134l-.147.14-4,4a2.786,2.786,0,0,0,3.8,4.07l.14-.13.5-.5a.75.75,0,0,1,1.133.976l-.073.084-.5.5a4.286,4.286,0,0,1-6.061,0ZM6.25,11.31a.75.75,0,0,1,1.072-1.049,2.749,2.749,0,0,0,3.786.134l.148-.14,4-4a2.786,2.786,0,0,0-3.8-4.07l-.139.131-.5.5A.75.75,0,0,1,9.682,1.84l.073-.085.5-.5a4.285,4.285,0,0,1,6.217,5.9l-.157.166-4,3.994a4.251,4.251,0,0,1-6.071,0Z" transform="translate(3.214 3.214)" fill="#212121"/>
</svg>
</a>
</div>
<h4 class="card-title text-white mb-0 mb-lg-2">Nebula</h4>
<p class="font-size-14 text-white">This is a short description</p>
</div>
</div>
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-19.jpg" alt="Card Image" class="rounded-6">
<div class="card-img-overlay bg-trans-64">
<div class="overlay-wrap justify-content-center text-center">
<div class="mb-2 mb-lg-4">
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/share" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M12,15.75a3.741,3.741,0,0,1,.118-.936l-5.4-2.779a3.75,3.75,0,1,1,0-4.568l5.4-2.78a3.759,3.759,0,1,1,.66,1.348l-5.4,2.78a3.764,3.764,0,0,1,0,1.872l5.4,2.78A3.747,3.747,0,1,1,12,15.75Zm1.5,0a2.251,2.251,0,1,0,.249-1.028.758.758,0,0,1-.032.072l-.019.034A2.236,2.236,0,0,0,13.5,15.75Zm-12-6A2.25,2.25,0,0,0,5.75,10.781a.757.757,0,0,1,.034-.075l.02-.037a2.248,2.248,0,0,0,0-1.841l-.019-.035a.763.763,0,0,1-.032-.072A2.25,2.25,0,0,0,1.5,9.751ZM15.75,6A2.251,2.251,0,1,0,13.7,4.669l.02.037a.762.762,0,0,1,.033.074A2.253,2.253,0,0,0,15.75,6Z" transform="translate(2.25 2.25)" fill="#212121"/>
</svg>
</a>
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/link" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.256,16.316a4.285,4.285,0,0,1-.157-5.9l.157-.165,3.994-4a4.251,4.251,0,0,1,6.071,0,.75.75,0,1,1-1.071,1.05,2.75,2.75,0,0,0-3.787-.134l-.147.14-4,4a2.786,2.786,0,0,0,3.8,4.07l.14-.13.5-.5a.75.75,0,0,1,1.133.976l-.073.084-.5.5a4.286,4.286,0,0,1-6.061,0ZM6.25,11.31a.75.75,0,0,1,1.072-1.049,2.749,2.749,0,0,0,3.786.134l.148-.14,4-4a2.786,2.786,0,0,0-3.8-4.07l-.139.131-.5.5A.75.75,0,0,1,9.682,1.84l.073-.085.5-.5a4.285,4.285,0,0,1,6.217,5.9l-.157.166-4,3.994a4.251,4.251,0,0,1-6.071,0Z" transform="translate(3.214 3.214)" fill="#212121"/>
</svg>
</a>
</div>
<h4 class="card-title text-white mb-0 mb-lg-2">Nebula</h4>
<p class="font-size-14 text-white">This is a short description</p>
</div>
</div>
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-20.jpg" alt="Card Image" class="rounded-6">
<div class="card-img-overlay bg-trans-64">
<div class="overlay-wrap justify-content-center text-center">
<div class="mb-2 mb-lg-4">
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/share" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M12,15.75a3.741,3.741,0,0,1,.118-.936l-5.4-2.779a3.75,3.75,0,1,1,0-4.568l5.4-2.78a3.759,3.759,0,1,1,.66,1.348l-5.4,2.78a3.764,3.764,0,0,1,0,1.872l5.4,2.78A3.747,3.747,0,1,1,12,15.75Zm1.5,0a2.251,2.251,0,1,0,.249-1.028.758.758,0,0,1-.032.072l-.019.034A2.236,2.236,0,0,0,13.5,15.75Zm-12-6A2.25,2.25,0,0,0,5.75,10.781a.757.757,0,0,1,.034-.075l.02-.037a2.248,2.248,0,0,0,0-1.841l-.019-.035a.763.763,0,0,1-.032-.072A2.25,2.25,0,0,0,1.5,9.751ZM15.75,6A2.251,2.251,0,1,0,13.7,4.669l.02.037a.762.762,0,0,1,.033.074A2.253,2.253,0,0,0,15.75,6Z" transform="translate(2.25 2.25)" fill="#212121"/>
</svg>
</a>
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/link" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.256,16.316a4.285,4.285,0,0,1-.157-5.9l.157-.165,3.994-4a4.251,4.251,0,0,1,6.071,0,.75.75,0,1,1-1.071,1.05,2.75,2.75,0,0,0-3.787-.134l-.147.14-4,4a2.786,2.786,0,0,0,3.8,4.07l.14-.13.5-.5a.75.75,0,0,1,1.133.976l-.073.084-.5.5a4.286,4.286,0,0,1-6.061,0ZM6.25,11.31a.75.75,0,0,1,1.072-1.049,2.749,2.749,0,0,0,3.786.134l.148-.14,4-4a2.786,2.786,0,0,0-3.8-4.07l-.139.131-.5.5A.75.75,0,0,1,9.682,1.84l.073-.085.5-.5a4.285,4.285,0,0,1,6.217,5.9l-.157.166-4,3.994a4.251,4.251,0,0,1-6.071,0Z" transform="translate(3.214 3.214)" fill="#212121"/>
</svg>
</a>
</div>
<h4 class="card-title text-white mb-0 mb-lg-2">Nebula</h4>
<p class="font-size-14 text-white">This is a short description</p>
</div>
</div>
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-21.jpg" alt="Card Image" class="rounded-6">
<div class="card-img-overlay bg-trans-64">
<div class="overlay-wrap justify-content-center text-center">
<div class="mb-2 mb-lg-4">
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/share" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M12,15.75a3.741,3.741,0,0,1,.118-.936l-5.4-2.779a3.75,3.75,0,1,1,0-4.568l5.4-2.78a3.759,3.759,0,1,1,.66,1.348l-5.4,2.78a3.764,3.764,0,0,1,0,1.872l5.4,2.78A3.747,3.747,0,1,1,12,15.75Zm1.5,0a2.251,2.251,0,1,0,.249-1.028.758.758,0,0,1-.032.072l-.019.034A2.236,2.236,0,0,0,13.5,15.75Zm-12-6A2.25,2.25,0,0,0,5.75,10.781a.757.757,0,0,1,.034-.075l.02-.037a2.248,2.248,0,0,0,0-1.841l-.019-.035a.763.763,0,0,1-.032-.072A2.25,2.25,0,0,0,1.5,9.751ZM15.75,6A2.251,2.251,0,1,0,13.7,4.669l.02.037a.762.762,0,0,1,.033.074A2.253,2.253,0,0,0,15.75,6Z" transform="translate(2.25 2.25)" fill="#212121"/>
</svg>
</a>
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/link" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.256,16.316a4.285,4.285,0,0,1-.157-5.9l.157-.165,3.994-4a4.251,4.251,0,0,1,6.071,0,.75.75,0,1,1-1.071,1.05,2.75,2.75,0,0,0-3.787-.134l-.147.14-4,4a2.786,2.786,0,0,0,3.8,4.07l.14-.13.5-.5a.75.75,0,0,1,1.133.976l-.073.084-.5.5a4.286,4.286,0,0,1-6.061,0ZM6.25,11.31a.75.75,0,0,1,1.072-1.049,2.749,2.749,0,0,0,3.786.134l.148-.14,4-4a2.786,2.786,0,0,0-3.8-4.07l-.139.131-.5.5A.75.75,0,0,1,9.682,1.84l.073-.085.5-.5a4.285,4.285,0,0,1,6.217,5.9l-.157.166-4,3.994a4.251,4.251,0,0,1-6.071,0Z" transform="translate(3.214 3.214)" fill="#212121"/>
</svg>
</a>
</div>
<h4 class="card-title text-white mb-0 mb-lg-2">Nebula</h4>
<p class="font-size-14 text-white">This is a short description</p>
</div>
</div>
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-22.jpg" alt="Card Image" class="rounded-6">
<div class="card-img-overlay bg-trans-64">
<div class="overlay-wrap justify-content-center text-center">
<div class="mb-2 mb-lg-4">
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/share" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M12,15.75a3.741,3.741,0,0,1,.118-.936l-5.4-2.779a3.75,3.75,0,1,1,0-4.568l5.4-2.78a3.759,3.759,0,1,1,.66,1.348l-5.4,2.78a3.764,3.764,0,0,1,0,1.872l5.4,2.78A3.747,3.747,0,1,1,12,15.75Zm1.5,0a2.251,2.251,0,1,0,.249-1.028.758.758,0,0,1-.032.072l-.019.034A2.236,2.236,0,0,0,13.5,15.75Zm-12-6A2.25,2.25,0,0,0,5.75,10.781a.757.757,0,0,1,.034-.075l.02-.037a2.248,2.248,0,0,0,0-1.841l-.019-.035a.763.763,0,0,1-.032-.072A2.25,2.25,0,0,0,1.5,9.751ZM15.75,6A2.251,2.251,0,1,0,13.7,4.669l.02.037a.762.762,0,0,1,.033.074A2.253,2.253,0,0,0,15.75,6Z" transform="translate(2.25 2.25)" fill="#212121"/>
</svg>
</a>
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/link" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.256,16.316a4.285,4.285,0,0,1-.157-5.9l.157-.165,3.994-4a4.251,4.251,0,0,1,6.071,0,.75.75,0,1,1-1.071,1.05,2.75,2.75,0,0,0-3.787-.134l-.147.14-4,4a2.786,2.786,0,0,0,3.8,4.07l.14-.13.5-.5a.75.75,0,0,1,1.133.976l-.073.084-.5.5a4.286,4.286,0,0,1-6.061,0ZM6.25,11.31a.75.75,0,0,1,1.072-1.049,2.749,2.749,0,0,0,3.786.134l.148-.14,4-4a2.786,2.786,0,0,0-3.8-4.07l-.139.131-.5.5A.75.75,0,0,1,9.682,1.84l.073-.085.5-.5a4.285,4.285,0,0,1,6.217,5.9l-.157.166-4,3.994a4.251,4.251,0,0,1-6.071,0Z" transform="translate(3.214 3.214)" fill="#212121"/>
</svg>
</a>
</div>
<h4 class="card-title text-white mb-0 mb-lg-2">Nebula</h4>
<p class="font-size-14 text-white">This is a short description</p>
</div>
</div>
</div>
</div>
<div class="masonry-item">
<div class="card">
<img src="../assets/images/galleries/gallery-23.jpg" alt="Card Image" class="rounded-6">
<div class="card-img-overlay bg-trans-64">
<div class="overlay-wrap justify-content-center text-center">
<div class="mb-2 mb-lg-4">
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/share" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M12,15.75a3.741,3.741,0,0,1,.118-.936l-5.4-2.779a3.75,3.75,0,1,1,0-4.568l5.4-2.78a3.759,3.759,0,1,1,.66,1.348l-5.4,2.78a3.764,3.764,0,0,1,0,1.872l5.4,2.78A3.747,3.747,0,1,1,12,15.75Zm1.5,0a2.251,2.251,0,1,0,.249-1.028.758.758,0,0,1-.032.072l-.019.034A2.236,2.236,0,0,0,13.5,15.75Zm-12-6A2.25,2.25,0,0,0,5.75,10.781a.757.757,0,0,1,.034-.075l.02-.037a2.248,2.248,0,0,0,0-1.841l-.019-.035a.763.763,0,0,1-.032-.072A2.25,2.25,0,0,0,1.5,9.751ZM15.75,6A2.251,2.251,0,1,0,13.7,4.669l.02.037a.762.762,0,0,1,.033.074A2.253,2.253,0,0,0,15.75,6Z" transform="translate(2.25 2.25)" fill="#212121"/>
</svg>
</a>
<a href="#0" class="badge badge-light circle xxl">
<svg data-name="Icon/link" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.256,16.316a4.285,4.285,0,0,1-.157-5.9l.157-.165,3.994-4a4.251,4.251,0,0,1,6.071,0,.75.75,0,1,1-1.071,1.05,2.75,2.75,0,0,0-3.787-.134l-.147.14-4,4a2.786,2.786,0,0,0,3.8,4.07l.14-.13.5-.5a.75.75,0,0,1,1.133.976l-.073.084-.5.5a4.286,4.286,0,0,1-6.061,0ZM6.25,11.31a.75.75,0,0,1,1.072-1.049,2.749,2.749,0,0,0,3.786.134l.148-.14,4-4a2.786,2.786,0,0,0-3.8-4.07l-.139.131-.5.5A.75.75,0,0,1,9.682,1.84l.073-.085.5-.5a4.285,4.285,0,0,1,6.217,5.9l-.157.166-4,3.994a4.251,4.251,0,0,1-6.071,0Z" transform="translate(3.214 3.214)" fill="#212121"/>
</svg>
</a>
</div>
<h4 class="card-title text-white mb-0 mb-lg-2">Nebula</h4>
<p class="font-size-14 text-white">This is a short description</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Testimonials
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
Sammy Lawson
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.
Azah Anyeni
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.
Cecilia Pozo
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200">
<div class="card-body pt-lg-5">
<div class="testimonial-author d-flex align-items-center">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<div class="ps-3">
<strong class="d-block text-gray-800">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 mb-4">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.</p>
<div class="text-end mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22">
<path data-name="Icon Color" d="M23.042,22H14.893a.965.965,0,0,1-.958-.969V12.69a21.7,21.7,0,0,1,.547-5.06,12.285,12.285,0,0,1,1.7-4.005A8.341,8.341,0,0,1,19.075.951,8.136,8.136,0,0,1,23.042,0,.965.965,0,0,1,24,.97V4.92a.965.965,0,0,1-.958.969c-1.859,0-2.873,1.962-3.012,5.83h3.012a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,23.042,22ZM9.107,22H.958A.965.965,0,0,1,0,21.03V12.69A21.64,21.64,0,0,1,.548,7.63a12.264,12.264,0,0,1,1.7-4.005A8.335,8.335,0,0,1,5.139.951,8.138,8.138,0,0,1,9.107,0a.965.965,0,0,1,.958.97V4.92a.965.965,0,0,1-.958.969c-1.886,0-2.914,1.962-3.056,5.83H9.107a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,9.107,22Z" transform="translate(24 22) rotate(-180)" fill="#0d6efd"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200">
<div class="card-body pt-lg-5">
<div class="testimonial-author d-flex align-items-center">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-2.png" alt="Avatar"></div>
<div class="ps-3">
<strong class="d-block text-gray-800">Azah Anyeni</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 mb-4">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.</p>
<div class="text-end mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22">
<path data-name="Icon Color" d="M23.042,22H14.893a.965.965,0,0,1-.958-.969V12.69a21.7,21.7,0,0,1,.547-5.06,12.285,12.285,0,0,1,1.7-4.005A8.341,8.341,0,0,1,19.075.951,8.136,8.136,0,0,1,23.042,0,.965.965,0,0,1,24,.97V4.92a.965.965,0,0,1-.958.969c-1.859,0-2.873,1.962-3.012,5.83h3.012a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,23.042,22ZM9.107,22H.958A.965.965,0,0,1,0,21.03V12.69A21.64,21.64,0,0,1,.548,7.63a12.264,12.264,0,0,1,1.7-4.005A8.335,8.335,0,0,1,5.139.951,8.138,8.138,0,0,1,9.107,0a.965.965,0,0,1,.958.97V4.92a.965.965,0,0,1-.958.969c-1.886,0-2.914,1.962-3.056,5.83H9.107a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,9.107,22Z" transform="translate(24 22) rotate(-180)" fill="#0d6efd"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-3">
<div class="card rounded-12 shadow-20 border border-gray-200">
<div class="card-body pt-lg-5">
<div class="testimonial-author d-flex align-items-center">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-3.png" alt="Avatar"></div>
<div class="ps-3">
<strong class="d-block text-gray-800">Cecilia Pozo</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 mb-4">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.</p>
<div class="text-end mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22">
<path data-name="Icon Color" d="M23.042,22H14.893a.965.965,0,0,1-.958-.969V12.69a21.7,21.7,0,0,1,.547-5.06,12.285,12.285,0,0,1,1.7-4.005A8.341,8.341,0,0,1,19.075.951,8.136,8.136,0,0,1,23.042,0,.965.965,0,0,1,24,.97V4.92a.965.965,0,0,1-.958.969c-1.859,0-2.873,1.962-3.012,5.83h3.012a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,23.042,22ZM9.107,22H.958A.965.965,0,0,1,0,21.03V12.69A21.64,21.64,0,0,1,.548,7.63a12.264,12.264,0,0,1,1.7-4.005A8.335,8.335,0,0,1,5.139.951,8.138,8.138,0,0,1,9.107,0a.965.965,0,0,1,.958.97V4.92a.965.965,0,0,1-.958.969c-1.886,0-2.914,1.962-3.056,5.83H9.107a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,9.107,22Z" transform="translate(24 22) rotate(-180)" fill="#0d6efd"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
See what clients say about us
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum.
Sammy Lawson
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.
Sammy Lawson
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.
Sammy Lawson
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.
Sammy Lawson
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.
Sammy Lawson
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.
Sammy Lawson
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-4 mt-3">
<div class="text-start mt-0 mt-md-5">
<h3 class="font-weight-bold mb-2 mb-xl-3">See what clients say about us</h3>
<p class="font-size-14 lh-24 mb-4 mb-xl-3">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum.</p>
</div>
</div>
<div class="col-lg-8">
<div class="swiper-slider-box">
<div class="swiper-container swiper-two">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="card rounded-12 shadow-20 border border-gray-200 m-2 m-xl-3">
<div class="card-body pt-lg-5">
<div class="testimonial-author d-flex align-items-center">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<div class="ps-3">
<strong class="d-block text-gray-800">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 mb-4">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.</p>
<div class="text-end mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22">
<path data-name="Icon Color" d="M23.042,22H14.893a.965.965,0,0,1-.958-.969V12.69a21.7,21.7,0,0,1,.547-5.06,12.285,12.285,0,0,1,1.7-4.005A8.341,8.341,0,0,1,19.075.951,8.136,8.136,0,0,1,23.042,0,.965.965,0,0,1,24,.97V4.92a.965.965,0,0,1-.958.969c-1.859,0-2.873,1.962-3.012,5.83h3.012a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,23.042,22ZM9.107,22H.958A.965.965,0,0,1,0,21.03V12.69A21.64,21.64,0,0,1,.548,7.63a12.264,12.264,0,0,1,1.7-4.005A8.335,8.335,0,0,1,5.139.951,8.138,8.138,0,0,1,9.107,0a.965.965,0,0,1,.958.97V4.92a.965.965,0,0,1-.958.969c-1.886,0-2.914,1.962-3.056,5.83H9.107a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,9.107,22Z" transform="translate(24 22) rotate(-180)" fill="#0d6efd"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card rounded-12 shadow-20 border border-gray-200 m-2 m-xl-3">
<div class="card-body pt-lg-5">
<div class="testimonial-author d-flex align-items-center">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-2.png" alt="Avatar"></div>
<div class="ps-3">
<strong class="d-block text-gray-800">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 mb-4">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.</p>
<div class="text-end mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22">
<path data-name="Icon Color" d="M23.042,22H14.893a.965.965,0,0,1-.958-.969V12.69a21.7,21.7,0,0,1,.547-5.06,12.285,12.285,0,0,1,1.7-4.005A8.341,8.341,0,0,1,19.075.951,8.136,8.136,0,0,1,23.042,0,.965.965,0,0,1,24,.97V4.92a.965.965,0,0,1-.958.969c-1.859,0-2.873,1.962-3.012,5.83h3.012a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,23.042,22ZM9.107,22H.958A.965.965,0,0,1,0,21.03V12.69A21.64,21.64,0,0,1,.548,7.63a12.264,12.264,0,0,1,1.7-4.005A8.335,8.335,0,0,1,5.139.951,8.138,8.138,0,0,1,9.107,0a.965.965,0,0,1,.958.97V4.92a.965.965,0,0,1-.958.969c-1.886,0-2.914,1.962-3.056,5.83H9.107a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,9.107,22Z" transform="translate(24 22) rotate(-180)" fill="#0d6efd"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card rounded-12 shadow-20 border border-gray-200 m-2 m-xl-3">
<div class="card-body pt-lg-5">
<div class="testimonial-author d-flex align-items-center">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<div class="ps-3">
<strong class="d-block text-gray-800">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 mb-4">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.</p>
<div class="text-end mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22">
<path data-name="Icon Color" d="M23.042,22H14.893a.965.965,0,0,1-.958-.969V12.69a21.7,21.7,0,0,1,.547-5.06,12.285,12.285,0,0,1,1.7-4.005A8.341,8.341,0,0,1,19.075.951,8.136,8.136,0,0,1,23.042,0,.965.965,0,0,1,24,.97V4.92a.965.965,0,0,1-.958.969c-1.859,0-2.873,1.962-3.012,5.83h3.012a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,23.042,22ZM9.107,22H.958A.965.965,0,0,1,0,21.03V12.69A21.64,21.64,0,0,1,.548,7.63a12.264,12.264,0,0,1,1.7-4.005A8.335,8.335,0,0,1,5.139.951,8.138,8.138,0,0,1,9.107,0a.965.965,0,0,1,.958.97V4.92a.965.965,0,0,1-.958.969c-1.886,0-2.914,1.962-3.056,5.83H9.107a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,9.107,22Z" transform="translate(24 22) rotate(-180)" fill="#0d6efd"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card rounded-12 shadow-20 border border-gray-200 m-2 m-xl-3">
<div class="card-body pt-lg-5">
<div class="testimonial-author d-flex align-items-center">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-2.png" alt="Avatar"></div>
<div class="ps-3">
<strong class="d-block text-gray-800">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 mb-4">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.</p>
<div class="text-end mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22">
<path data-name="Icon Color" d="M23.042,22H14.893a.965.965,0,0,1-.958-.969V12.69a21.7,21.7,0,0,1,.547-5.06,12.285,12.285,0,0,1,1.7-4.005A8.341,8.341,0,0,1,19.075.951,8.136,8.136,0,0,1,23.042,0,.965.965,0,0,1,24,.97V4.92a.965.965,0,0,1-.958.969c-1.859,0-2.873,1.962-3.012,5.83h3.012a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,23.042,22ZM9.107,22H.958A.965.965,0,0,1,0,21.03V12.69A21.64,21.64,0,0,1,.548,7.63a12.264,12.264,0,0,1,1.7-4.005A8.335,8.335,0,0,1,5.139.951,8.138,8.138,0,0,1,9.107,0a.965.965,0,0,1,.958.97V4.92a.965.965,0,0,1-.958.969c-1.886,0-2.914,1.962-3.056,5.83H9.107a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,9.107,22Z" transform="translate(24 22) rotate(-180)" fill="#0d6efd"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card rounded-12 shadow-20 border border-gray-200 m-2 m-xl-3">
<div class="card-body pt-lg-5">
<div class="testimonial-author d-flex align-items-center">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<div class="ps-3">
<strong class="d-block text-gray-800">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 mb-4">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.</p>
<div class="text-end mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22">
<path data-name="Icon Color" d="M23.042,22H14.893a.965.965,0,0,1-.958-.969V12.69a21.7,21.7,0,0,1,.547-5.06,12.285,12.285,0,0,1,1.7-4.005A8.341,8.341,0,0,1,19.075.951,8.136,8.136,0,0,1,23.042,0,.965.965,0,0,1,24,.97V4.92a.965.965,0,0,1-.958.969c-1.859,0-2.873,1.962-3.012,5.83h3.012a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,23.042,22ZM9.107,22H.958A.965.965,0,0,1,0,21.03V12.69A21.64,21.64,0,0,1,.548,7.63a12.264,12.264,0,0,1,1.7-4.005A8.335,8.335,0,0,1,5.139.951,8.138,8.138,0,0,1,9.107,0a.965.965,0,0,1,.958.97V4.92a.965.965,0,0,1-.958.969c-1.886,0-2.914,1.962-3.056,5.83H9.107a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,9.107,22Z" transform="translate(24 22) rotate(-180)" fill="#0d6efd"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card rounded-12 shadow-20 border border-gray-200 m-2 m-xl-3">
<div class="card-body pt-lg-5">
<div class="testimonial-author d-flex align-items-center">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-2.png" alt="Avatar"></div>
<div class="ps-3">
<strong class="d-block text-gray-800">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 mb-4">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.</p>
<div class="text-end mb-2">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22">
<path data-name="Icon Color" d="M23.042,22H14.893a.965.965,0,0,1-.958-.969V12.69a21.7,21.7,0,0,1,.547-5.06,12.285,12.285,0,0,1,1.7-4.005A8.341,8.341,0,0,1,19.075.951,8.136,8.136,0,0,1,23.042,0,.965.965,0,0,1,24,.97V4.92a.965.965,0,0,1-.958.969c-1.859,0-2.873,1.962-3.012,5.83h3.012a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,23.042,22ZM9.107,22H.958A.965.965,0,0,1,0,21.03V12.69A21.64,21.64,0,0,1,.548,7.63a12.264,12.264,0,0,1,1.7-4.005A8.335,8.335,0,0,1,5.139.951,8.138,8.138,0,0,1,9.107,0a.965.965,0,0,1,.958.97V4.92a.965.965,0,0,1-.958.969c-1.886,0-2.914,1.962-3.056,5.83H9.107a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,9.107,22Z" transform="translate(24 22) rotate(-180)" fill="#0d6efd"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</div>
</section>
Edward Lindgren
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.
Jesús Moruga
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.
Abayo Stevens
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-6 my-4 my-xl-3">
<div class="card rounded-12 shadow-20 border border-gray-200">
<div class="card-body text-center pt-0">
<div class="testimonial-author stack">
<a href="#0" class="fabrx-avatar xl mb-2"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
<div class="px-3">
<strong class="d-block text-gray-800">Edward Lindgren</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.</p>
<div class="text-end mt-2 mt-md-5">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22">
<g transform="translate(0 0)">
<path data-name="Icon Color" d="M23.042,22H14.893a.965.965,0,0,1-.958-.969V12.69a21.7,21.7,0,0,1,.547-5.06,12.285,12.285,0,0,1,1.7-4.005A8.341,8.341,0,0,1,19.075.951,8.136,8.136,0,0,1,23.042,0,.965.965,0,0,1,24,.97V4.92a.965.965,0,0,1-.958.969c-1.859,0-2.873,1.962-3.012,5.83h3.012a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,23.042,22ZM9.107,22H.958A.965.965,0,0,1,0,21.03V12.69A21.64,21.64,0,0,1,.548,7.63a12.264,12.264,0,0,1,1.7-4.005A8.335,8.335,0,0,1,5.139.951,8.138,8.138,0,0,1,9.107,0a.965.965,0,0,1,.958.97V4.92a.965.965,0,0,1-.958.969c-1.886,0-2.914,1.962-3.056,5.83H9.107a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,9.107,22Z" transform="translate(24 22) rotate(-180)" fill="#006eff"></path>
</g>
</svg>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-4 my-xl-3">
<div class="card rounded-12 shadow-20 border border-gray-200">
<div class="card-body text-center pt-0">
<div class="testimonial-author stack">
<a href="#0" class="fabrx-avatar xl mb-2"><img src="../assets/images/avatars/avatar-2.png" alt="Avatar"></a>
<div class="px-3">
<strong class="d-block text-gray-800">Jesús Moruga</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.</p>
<div class="text-end mt-2 mt-md-5">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22">
<g transform="translate(0 0)">
<path data-name="Icon Color" d="M23.042,22H14.893a.965.965,0,0,1-.958-.969V12.69a21.7,21.7,0,0,1,.547-5.06,12.285,12.285,0,0,1,1.7-4.005A8.341,8.341,0,0,1,19.075.951,8.136,8.136,0,0,1,23.042,0,.965.965,0,0,1,24,.97V4.92a.965.965,0,0,1-.958.969c-1.859,0-2.873,1.962-3.012,5.83h3.012a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,23.042,22ZM9.107,22H.958A.965.965,0,0,1,0,21.03V12.69A21.64,21.64,0,0,1,.548,7.63a12.264,12.264,0,0,1,1.7-4.005A8.335,8.335,0,0,1,5.139.951,8.138,8.138,0,0,1,9.107,0a.965.965,0,0,1,.958.97V4.92a.965.965,0,0,1-.958.969c-1.886,0-2.914,1.962-3.056,5.83H9.107a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,9.107,22Z" transform="translate(24 22) rotate(-180)" fill="#006eff"></path>
</g>
</svg>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 my-4 my-xl-3">
<div class="card rounded-12 shadow-20 border border-gray-200">
<div class="card-body text-center pt-0">
<div class="testimonial-author stack">
<a href="#0" class="fabrx-avatar xl mb-2"><img src="../assets/images/avatars/avatar-3.png" alt="Avatar"></a>
<div class="px-3">
<strong class="d-block text-gray-800">Abayo Stevens</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence.</p>
<div class="text-end mt-2 mt-md-5">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="22" viewBox="0 0 24 22">
<g transform="translate(0 0)">
<path data-name="Icon Color" d="M23.042,22H14.893a.965.965,0,0,1-.958-.969V12.69a21.7,21.7,0,0,1,.547-5.06,12.285,12.285,0,0,1,1.7-4.005A8.341,8.341,0,0,1,19.075.951,8.136,8.136,0,0,1,23.042,0,.965.965,0,0,1,24,.97V4.92a.965.965,0,0,1-.958.969c-1.859,0-2.873,1.962-3.012,5.83h3.012a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,23.042,22ZM9.107,22H.958A.965.965,0,0,1,0,21.03V12.69A21.64,21.64,0,0,1,.548,7.63a12.264,12.264,0,0,1,1.7-4.005A8.335,8.335,0,0,1,5.139.951,8.138,8.138,0,0,1,9.107,0a.965.965,0,0,1,.958.97V4.92a.965.965,0,0,1-.958.969c-1.886,0-2.914,1.962-3.056,5.83H9.107a.965.965,0,0,1,.958.97v8.34A.965.965,0,0,1,9.107,22Z" transform="translate(24 22) rotate(-180)" fill="#006eff"></path>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Beth Murphy
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence of the stars Sea of Tranquility
Beth Murphy
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence of the stars Sea of Tranquility
Beth Murphy
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence of the stars Sea of Tranquility
Beth Murphy
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence of the stars Sea of Tranquility
Beth Murphy
Creative Director, Amazon
White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence of the stars Sea of Tranquility
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12 offset-lg-2">
<div class="swiper-slider-box">
<div class="swiper-container single-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="card-body text-center py-0">
<div class="testimonial-author border-bottom-0 mb-0">
<a href="#0" class="fabrx-avatar xl mb-2"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
<div class="px-3">
<strong class="d-block text-gray-800 font-weight-semibold">Beth Murphy</strong>
<small class="d-block text-secondary">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 text-gray-800">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence of the stars Sea of Tranquility</p>
</div>
</div>
<div class="swiper-slide">
<div class="card-body text-center py-0">
<div class="testimonial-author border-bottom-0 mb-0">
<a href="#0" class="fabrx-avatar xl mb-2"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
<div class="px-3">
<strong class="d-block text-gray-800 font-weight-semibold">Beth Murphy</strong>
<small class="d-block text-secondary">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 text-gray-800">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence of the stars Sea of Tranquility</p>
</div>
</div>
<div class="swiper-slide">
<div class="card-body text-center py-0">
<div class="testimonial-author border-bottom-0 mb-0">
<a href="#0" class="fabrx-avatar xl mb-2"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
<div class="px-3">
<strong class="d-block text-gray-800 font-weight-semibold">Beth Murphy</strong>
<small class="d-block text-secondary">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 text-gray-800">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence of the stars Sea of Tranquility</p>
</div>
</div>
<div class="swiper-slide">
<div class="card-body text-center py-0">
<div class="testimonial-author border-bottom-0 mb-0">
<a href="#0" class="fabrx-avatar xl mb-2"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
<div class="px-3">
<strong class="d-block text-gray-800 font-weight-semibold">Beth Murphy</strong>
<small class="d-block text-secondary">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 text-gray-800">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence of the stars Sea of Tranquility</p>
</div>
</div>
<div class="swiper-slide">
<div class="card-body text-center py-0">
<div class="testimonial-author border-bottom-0 mb-0">
<a href="#0" class="fabrx-avatar xl mb-2"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
<div class="px-3">
<strong class="d-block text-gray-800 font-weight-semibold">Beth Murphy</strong>
<small class="d-block text-secondary">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 lh-24 text-gray-800">White dwarf a still more glorious dawn awaits tingling of the spine emerged into consciousness Vangelis shores of the cosmic ocean. Tendrils of gossamer clouds kindling the energy hidden in matter concept of the number one permanence of the stars Sea of Tranquility</p>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</div>
</section>
Perfect in every way, reliable and easy!
Bruce Lee (Martial Artist, Dragon)
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-10 col-md-12 offset-lg-1">
<div class="text-center">
<h3 class="mb-2">Perfect in every way, reliable and easy!</h3>
<p class="h6 font-weight-light text-dark"><span class="h5 font-weight-regular">Bruce Lee</span> (Martial Artist, Dragon)</p>
</div>
</div>
</div>
</div>
</section>
Forms
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
Signup
Already have an account? Sign in
<section class="fabrx-hero">
<div class="row g-0">
<div class="col-lg-6 bg-white">
<div class="fabrx-min-height py-5">
<div class="fabrx-caption pe-lg-5">
<div class="pe-lg-5">
<h2 class="font-weight-bold mb-4">Signup</h2>
<form class="me-lg-3 me-xl-5 pe-xl-5 pt-md-3">
<div class="form-group mb-md-4">
<label for="Input6" class="control-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path data-name="Icon Color" d="M2.292,12.917A2.294,2.294,0,0,1,0,10.625V2.292A2.3,2.3,0,0,1,2.292,0H13.958A2.3,2.3,0,0,1,16.25,2.292v8.333a2.294,2.294,0,0,1-2.292,2.291ZM1.25,10.625a1.043,1.043,0,0,0,1.042,1.042H13.958A1.043,1.043,0,0,0,15,10.625V3.46L8.472,7.812a.627.627,0,0,1-.612.046l-.082-.046L1.25,3.46ZM8.125,6.539l6.83-4.552a1.044,1.044,0,0,0-1-.737H2.292a1.043,1.043,0,0,0-1,.737Z" transform="translate(1.875 3.542)" fill="#212121"/></svg>
</label>
<input type="text" name="Input63" placeholder="Email" class="form-control" id="Input63">
</div>
<div class="form-group mb-md-4">
<input type="text" name="Input64" placeholder="Password" class="form-control" id="Input64">
</div>
<div class="form-group d-flex font-size-14">
<div class="form-check form-check-rounded me-1">
<input type="checkbox" id="signup" name="signup" class="form-check-input">
<label class="form-check-label text-muted font-size-14 ms-2" for="signup">I Accept</label>
</div>
<a href="#0" class="text-dark caption">Terms & Conditions</a>
</div>
<div class="d-grid">
<button type="submit" class="btn btn-lg btn-primary mt-3">Signup</button>
</div>
</form>
<p class="font-size-14 text-secondary pt-3 mb-0">Already have an account? <a href="#0" class="text-dark">Sign in</a></p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="fabrx-min-height align-items-center">
<div class="fabrx-caption py-5 mb-0 mb-md-4">
<img src="../assets/images/vectors/vector-5.svg" alt="Vector">
</div>
</div>
</div>
</div>
</section>
Request a quote
If your company requires custom features and premuim support, we offer solutions to startups and big corporations.
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-middle-box text-center px-md-5">
<div class="hero-caption">
<h3 class="font-weight-bold">Request a quote</h3>
<p class="lead text-muted mb-0 pb-2">If your company requires custom features and premuim support, we offer solutions to startups and big corporations.</p>
</div>
<form class="mt-4 py-2 mx-md-auto col-lg-7 col-md-10">
<div class="form-group">
<input type="text" name="Input181" placeholder="Company Name" class="form-control" id="Input181">
</div>
<div class="form-group">
<input type="text" name="Input161" placeholder="Email" class="form-control" id="Input161">
</div>
<div class="row">
<div class="col-sm-6 pe-sm-2">
<div class="form-group">
<input type="text" name="Input171" placeholder="First Name" class="form-control" id="Input171">
</div>
</div>
<div class="col-sm-6 pl-sm-2">
<div class="form-group">
<input type="text" name="Input191" placeholder="Last Name" class="form-control" id="Input191">
</div>
</div>
</div>
<div class="d-grid">
<button type="submit" class="btn btn-xl btn-primary">Send</button>
</div>
</form>
</div>
</div>
</section>
Sign in
Sign in now to start customizing
<section class="fabrx-section bg-white">
<div class="container">
<div class="fabrx-middle-box text-center px-md-5">
<div class="hero-caption px-md-5">
<h2 class="font-weight-bold">Sign in</h2>
<p class="font-weight-light font-size-14 text-muted">Sign in now to start customizing</p>
</div>
<form class="my-4 mx-md-auto col-lg-7 col-md-10">
<div class="form-group">
<label for="Input6" class="control-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path data-name="Icon Color" d="M2.292,12.917A2.294,2.294,0,0,1,0,10.625V2.292A2.3,2.3,0,0,1,2.292,0H13.958A2.3,2.3,0,0,1,16.25,2.292v8.333a2.294,2.294,0,0,1-2.292,2.291ZM1.25,10.625a1.043,1.043,0,0,0,1.042,1.042H13.958A1.043,1.043,0,0,0,15,10.625V3.46L8.472,7.812a.627.627,0,0,1-.612.046l-.082-.046L1.25,3.46ZM8.125,6.539l6.83-4.552a1.044,1.044,0,0,0-1-.737H2.292a1.043,1.043,0,0,0-1,.737Z" transform="translate(1.875 3.542)" fill="#212121"></path></svg>
</label>
<input type="text" name="Input68" placeholder="Email" class="form-control" id="Input68">
</div>
<div class="form-group">
<input type="text" name="Input69" placeholder="Password" class="form-control" id="Input69">
</div>
<div class="form-group text-start mt-4">
<div class="form-check form-check-rounded me-1">
<input type="checkbox" id="Remember" name="Remember" class="form-check-input">
<label class="form-check-label ms-2" for="Remember">Remember me</label>
</div>
</div>
<div class="d-grid">
<button type="submit" class="btn btn-xl btn-primary mt-3">Sign in</button>
</div>
</form>
<div class="clearfix text-center pt-2 pt-md-3">
<p class="mb-2"><a href="#0" class="text-dark">Forgot password?</a></p>
<p class="mb-0"><a href="#0" class="text-dark">Don’t have an account yet?</a></p>
</div>
</div>
</div>
</section>
A platform for collaboration.
If your company requires custom features and premuim support, we offer solutions to startups and big corporations.
<section class="fabrx-section bg-white">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-12">
<div class="hero-caption pe-xl-5">
<h2 class="font-weight-bold mb-0">A platform for collaboration.</h2>
<p class="lead text-muted pe-0 pe-md-5">If your company requires custom features and premuim support, we offer solutions to startups and big corporations.</p>
</div>
</div>
<div class="col-xl-4 col-lg-5 col-md-12 offset-xl-2 offset-lg-1">
<form class="mt-4 py-2">
<small class="text-muted mb-3 d-block">Multiple users? we offer custom tailored packages including premium support and detailed analytics.</small>
<div class="form-group">
<input type="text" name="Input18" placeholder="Company Name" class="form-control" id="Input18">
</div>
<div class="form-group">
<input type="text" name="Input165" placeholder="Email" class="form-control" id="Input165">
</div>
<div class="row">
<div class="col-sm-6 pe-sm-2">
<div class="form-group">
<input type="text" name="Input17" placeholder="First Name" class="form-control" id="Input17">
</div>
</div>
<div class="col-sm-6 pl-sm-2">
<div class="form-group">
<input type="text" name="Input19" placeholder="Last Name" class="form-control" id="Input19">
</div>
</div>
</div>
<div class="d-grid">
<button type="submit" class="btn btn-xl btn-primary">Send</button>
</div>
</form>
</div>
</div>
</div>
</section>
Short headline
Super awesome headline
Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture.
Signup
Already have an account? Sign in
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="hero-caption pe-0 pe-xl-5 mt-0 mt-md-4">
<h5 class="pb-2 pb-lg-3">Short headline</h5>
<h2 class="font-weight-bold">Super awesome headline</h2>
<p class="lead text-muted pe-xl-5">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture.</p>
</div>
</div>
<div class="col-lg-5 col-md-12 offset-lg-1">
<div class="bg-primary px-4 py-5 p-md-5 fabrx-form mt-4 mt-lg-0">
<h2 class="font-weight-bold mb-4 text-white">Signup</h2>
<form class="my-4">
<div class="form-group mb-md-4">
<label for="Input6" class="control-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path data-name="Icon Color" d="M2.292,12.917A2.294,2.294,0,0,1,0,10.625V2.292A2.3,2.3,0,0,1,2.292,0H13.958A2.3,2.3,0,0,1,16.25,2.292v8.333a2.294,2.294,0,0,1-2.292,2.291ZM1.25,10.625a1.043,1.043,0,0,0,1.042,1.042H13.958A1.043,1.043,0,0,0,15,10.625V3.46L8.472,7.812a.627.627,0,0,1-.612.046l-.082-.046L1.25,3.46ZM8.125,6.539l6.83-4.552a1.044,1.044,0,0,0-1-.737H2.292a1.043,1.043,0,0,0-1,.737Z" transform="translate(1.875 3.542)" fill="#212121"></path></svg>
</label>
<input type="text" name="Input66" placeholder="Email" class="form-control" id="Input66">
</div>
<div class="form-group mb-md-4">
<input type="text" name="Input67" placeholder="Password" class="form-control" id="Input67">
</div>
<div class="form-group d-flex">
<div class="form-check custom-control-white form-check-rounded me-1">
<input type="checkbox" id="signupTwo" name="signupTwo" class="form-check-input">
<label class="form-check-label text-white font-size-14 ms-2" for="signupTwo">I Accept</label>
</div>
<a href="#0" class="text-white font-weight-semibold font-size-14 lh-28">Terms & Conditions</a>
</div>
<div class="btn-group d-grid shadow-none pt-4">
<button type="submit" class="btn btn-xl btn-light">Signup</button>
</div>
</form>
<p class="text-white pt-2 mb-0 mb-md-3 font-size-14">Already have an account? <a href="#0" class="text-white font-weight-bold">Sign in</a></p>
</div>
</div>
</div>
</div>
</section>
Comments
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
<section class="fabrx-section comment-section pt-3">
<div class="container">
<div class="row align-items-center">
<div class="col-sm-6">
<h4 class="mb-4 mb-sm-0">Comments (25)</h4>
</div>
<div class="col-sm-6">
<div class="fabrx-avatar-group text-start text-sm-end">
<a href="#0" class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
<a href="#0" class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-2.png" alt="Avatar"></a>
<a href="#0" class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-3.png" alt="Avatar"></a>
<a href="#0" class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-4.png" alt="Avatar"></a>
<a href="#0" class="fabrx-avatar lg more"><span class="avatar-wrap">+9</span></a>
</div>
</div>
</div>
<ul class="fabrx-comments list-unstyled mb-4 mb-sm-5 mt-4 mt-sm-5">
<li class="comment-item">
<div class="media">
<a href="#0" class="fabrx-avatar fabrx-status dnd lg align-self-start me-3"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
<div class="media-body">
<div class="pt-1 pb-3">
<h6 class="mb-1">Charles Davies</h6>
<div class="text-secondary font-size-14">5 minutes ago</div>
</div>
<p class="lh-28 mb-4">Rich in mystery across the centuries decipherment finite but unbounded Rig Veda globular star cluster. Rich in heavy atoms hydrogen atoms concept of the number one radio telescope at the edge of forever two ghostly white figures in coveralls and helmets are soflty dancing. Encyclopaedia galactica a mote of dust suspended in a sunbeam concept.</p>
<ul class="fabrx-media-links list-unstyled d-flex justify-content-end">
<li>
<a href="#0">
<svg xmlns="http://www.w3.org/2000/svg" width="13.01" height="11.674" viewBox="0 0 13.01 11.674"><g data-name="Icon/Heart Fill" transform="translate(0.002 0)"><path data-name="Icon Color" d="M6.509,11.674a.5.5,0,0,1-.3-.1l-.056-.048-5-4.949A3.833,3.833,0,0,1,6.474,1.055l.036.036.037-.035A3.835,3.835,0,0,1,9.661.046l.164.025a3.833,3.833,0,0,1,2.034,6.512l-.031.025L6.861,11.53A.5.5,0,0,1,6.509,11.674ZM3.833,1h0A2.834,2.834,0,0,0,1.751,5.756l.109.112,4.648,4.6,4.648-4.6.02-.018.086-.088A2.833,2.833,0,1,0,6.908,2.146a.5.5,0,0,1-.8,0A2.846,2.846,0,0,0,3.834,1Z" fill="#807e7e"/></g></svg>
56
</a>
</li>
<li>
<a href="#0">
<svg xmlns="http://www.w3.org/2000/svg" width="13.01" height="11.674" viewBox="0 0 13.01 11.674"><g data-name="Icon/Heart Fill" transform="translate(0.002 0)"><path data-name="Icon Color" d="M6.509,11.674a.5.5,0,0,1-.3-.1l-.056-.048-5-4.949A3.833,3.833,0,0,1,6.474,1.055l.036.036.037-.035A3.835,3.835,0,0,1,9.661.046l.164.025a3.833,3.833,0,0,1,2.034,6.512l-.031.025L6.861,11.53A.5.5,0,0,1,6.509,11.674ZM3.833,1h0A2.834,2.834,0,0,0,1.751,5.756l.109.112,4.648,4.6,4.648-4.6.02-.018.086-.088A2.833,2.833,0,1,0,6.908,2.146a.5.5,0,0,1-.8,0A2.846,2.846,0,0,0,3.834,1Z" fill="#807e7e"/></g></svg>
Reply
</a>
</li>
<li>
<a href="#0"><svg xmlns="http://www.w3.org/2000/svg" width="13.01" height="11.674" viewBox="0 0 13.01 11.674"><g data-name="Icon/Heart Fill" transform="translate(0.002 0)"><path data-name="Icon Color" d="M6.509,11.674a.5.5,0,0,1-.3-.1l-.056-.048-5-4.949A3.833,3.833,0,0,1,6.474,1.055l.036.036.037-.035A3.835,3.835,0,0,1,9.661.046l.164.025a3.833,3.833,0,0,1,2.034,6.512l-.031.025L6.861,11.53A.5.5,0,0,1,6.509,11.674ZM3.833,1h0A2.834,2.834,0,0,0,1.751,5.756l.109.112,4.648,4.6,4.648-4.6.02-.018.086-.088A2.833,2.833,0,1,0,6.908,2.146a.5.5,0,0,1-.8,0A2.846,2.846,0,0,0,3.834,1Z" fill="#807e7e"/></g></svg>Replies (1)</a>
</li>
</ul>
</div>
</div>
<ol class="list-unstyled mb-0 mt-lg-3">
<li class="comment-item">
<div class="media">
<a href="#0" class="fabrx-avatar fabrx-status dnd lg align-self-start me-3"><img src="../assets/images/avatars/avatar-2.png" alt="Avatar"></a>
<div class="media-body">
<div class="pt-1 pb-3">
<h6 class="mb-1">Marti Valencia</h6>
<div class="text-secondary font-size-14">5 minutes ago</div>
</div>
<p class="mb-0 lh-28">Yeah right! 😍</p>
<p class="lh-28 mb-4">It’s really good anyways, sort of brilliant!</p>
<ul class="fabrx-media-links list-unstyled d-flex justify-content-end">
<li>
<a href="#0">
<svg xmlns="http://www.w3.org/2000/svg" width="13.01" height="11.674" viewBox="0 0 13.01 11.674"><g data-name="Icon/Heart Fill" transform="translate(0.002 0)"><path data-name="Icon Color" d="M6.509,11.674a.5.5,0,0,1-.3-.1l-.056-.048-5-4.949A3.833,3.833,0,0,1,6.474,1.055l.036.036.037-.035A3.835,3.835,0,0,1,9.661.046l.164.025a3.833,3.833,0,0,1,2.034,6.512l-.031.025L6.861,11.53A.5.5,0,0,1,6.509,11.674ZM3.833,1h0A2.834,2.834,0,0,0,1.751,5.756l.109.112,4.648,4.6,4.648-4.6.02-.018.086-.088A2.833,2.833,0,1,0,6.908,2.146a.5.5,0,0,1-.8,0A2.846,2.846,0,0,0,3.834,1Z" fill="#807e7e"/></g></svg>
56
</a>
</li>
<li>
<a href="#0">
<svg xmlns="http://www.w3.org/2000/svg" width="13.01" height="11.674" viewBox="0 0 13.01 11.674"><g data-name="Icon/Heart Fill" transform="translate(0.002 0)"><path data-name="Icon Color" d="M6.509,11.674a.5.5,0,0,1-.3-.1l-.056-.048-5-4.949A3.833,3.833,0,0,1,6.474,1.055l.036.036.037-.035A3.835,3.835,0,0,1,9.661.046l.164.025a3.833,3.833,0,0,1,2.034,6.512l-.031.025L6.861,11.53A.5.5,0,0,1,6.509,11.674ZM3.833,1h0A2.834,2.834,0,0,0,1.751,5.756l.109.112,4.648,4.6,4.648-4.6.02-.018.086-.088A2.833,2.833,0,1,0,6.908,2.146a.5.5,0,0,1-.8,0A2.846,2.846,0,0,0,3.834,1Z" fill="#807e7e"/></g></svg>
Reply
</a>
</li>
</ul>
</div>
</div>
</li>
</ol>
</li>
</ul>
<hr>
<ul class="fabrx-comments list-unstyled mb-4 mt-4 mt-sm-5">
<li class="comment-item">
<div class="media">
<a href="#0" class="fabrx-avatar fabrx-status dnd lg align-self-start me-3"><img src="../assets/images/avatars/avatar-3.png" alt="Avatar"></a>
<div class="media-body">
<div class="pt-1 pb-3">
<h6 class="mb-1">Charles Davies</h6>
<div class="text-secondary font-size-14">5 minutes ago</div>
</div>
<p class="lh-28 mb-4">Rich in mystery across the centuries decipherment finite but unbounded Rig Veda globular star cluster. Rich in heavy atoms hydrogen atoms concept of the number one radio telescope at the edge of forever two ghostly white figures in coveralls and helmets are soflty dancing. Encyclopaedia galactica a mote of dust suspended in a sunbeam concept.</p>
<ul class="fabrx-media-links list-unstyled d-flex justify-content-end">
<li>
<a href="#0">
<svg xmlns="http://www.w3.org/2000/svg" width="13.01" height="11.674" viewBox="0 0 13.01 11.674"><g data-name="Icon/Heart Fill" transform="translate(0.002 0)"><path data-name="Icon Color" d="M6.509,11.674a.5.5,0,0,1-.3-.1l-.056-.048-5-4.949A3.833,3.833,0,0,1,6.474,1.055l.036.036.037-.035A3.835,3.835,0,0,1,9.661.046l.164.025a3.833,3.833,0,0,1,2.034,6.512l-.031.025L6.861,11.53A.5.5,0,0,1,6.509,11.674ZM3.833,1h0A2.834,2.834,0,0,0,1.751,5.756l.109.112,4.648,4.6,4.648-4.6.02-.018.086-.088A2.833,2.833,0,1,0,6.908,2.146a.5.5,0,0,1-.8,0A2.846,2.846,0,0,0,3.834,1Z" fill="#807e7e"/></g></svg>
56
</a>
</li>
<li>
<a href="#0">
<svg xmlns="http://www.w3.org/2000/svg" width="13.01" height="11.674" viewBox="0 0 13.01 11.674"><g data-name="Icon/Heart Fill" transform="translate(0.002 0)"><path data-name="Icon Color" d="M6.509,11.674a.5.5,0,0,1-.3-.1l-.056-.048-5-4.949A3.833,3.833,0,0,1,6.474,1.055l.036.036.037-.035A3.835,3.835,0,0,1,9.661.046l.164.025a3.833,3.833,0,0,1,2.034,6.512l-.031.025L6.861,11.53A.5.5,0,0,1,6.509,11.674ZM3.833,1h0A2.834,2.834,0,0,0,1.751,5.756l.109.112,4.648,4.6,4.648-4.6.02-.018.086-.088A2.833,2.833,0,1,0,6.908,2.146a.5.5,0,0,1-.8,0A2.846,2.846,0,0,0,3.834,1Z" fill="#807e7e"/></g></svg>
Reply
</a>
</li>
<li>
<a href="#0"><svg xmlns="http://www.w3.org/2000/svg" width="13.01" height="11.674" viewBox="0 0 13.01 11.674"><g data-name="Icon/Heart Fill" transform="translate(0.002 0)"><path data-name="Icon Color" d="M6.509,11.674a.5.5,0,0,1-.3-.1l-.056-.048-5-4.949A3.833,3.833,0,0,1,6.474,1.055l.036.036.037-.035A3.835,3.835,0,0,1,9.661.046l.164.025a3.833,3.833,0,0,1,2.034,6.512l-.031.025L6.861,11.53A.5.5,0,0,1,6.509,11.674ZM3.833,1h0A2.834,2.834,0,0,0,1.751,5.756l.109.112,4.648,4.6,4.648-4.6.02-.018.086-.088A2.833,2.833,0,1,0,6.908,2.146a.5.5,0,0,1-.8,0A2.846,2.846,0,0,0,3.834,1Z" fill="#807e7e"/></g></svg>Replies (1)</a>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</section>
Leave a message
<section class="fabrx-section pt-3">
<div class="container">
<h4 class="mb-2 mb-md-4 pb-2">Leave a message</h4>
<form>
<div class="card shadow-40 p-4 border border-gray-200">
<div class="form-group">
<textarea rows="8" class="form-control border-0 font-size-16" placeholder="Start typing..."></textarea>
</div>
<div class="form-group text-end mb-0 pe-lg-2">
<button type="submit" class="btn btn-lg btn-primary">
<span class="me-3">Send</span>
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"><path data-name="Icon Color" d="M10.048,17.6l-.056-.106L6.886,11.282.7,8.187A1.2,1.2,0,0,1,.007,7.23L0,7.1A1.2,1.2,0,0,1,.624,6.063L.748,6,17.225.05l.047-.017h0a.688.688,0,0,1,.086-.021h0A.692.692,0,0,1,17.44,0h.084a.691.691,0,0,1,.1.013h.006l.009,0,.058.016h0A.683.683,0,0,1,17.8.077h0a.684.684,0,0,1,.139.1l.006,0L17.968.2l.019.019.005.006a.688.688,0,0,1,.124.728L12.148,17.474a1.193,1.193,0,0,1-2.1.127Zm.988-1.091,4.75-13.155L8.235,10.907ZM1.654,7.13l5.608,2.8,7.556-7.555Z" transform="translate(1.768 2.063)" fill="#fff"/></svg>
</button>
</div>
</div>
</form>
</div>
</section>
Texts
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.
Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?
Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.
A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.
Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?
Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.
A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.
Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?
Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.
A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.
Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?
Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.
A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.
Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.
Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?
Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.
A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.
Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?
Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.
A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.
Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?
Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-xl-2 col-md-3 mb-2 mb-sm-5">
<ul class="nav nav-tabs nav-tabs-line nav-tags-stack p-0 flex-column font-size-16 nav-tabs-children">
<li class="nav-item">
<a class="nav-link" data-bs-toggle="collapse" href="#Components" role="button" aria-expanded="true" aria-controls="Components">Components</a>
<div class="collapse show" id="Components">
<ul class="nav nav-tabs nav-tabs-line nav-tags-stack flex-column">
<li>
<a class="nav-link active" data-bs-toggle="tab" href="#Toasts">Toasts</a>
</li>
<li>
<a class="nav-link" data-bs-toggle="tab" href="#FormElements">Form Elements</a>
</li>
<li>
<a class="nav-link" data-bs-toggle="tab" href="#Dropdowns">Dropdowns</a>
</li>
<li>
<a class="nav-link" data-bs-toggle="tab" href="#Toggles">Toggles</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#Colors">Colors</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#Styleguide">Style guide</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#Sliders">Sliders</a>
</li>
<li class="nav-item">
<a class="nav-link" data-bs-toggle="tab" href="#Datepickers">Date pickers</a>
</li>
</ul>
</div>
<div class="col-xl-7 col-md-9">
<div class="tab-content border-md-start py-1 ps-md-5 pe-lg-5" id="myTabContentfive">
<div class="tab-pane fade show active" id="Toasts" role="tabpanel">
<div class="hero-caption">
<p class="mb-4">A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.</p>
<p class="mb-4">Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?</p>
<p class="mb-4">Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.</p>
</div>
</div>
<div class="tab-pane fade" id="FormElements" role="tabpanel">
<div class="hero-caption">
<p class="mb-4">A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.</p>
<p class="mb-4">Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?</p>
<p class="mb-4">Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.</p>
</div>
</div>
<div class="tab-pane fade" id="Dropdowns" role="tabpanel">
<div class="hero-caption">
<p class="mb-4">A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.</p>
<p class="mb-4">Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?</p>
<p class="mb-4">Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.</p>
</div>
</div>
<div class="tab-pane fade" id="Toggles" role="tabpanel">
<div class="hero-caption">
<p class="mb-4">A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.</p>
<p class="mb-4">Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?</p>
<p class="mb-4">Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.</p>
</div>
</div>
<div class="tab-pane fade" id="Colors" role="tabpanel">
<div class="hero-caption">
<p class="mb-4">A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.</p>
<p class="mb-4">Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.</p>
</div>
</div>
<div class="tab-pane fade" id="Styleguide" role="tabpanel">
<div class="hero-caption">
<p class="mb-4">Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?</p>
<p class="mb-4">Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.</p>
</div>
</div>
<div class="tab-pane fade" id="Sliders" role="tabpanel">
<div class="hero-caption">
<p class="mb-4">A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.</p>
<p class="mb-4">Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?</p>
<p class="mb-4">Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.</p>
</div>
</div>
<div class="tab-pane fade" id="Datepickers" role="tabpanel">
<div class="hero-caption">
<p class="mb-4">A mote of dust suspended in a sunbeam Sea of Tranquility vanquish the impossible shores of the cosmic ocean a billion trillion another world. Hearts of the stars a still more glorious dawn awaits with pretty stories for which there's little good evidence not a sunrise but a galaxyrise across the centuries inconspicuous motes of rock and gas? Something incredible is waiting to be known bits of moving fluff the only home we've ever known emerged into consciousness two ghostly white figures in coveralls and helmets are soflty dancing emerged into consciousness.</p>
<p class="mb-4">Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth not a sunrise but a galaxyrise another world. With pretty stories for which there's little good evidence rich in heavy atoms citizens of distant epochs invent the universe the sky calls to us something incredible is waiting to be known?</p>
<p class="mb-4">Inconspicuous motes of rock and gas culture network of wormholes hydrogen atoms a mote of dust suspended in a sunbeam vanquish the impossible. Globular star cluster the carbon in our apple pies descended from astronomers something incredible is waiting to be known of brilliant syntheses Vangelis. Hundreds of thousands Jean-François Champollion emerged into consciousness the only home we've ever known from which we spring emerged into consciousness. Citizens of distant epochs with pretty stories for which there's little good evidence made in the interiors of collapsing stars two ghostly white figures in coveralls and helmets are soflty dancing descended from astronomers invent the universe.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white dark-icon">
<div class="container">
<div class="row">
<div class="col-12">
<h4 class="font-weight-bold">Frequently asked questions</h4>
</div>
</div>
<div class="row">
<div class="col-md-6 pt-3 pt-md-5">
<div class="hero-caption pe-0 pe-lg-5">
<h5 class="mb-3">Can I go to the moon?</h5>
<p class="lh-28">A very small stage in a vast cosmic arena tendrils of gossamer clouds white dwarf laws of physics cosmic ocean Ut enim ad minima veniam. The sky calls to us the only home we've ever known bits of moving fluff extraordinary claims require extraordinary evidence stirred by starlight.</p>
</div>
</div>
<div class="col-md-6 pt-3 pt-md-5">
<div class="hero-caption pe-0 pe-lg-5">
<h5 class="mb-3">Are we alone in the universe?</h5>
<p class="pe-0 pe-lg-5 lh-28">Astonishment light years hundreds of thousands take root and flourish realm of the galaxies finite but unbounded. Jean-François Champollion brain is the seed of intelligence kindling the energy hidden in matter made in the interiors of collapsing stars Rig Veda Sea of Tranquility.</p>
</div>
</div>
<div class="col-md-6 pt-3 pt-md-5">
<div class="hero-caption pe-0 pe-lg-5">
<h5 class="mb-3">Why are we so special?</h5>
<p class="pe-0 pe-lg-5 lh-28">The carbon in our apple pies with pretty stories for which there's little good evidence of brilliant syntheses paroxysm of global death as a patch of light network of wormholes?</p>
</div>
</div>
<div class="col-md-6 pt-3 pt-md-5">
<div class="hero-caption pe-0 pe-lg-5">
<h5 class="mb-3">Can we time travel to the future?</h5>
<p class="pe-0 pe-lg-5 lh-28">Network of wormholes a still more glorious dawn awaits preserve and cherish that pale blue dot explorations vastness is bearable only through love stirred by starlight. Concept of the number one as a patch of light at the edge of forever birth!</p>
</div>
</div>
<div class="col-md-6 pt-3 pt-md-5">
<div class="hero-caption pe-0 pe-lg-5">
<h5 class="mb-3">All about Nebulas</h5>
<p class="pe-0 pe-lg-5 lh-28">Extraplanetary star stuff harvesting star light billions upon billions of brilliant syntheses rings of Uranus a still more glorious dawn awaits? Finite but unbounded a very small stage in a vast cosmic arena the ash of stellar alchemy.</p>
</div>
</div>
<div class="col-md-6 pt-3 pt-md-5">
<div class="hero-caption pe-0 pe-lg-5">
<h5 class="mb-3">What is a blackhole?</h5>
<p class="pe-0 pe-lg-5 lh-28">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum</p>
</div>
</div>
</div>
</div>
</section>
1
Can I go to the moon?
A very small stage in a vast cosmic arena tendrils of gossamer clouds white dwarf laws of physics cosmic ocean Ut enim ad minima veniam. The sky calls to us the only home we've ever known bits of moving fluff extraordinary claims require extraordinary evidence stirred by starlight.
2
Can I go to the moon?
A very small stage in a vast cosmic arena tendrils of gossamer clouds white dwarf laws of physics cosmic ocean Ut enim ad minima veniam. The sky calls to us the only home we've ever known bits of moving fluff extraordinary claims require extraordinary evidence stirred by starlight.
3
Can I go to the moon?
A very small stage in a vast cosmic arena tendrils of gossamer clouds white dwarf laws of physics cosmic ocean Ut enim ad minima veniam. The sky calls to us the only home we've ever known bits of moving fluff extraordinary claims require extraordinary evidence stirred by starlight.
4
Can I go to the moon?
A very small stage in a vast cosmic arena tendrils of gossamer clouds white dwarf laws of physics cosmic ocean Ut enim ad minima veniam. The sky calls to us the only home we've ever known bits of moving fluff extraordinary claims require extraordinary evidence stirred by starlight.
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-md-6 pt-3 pt-md-4">
<div class="row">
<div class="col-1">
<div class="badge badge-primary circle">1</div>
</div>
<div class="col-11">
<div class="hero-caption pe-lg-5 ps-3 ps-sm-4 ps-lg-3">
<h5 class="mb-2">Can I go to the moon?</h5>
<p class="lh-28">A very small stage in a vast cosmic arena tendrils of gossamer clouds white dwarf laws of physics cosmic ocean Ut enim ad minima veniam. The sky calls to us the only home we've ever known bits of moving fluff extraordinary claims require extraordinary evidence stirred by starlight.</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 pt-3 pt-md-4">
<div class="row">
<div class="col-1">
<div class="badge badge-primary circle">2</div>
</div>
<div class="col-11">
<div class="hero-caption pe-lg-5 ps-3 ps-sm-4 ps-lg-3">
<h5 class="mb-2">Can I go to the moon?</h5>
<p class="lh-28">A very small stage in a vast cosmic arena tendrils of gossamer clouds white dwarf laws of physics cosmic ocean Ut enim ad minima veniam. The sky calls to us the only home we've ever known bits of moving fluff extraordinary claims require extraordinary evidence stirred by starlight.</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 pt-3 pt-md-4">
<div class="row">
<div class="col-1">
<div class="badge badge-primary circle">3</div>
</div>
<div class="col-11">
<div class="hero-caption pe-lg-5 ps-3 ps-sm-4 ps-lg-3">
<h5 class="mb-2">Can I go to the moon?</h5>
<p class="lh-28">A very small stage in a vast cosmic arena tendrils of gossamer clouds white dwarf laws of physics cosmic ocean Ut enim ad minima veniam. The sky calls to us the only home we've ever known bits of moving fluff extraordinary claims require extraordinary evidence stirred by starlight.</p>
</div>
</div>
</div>
</div>
<div class="col-md-6 pt-3 pt-md-4">
<div class="row">
<div class="col-1">
<div class="badge badge-primary circle">4</div>
</div>
<div class="col-11">
<div class="hero-caption pe-lg-5 ps-3 ps-sm-4 ps-lg-3">
<h5 class="mb-2">Can I go to the moon?</h5>
<p class="lh-28">A very small stage in a vast cosmic arena tendrils of gossamer clouds white dwarf laws of physics cosmic ocean Ut enim ad minima veniam. The sky calls to us the only home we've ever known bits of moving fluff extraordinary claims require extraordinary evidence stirred by starlight.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white dark-icon">
<div class="container">
<div class="row">
<div class="col-12">
<h5 class="font-weight-bold">Frequently asked questions</h5>
</div>
</div>
<div class="row">
<div class="col-md-6 pt-3 pt-md-4">
<div id="accordion" class="pe-0 pe-lg-5 faq-accordion">
<div class="card">
<div class="card-header bg-transparent border-bottom-0 px-0" id="heading1">
<h5 class="mb-0">
<button class="btn btn-link text-dark collapsed opensans-font" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="false" aria-controls="collapse1">
<svg width="7px" height="12px" viewBox="0 0 7 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-170.000000, -2929.000000)" fill="#212121"><g transform="translate(0.000000, 2766.000000)"><g transform="translate(165.000000, 80.000000)"><g transform="translate(0.053933, 73.000000)"><g transform="translate(0.000000, 8.000000)"><path d="M10.2476404,2.84023302 C10.4790622,2.60881122 10.8542711,2.60881122 11.0856929,2.84023302 C11.2960764,3.05061648 11.3152021,3.37983222 11.1430702,3.61182155 L11.0856929,3.6782855 L6.76424691,8 L11.0856929,12.3217145 C11.2960764,12.532098 11.3152021,12.8613137 11.1430702,13.093303 L11.0856929,13.159767 C10.8753095,13.3701504 10.5460937,13.3892762 10.3141044,13.2171443 L10.2476404,13.159767 L5.50689969,8.41902624 C5.29651623,8.20864278 5.27739046,7.87942703 5.44952238,7.64743771 L5.50689969,7.58097376 L10.2476404,2.84023302 Z" transform="translate(8.296296, 8.000000) scale(-1, 1) translate(-8.296296, -8.000000) "></path></g></g></g></g></g></g></svg>
<span class="h6 font-weight-regular ms-3 mb-0 text-start">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapse1" class="collapse" aria-labelledby="heading1" data-bs-parent="#accordion">
<div class="card-body p-0">
<div class="hero-caption">
<p class="lh-28">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header bg-transparent border-bottom-0 px-0" id="heading2">
<h5 class="mb-0">
<button class="btn btn-link text-dark collapsed opensans-font" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
<svg width="7px" height="12px" viewBox="0 0 7 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-170.000000, -2929.000000)" fill="#212121"><g transform="translate(0.000000, 2766.000000)"><g transform="translate(165.000000, 80.000000)"><g transform="translate(0.053933, 73.000000)"><g transform="translate(0.000000, 8.000000)"><path d="M10.2476404,2.84023302 C10.4790622,2.60881122 10.8542711,2.60881122 11.0856929,2.84023302 C11.2960764,3.05061648 11.3152021,3.37983222 11.1430702,3.61182155 L11.0856929,3.6782855 L6.76424691,8 L11.0856929,12.3217145 C11.2960764,12.532098 11.3152021,12.8613137 11.1430702,13.093303 L11.0856929,13.159767 C10.8753095,13.3701504 10.5460937,13.3892762 10.3141044,13.2171443 L10.2476404,13.159767 L5.50689969,8.41902624 C5.29651623,8.20864278 5.27739046,7.87942703 5.44952238,7.64743771 L5.50689969,7.58097376 L10.2476404,2.84023302 Z" transform="translate(8.296296, 8.000000) scale(-1, 1) translate(-8.296296, -8.000000) "></path></g></g></g></g></g></g></svg>
<span class="h6 font-weight-regular ms-3 mb-0 text-start">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapse2" class="collapse" aria-labelledby="heading2" data-bs-parent="#accordion">
<div class="card-body p-0">
<div class="hero-caption">
<p class="lh-28">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header bg-transparent border-bottom-0 px-0" id="heading3">
<h5 class="mb-0">
<button class="btn btn-link text-dark collapsed opensans-font" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
<svg width="7px" height="12px" viewBox="0 0 7 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-170.000000, -2929.000000)" fill="#212121"><g transform="translate(0.000000, 2766.000000)"><g transform="translate(165.000000, 80.000000)"><g transform="translate(0.053933, 73.000000)"><g transform="translate(0.000000, 8.000000)"><path d="M10.2476404,2.84023302 C10.4790622,2.60881122 10.8542711,2.60881122 11.0856929,2.84023302 C11.2960764,3.05061648 11.3152021,3.37983222 11.1430702,3.61182155 L11.0856929,3.6782855 L6.76424691,8 L11.0856929,12.3217145 C11.2960764,12.532098 11.3152021,12.8613137 11.1430702,13.093303 L11.0856929,13.159767 C10.8753095,13.3701504 10.5460937,13.3892762 10.3141044,13.2171443 L10.2476404,13.159767 L5.50689969,8.41902624 C5.29651623,8.20864278 5.27739046,7.87942703 5.44952238,7.64743771 L5.50689969,7.58097376 L10.2476404,2.84023302 Z" transform="translate(8.296296, 8.000000) scale(-1, 1) translate(-8.296296, -8.000000) "></path></g></g></g></g></g></g></svg>
<span class="h6 font-weight-regular ms-3 mb-0 text-start">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapse3" class="collapse" aria-labelledby="heading3" data-bs-parent="#accordion">
<div class="card-body p-0">
<div class="hero-caption">
<p class="lh-28">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header bg-transparent border-bottom-0 px-0" id="heading4">
<h5 class="mb-0">
<button class="btn btn-link text-dark collapsed opensans-font" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
<svg width="7px" height="12px" viewBox="0 0 7 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-170.000000, -2929.000000)" fill="#212121"><g transform="translate(0.000000, 2766.000000)"><g transform="translate(165.000000, 80.000000)"><g transform="translate(0.053933, 73.000000)"><g transform="translate(0.000000, 8.000000)"><path d="M10.2476404,2.84023302 C10.4790622,2.60881122 10.8542711,2.60881122 11.0856929,2.84023302 C11.2960764,3.05061648 11.3152021,3.37983222 11.1430702,3.61182155 L11.0856929,3.6782855 L6.76424691,8 L11.0856929,12.3217145 C11.2960764,12.532098 11.3152021,12.8613137 11.1430702,13.093303 L11.0856929,13.159767 C10.8753095,13.3701504 10.5460937,13.3892762 10.3141044,13.2171443 L10.2476404,13.159767 L5.50689969,8.41902624 C5.29651623,8.20864278 5.27739046,7.87942703 5.44952238,7.64743771 L5.50689969,7.58097376 L10.2476404,2.84023302 Z" transform="translate(8.296296, 8.000000) scale(-1, 1) translate(-8.296296, -8.000000) "></path></g></g></g></g></g></g></svg>
<span class="h6 font-weight-regular ms-3 mb-0 text-start">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapse4" class="collapse" aria-labelledby="heading4" data-bs-parent="#accordion">
<div class="card-body p-0">
<div class="hero-caption">
<p class="lh-28">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 pt-md-4">
<div id="accordion1" class="pe-0 pe-lg-5 faq-accordion">
<div class="card">
<div class="card-header bg-transparent border-bottom-0 px-0" id="headingFive">
<h5 class="mb-0">
<button class="btn btn-link text-dark collapsed opensans-font" data-bs-toggle="collapse" data-bs-target="#collapseFiveone" aria-expanded="false" aria-controls="collapseFiveone">
<svg width="7px" height="12px" viewBox="0 0 7 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-170.000000, -2929.000000)" fill="#212121"><g transform="translate(0.000000, 2766.000000)"><g transform="translate(165.000000, 80.000000)"><g transform="translate(0.053933, 73.000000)"><g transform="translate(0.000000, 8.000000)"><path d="M10.2476404,2.84023302 C10.4790622,2.60881122 10.8542711,2.60881122 11.0856929,2.84023302 C11.2960764,3.05061648 11.3152021,3.37983222 11.1430702,3.61182155 L11.0856929,3.6782855 L6.76424691,8 L11.0856929,12.3217145 C11.2960764,12.532098 11.3152021,12.8613137 11.1430702,13.093303 L11.0856929,13.159767 C10.8753095,13.3701504 10.5460937,13.3892762 10.3141044,13.2171443 L10.2476404,13.159767 L5.50689969,8.41902624 C5.29651623,8.20864278 5.27739046,7.87942703 5.44952238,7.64743771 L5.50689969,7.58097376 L10.2476404,2.84023302 Z" transform="translate(8.296296, 8.000000) scale(-1, 1) translate(-8.296296, -8.000000) "></path></g></g></g></g></g></g></svg>
<span class="h6 font-weight-regular ms-3 mb-0 text-start">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapseFiveone" class="collapse" aria-labelledby="headingFive" data-bs-parent="#accordion1">
<div class="card-body p-0">
<div class="hero-caption">
<p class="lh-28">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header bg-transparent border-bottom-0 px-0" id="headingSix">
<h5 class="mb-0">
<button class="btn btn-link text-dark collapsed custom-accordion opensans-font" data-bs-toggle="collapse" data-bs-target="#collapseSixone" aria-expanded="false" aria-controls="collapseSixone">
<svg width="7px" height="12px" viewBox="0 0 7 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-170.000000, -2929.000000)" fill="#212121"><g transform="translate(0.000000, 2766.000000)"><g transform="translate(165.000000, 80.000000)"><g transform="translate(0.053933, 73.000000)"><g transform="translate(0.000000, 8.000000)"><path d="M10.2476404,2.84023302 C10.4790622,2.60881122 10.8542711,2.60881122 11.0856929,2.84023302 C11.2960764,3.05061648 11.3152021,3.37983222 11.1430702,3.61182155 L11.0856929,3.6782855 L6.76424691,8 L11.0856929,12.3217145 C11.2960764,12.532098 11.3152021,12.8613137 11.1430702,13.093303 L11.0856929,13.159767 C10.8753095,13.3701504 10.5460937,13.3892762 10.3141044,13.2171443 L10.2476404,13.159767 L5.50689969,8.41902624 C5.29651623,8.20864278 5.27739046,7.87942703 5.44952238,7.64743771 L5.50689969,7.58097376 L10.2476404,2.84023302 Z" transform="translate(8.296296, 8.000000) scale(-1, 1) translate(-8.296296, -8.000000) "></path></g></g></g></g></g></g></svg>
<span class="h6 font-weight-regular ms-3 mb-0 text-start">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapseSixone" class="collapse" aria-labelledby="headingSix" data-bs-parent="#accordion1">
<div class="card-body p-0">
<div class="hero-caption">
<p class="lh-28">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header bg-transparent border-bottom-0 px-0" id="headingSeven">
<h5 class="mb-0">
<button class="btn btn-link text-dark collapsed custom-accordion opensans-font" data-bs-toggle="collapse" data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
<svg width="7px" height="12px" viewBox="0 0 7 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-170.000000, -2929.000000)" fill="#212121"><g transform="translate(0.000000, 2766.000000)"><g transform="translate(165.000000, 80.000000)"><g transform="translate(0.053933, 73.000000)"><g transform="translate(0.000000, 8.000000)"><path d="M10.2476404,2.84023302 C10.4790622,2.60881122 10.8542711,2.60881122 11.0856929,2.84023302 C11.2960764,3.05061648 11.3152021,3.37983222 11.1430702,3.61182155 L11.0856929,3.6782855 L6.76424691,8 L11.0856929,12.3217145 C11.2960764,12.532098 11.3152021,12.8613137 11.1430702,13.093303 L11.0856929,13.159767 C10.8753095,13.3701504 10.5460937,13.3892762 10.3141044,13.2171443 L10.2476404,13.159767 L5.50689969,8.41902624 C5.29651623,8.20864278 5.27739046,7.87942703 5.44952238,7.64743771 L5.50689969,7.58097376 L10.2476404,2.84023302 Z" transform="translate(8.296296, 8.000000) scale(-1, 1) translate(-8.296296, -8.000000) "></path></g></g></g></g></g></g></svg>
<span class="h6 font-weight-regular ms-3 mb-0 text-start">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-bs-parent="#accordion1">
<div class="card-body p-0">
<div class="hero-caption">
<p class="lh-28">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header bg-transparent border-bottom-0 px-0" id="headingEight">
<h5 class="mb-0">
<button class="btn btn-link text-dark collapsed custom-accordion opensans-font" data-bs-toggle="collapse" data-bs-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
<svg width="7px" height="12px" viewBox="0 0 7 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-170.000000, -2929.000000)" fill="#212121"><g transform="translate(0.000000, 2766.000000)"><g transform="translate(165.000000, 80.000000)"><g transform="translate(0.053933, 73.000000)"><g transform="translate(0.000000, 8.000000)"><path d="M10.2476404,2.84023302 C10.4790622,2.60881122 10.8542711,2.60881122 11.0856929,2.84023302 C11.2960764,3.05061648 11.3152021,3.37983222 11.1430702,3.61182155 L11.0856929,3.6782855 L6.76424691,8 L11.0856929,12.3217145 C11.2960764,12.532098 11.3152021,12.8613137 11.1430702,13.093303 L11.0856929,13.159767 C10.8753095,13.3701504 10.5460937,13.3892762 10.3141044,13.2171443 L10.2476404,13.159767 L5.50689969,8.41902624 C5.29651623,8.20864278 5.27739046,7.87942703 5.44952238,7.64743771 L5.50689969,7.58097376 L10.2476404,2.84023302 Z" transform="translate(8.296296, 8.000000) scale(-1, 1) translate(-8.296296, -8.000000) "></path></g></g></g></g></g></g></svg>
<span class="h6 font-weight-regular ms-3 mb-0 text-start">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapseEight" class="collapse" aria-labelledby="headingEight" data-bs-parent="#accordion1">
<div class="card-body p-0">
<div class="hero-caption">
<p class="lh-28">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Menus Vertical
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
<!-- Fabrx Aside -->
<aside class="fabrx-aside">
<div class="fabrx-aside-header">
<a href="#0"><img src="../assets/images/brand-icons/brand-icon-2.svg" alt="Dash"></a>
</div>
<div class="fabrx-aside-body fabrx-scroll accordion" data-simplebar>
<div class="fabrx-menu-category">
<small class="menu-category-title">Tasks</small>
<ul class="list-unstyled menu-category pt-2">
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.834,13A1.835,1.835,0,0,1,0,11.167v-8A1.836,1.836,0,0,1,1.834,1.333h.833V.5a.5.5,0,0,1,1-.068l0,.068v.833H8V.5A.5.5,0,0,1,9,.432L9,.5v.833h.833a1.835,1.835,0,0,1,1.833,1.834v8A1.835,1.835,0,0,1,9.833,13ZM1,11.167A.834.834,0,0,0,1.834,12h8a.834.834,0,0,0,.833-.833V6.334H1Zm9.667-5.833V3.167a.834.834,0,0,0-.833-.833H9v.833a.5.5,0,0,1-1,.068l0-.068V2.333H3.667v.833a.5.5,0,0,1-1,.068l0-.068V2.333H1.834A.834.834,0,0,0,1,3.167V5.333Zm-7.5,5a.5.5,0,0,1-.5-.5V8.5a.5.5,0,0,1,.5-.5H4.5a.5.5,0,0,1,.5.5V9.833a.5.5,0,0,1-.5.5Zm.5-1H4V9H3.667Z" transform="translate(2.167 1.5)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Calendar</span>
</span>
</a>
</li>
<li class="active">
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.834,10.333A1.835,1.835,0,0,1,0,8.5V1.834A1.836,1.836,0,0,1,1.834,0h9.333A1.836,1.836,0,0,1,13,1.834V8.5a1.835,1.835,0,0,1-1.834,1.833ZM1,8.5a.834.834,0,0,0,.833.833h9.333A.834.834,0,0,0,12,8.5V2.768L6.778,6.25a.5.5,0,0,1-.49.037L6.223,6.25,1,2.768ZM6.5,5.231,11.964,1.59a.835.835,0,0,0-.8-.59H1.834a.835.835,0,0,0-.8.59Z" transform="translate(1.5 2.833)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Messages</span>
</span>
<div class="badge badge-primary circle ssm ms-auto">3</div>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M3.167,13a1.833,1.833,0,0,1-1.83-1.721l0-.112V7H1.166A1.168,1.168,0,0,1,0,5.834V4.5A1.168,1.168,0,0,1,1.166,3.333h.507A2.167,2.167,0,0,1,3.491,0,3.39,3.39,0,0,1,6.416,2.149l.083.172.008-.015A3.528,3.528,0,0,1,9.365,0H9.5a2.167,2.167,0,0,1,1.826,3.333h.507A1.168,1.168,0,0,1,13,4.5V5.834A1.168,1.168,0,0,1,11.833,7h-.167v4.167A1.834,1.834,0,0,1,9.945,13l-.112,0Zm6.667-1a.834.834,0,0,0,.829-.748l0-.085V7H7v5Zm-7.5-.833A.833.833,0,0,0,3.082,12l.085,0H6V7H2.333ZM11.833,6A.167.167,0,0,0,12,5.834V4.5a.167.167,0,0,0-.167-.166H7V6ZM1,4.5V5.834A.166.166,0,0,0,1.166,6H6V4.334H1.166A.166.166,0,0,0,1,4.5ZM9.5,3.333A1.167,1.167,0,1,0,9.491,1c-.915-.016-1.82.867-2.325,2.333Zm-3.666,0C5.328,1.867,4.422.984,3.5,1a1.167,1.167,0,0,0-.1,2.33l.1,0Z" transform="translate(1.5 1.5)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Offers</span>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M8,11.9l0-.068V10.5A2.166,2.166,0,0,0,5.956,8.337l-.123,0H3.167A2.167,2.167,0,0,0,1,10.377L1,10.5v1.333A.5.5,0,0,1,0,11.9l0-.068V10.5A3.166,3.166,0,0,1,3.022,7.337l.145,0H5.833A3.168,3.168,0,0,1,9,10.355L9,10.5v1.333A.5.5,0,0,1,8,11.9ZM1.333,3.167A3.167,3.167,0,1,1,4.5,6.334,3.171,3.171,0,0,1,1.333,3.167Zm1,0A2.167,2.167,0,1,0,4.5,1,2.169,2.169,0,0,0,2.333,3.167Z" transform="translate(3.333 2)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Users</span>
</span>
</a>
</li>
</ul>
</div>
<div class="fabrx-menu-category">
<small class="menu-category-title">User</small>
<ul class="list-unstyled menu-category pt-2">
<li>
<a href="#0" data-bs-toggle="collapse" data-bs-target="#collapseOnetwo" aria-expanded="false" aria-controls="collapseOnetwo">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Combined Shape" d="M4.9,11.74a.652.652,0,0,0-.382-.447.651.651,0,0,0-.587.046,1.645,1.645,0,0,1-.863.251,1.7,1.7,0,0,1-1.446-.869,1.594,1.594,0,0,1,.042-1.649.649.649,0,0,0-.4-.969,1.649,1.649,0,0,1,0-3.205.649.649,0,0,0,.4-.969,1.594,1.594,0,0,1-.043-1.649,1.7,1.7,0,0,1,1.447-.869,1.643,1.643,0,0,1,.863.251.655.655,0,0,0,.338.1.648.648,0,0,0,.631-.5,1.649,1.649,0,0,1,3.205,0,.652.652,0,0,0,.383.447.646.646,0,0,0,.587-.046,1.644,1.644,0,0,1,.863-.251,1.7,1.7,0,0,1,1.447.869,1.594,1.594,0,0,1-.043,1.649.65.65,0,0,0,.4.968,1.649,1.649,0,0,1,0,3.205.65.65,0,0,0-.4.97,1.592,1.592,0,0,1,.043,1.648,1.7,1.7,0,0,1-1.446.87,1.645,1.645,0,0,1-.863-.251.651.651,0,0,0-.338-.094.641.641,0,0,0-.248.049.651.651,0,0,0-.383.446,1.649,1.649,0,0,1-3.205,0Zm0-1.37A1.656,1.656,0,0,1,5.869,11.5a.649.649,0,0,0,1.262,0,1.65,1.65,0,0,1,2.461-1.019l.062.034a.632.632,0,0,0,.277.065.668.668,0,0,0,.57-.343.628.628,0,0,0-.017-.649l-.064-.115A1.648,1.648,0,0,1,11.5,7.131a.649.649,0,0,0,0-1.262,1.649,1.649,0,0,1-1.019-2.461l.034-.062a.625.625,0,0,0-.034-.615.663.663,0,0,0-.553-.314.649.649,0,0,0-.34.1l-.115.064a1.656,1.656,0,0,1-.743.178A1.65,1.65,0,0,1,7.131,1.5l-.024-.079a.65.65,0,0,0-1.238.08A1.647,1.647,0,0,1,3.409,2.515l-.062-.034a.632.632,0,0,0-.277-.065.668.668,0,0,0-.57.343.628.628,0,0,0,.017.649l.064.114A1.65,1.65,0,0,1,1.5,5.869a.649.649,0,0,0,0,1.262A1.649,1.649,0,0,1,2.515,9.592l-.034.062a.625.625,0,0,0,.034.615.663.663,0,0,0,.553.314.649.649,0,0,0,.34-.1l.115-.064A1.647,1.647,0,0,1,4.9,10.369ZM4,6.5A2.5,2.5,0,1,1,6.5,9,2.5,2.5,0,0,1,4,6.5Zm1,0A1.5,1.5,0,1,0,6.5,5,1.5,1.5,0,0,0,5,6.5Z" transform="translate(1.5 1.5)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Settings</span>
</span>
<svg data-name="Icon Right" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(2.222 8.222) rotate(-90)" fill="#212121"/></svg>
</a>
<div id="collapseOnetwo" class="collapse" data-bs-parent=".accordion">
<ul class="list-unstyled menu-category pt-2">
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.834,13A1.835,1.835,0,0,1,0,11.167v-8A1.836,1.836,0,0,1,1.834,1.333h.833V.5a.5.5,0,0,1,1-.068l0,.068v.833H8V.5A.5.5,0,0,1,9,.432L9,.5v.833h.833a1.835,1.835,0,0,1,1.833,1.834v8A1.835,1.835,0,0,1,9.833,13ZM1,11.167A.834.834,0,0,0,1.834,12h8a.834.834,0,0,0,.833-.833V6.334H1Zm9.667-5.833V3.167a.834.834,0,0,0-.833-.833H9v.833a.5.5,0,0,1-1,.068l0-.068V2.333H3.667v.833a.5.5,0,0,1-1,.068l0-.068V2.333H1.834A.834.834,0,0,0,1,3.167V5.333Zm-7.5,5a.5.5,0,0,1-.5-.5V8.5a.5.5,0,0,1,.5-.5H4.5a.5.5,0,0,1,.5.5V9.833a.5.5,0,0,1-.5.5Zm.5-1H4V9H3.667Z" transform="translate(2.167 1.5)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Calendar</span>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.834,10.333A1.835,1.835,0,0,1,0,8.5V1.834A1.836,1.836,0,0,1,1.834,0h9.333A1.836,1.836,0,0,1,13,1.834V8.5a1.835,1.835,0,0,1-1.834,1.833ZM1,8.5a.834.834,0,0,0,.833.833h9.333A.834.834,0,0,0,12,8.5V2.768L6.778,6.25a.5.5,0,0,1-.49.037L6.223,6.25,1,2.768ZM6.5,5.231,11.964,1.59a.835.835,0,0,0-.8-.59H1.834a.835.835,0,0,0-.8.59Z" transform="translate(1.5 2.833)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Messages</span>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M3.167,13a1.833,1.833,0,0,1-1.83-1.721l0-.112V7H1.166A1.168,1.168,0,0,1,0,5.834V4.5A1.168,1.168,0,0,1,1.166,3.333h.507A2.167,2.167,0,0,1,3.491,0,3.39,3.39,0,0,1,6.416,2.149l.083.172.008-.015A3.528,3.528,0,0,1,9.365,0H9.5a2.167,2.167,0,0,1,1.826,3.333h.507A1.168,1.168,0,0,1,13,4.5V5.834A1.168,1.168,0,0,1,11.833,7h-.167v4.167A1.834,1.834,0,0,1,9.945,13l-.112,0Zm6.667-1a.834.834,0,0,0,.829-.748l0-.085V7H7v5Zm-7.5-.833A.833.833,0,0,0,3.082,12l.085,0H6V7H2.333ZM11.833,6A.167.167,0,0,0,12,5.834V4.5a.167.167,0,0,0-.167-.166H7V6ZM1,4.5V5.834A.166.166,0,0,0,1.166,6H6V4.334H1.166A.166.166,0,0,0,1,4.5ZM9.5,3.333A1.167,1.167,0,1,0,9.491,1c-.915-.016-1.82.867-2.325,2.333Zm-3.666,0C5.328,1.867,4.422.984,3.5,1a1.167,1.167,0,0,0-.1,2.33l.1,0Z" transform="translate(1.5 1.5)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Offers</span>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M8,11.9l0-.068V10.5A2.166,2.166,0,0,0,5.956,8.337l-.123,0H3.167A2.167,2.167,0,0,0,1,10.377L1,10.5v1.333A.5.5,0,0,1,0,11.9l0-.068V10.5A3.166,3.166,0,0,1,3.022,7.337l.145,0H5.833A3.168,3.168,0,0,1,9,10.355L9,10.5v1.333A.5.5,0,0,1,8,11.9ZM1.333,3.167A3.167,3.167,0,1,1,4.5,6.334,3.171,3.171,0,0,1,1.333,3.167Zm1,0A2.167,2.167,0,1,0,4.5,1,2.169,2.169,0,0,0,2.333,3.167Z" transform="translate(3.333 2)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Users</span>
</span>
</a>
</li>
</ul>
</div>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M.2,7.568.147,7.52A.5.5,0,0,1,.1,6.869l.049-.056,4-4A.5.5,0,0,1,4.8,2.765l.056.049L7.167,5.126,11.293,1H7.834a.5.5,0,0,1-.5-.433l0-.068A.5.5,0,0,1,7.765,0l.068,0H12.5a.5.5,0,0,1,.165.028h0l.007,0,.005,0h0a.5.5,0,0,1,.268.247h0l0,.008,0,0,0,0A.5.5,0,0,1,13,.432v0a.5.5,0,0,1,0,.058V5.167a.5.5,0,0,1-1,.068l0-.068V1.708L7.521,6.187a.5.5,0,0,1-.651.049l-.056-.049L4.5,3.874.854,7.52A.5.5,0,0,1,.2,7.568Z" transform="translate(1.5 4.167)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Trends</span>
</span>
<div class="badge badge-primary badge-md ms-auto">New</div>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M6.731,12.269h0a.5.5,0,0,1-.053-.046h0l-2-2a.5.5,0,0,1,.651-.755l.056.048,1.146,1.146V5.867a.5.5,0,0,1,1-.068l0,.068V10.66L8.675,9.513a.5.5,0,0,1,.651-.048l.056.048a.5.5,0,0,1,.049.651l-.049.056-2,2-.009.009,0,0-.005,0-.005,0,0,0-.007.006,0,0-.008.007h0l-.009.007h0a.5.5,0,0,1-.15.077h0a.5.5,0,0,1-.446-.075ZM11.2,9.2a.5.5,0,0,1,.5-.5,1.833,1.833,0,0,0,.112-3.663l-.112,0h-.667a.5.5,0,0,1-.488-.61,2.676,2.676,0,0,0-1.015-2.69,3.562,3.562,0,0,0-3.211-.58A3.015,3.015,0,0,0,4.183,3.31a.5.5,0,0,1-.508.39A2.549,2.549,0,0,0,1.07,5.57,2.4,2.4,0,0,0,2.5,8.342a.5.5,0,1,1-.4.917,3.4,3.4,0,0,1-2-3.931A3.527,3.527,0,0,1,3.243,2.712l.074-.005.026-.075A4.051,4.051,0,0,1,5.861.25L6.026.2a4.56,4.56,0,0,1,4.122.754A3.733,3.733,0,0,1,11.6,3.845l0,.188h.1a2.833,2.833,0,0,1,2.83,2.7l0,.137A2.834,2.834,0,0,1,11.7,9.7.5.5,0,0,1,11.2,9.2Z" transform="translate(0.667 2)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Downloads</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<div class="fabrx-aside-footer">
<a href="#0" class="font-size-12"><svg data-name="Footer Icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path data-name="Icon Color" d="M2.292,14.583A2.291,2.291,0,0,1,0,12.431l0-.14v-10A2.292,2.292,0,0,1,2.152,0l.14,0H8.125a2.292,2.292,0,0,1,2.288,2.152l0,.14V3.959a.625.625,0,0,1-1.244.085l-.006-.085V2.292a1.041,1.041,0,0,0-.935-1.037L8.125,1.25H2.292a1.041,1.041,0,0,0-1.037.935l-.005.107v10a1.042,1.042,0,0,0,.935,1.036l.107.005H8.125A1.042,1.042,0,0,0,9.161,12.4l.005-.106V10.625a.625.625,0,0,1,1.244-.085l.006.085v1.667a2.292,2.292,0,0,1-2.153,2.287l-.139,0Zm10.391-4.349a.625.625,0,0,1-.061-.814l.061-.071,1.432-1.432H3.959a.625.625,0,0,1-.085-1.245l.085-.005H14.116L12.683,5.234a.625.625,0,0,1-.061-.814l.061-.07a.625.625,0,0,1,.814-.061l.07.061,2.5,2.5a.614.614,0,0,1,.147.65l-.048.106a.68.68,0,0,1-.075.1l-2.524,2.524a.625.625,0,0,1-.884,0Z" transform="translate(1.875 2.708)" fill="#212121"/></svg><span class="ms-2">Sign out</span></a>
</div>
</aside>
<aside class="fabrx-aside fabrx-aside-two">
<div class="fabrx-aside-header">
<div class="d-flex align-items-center pt-5">
<a href="#0" class="fabrx-avatar fabrx-status dnd md"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
<div class="ps-2 ms-1">
<strong class="d-block text-dark font-size-14 font-weight-semibold">Bruce Lee</strong>
<small class="text-secondary d-block">Guru member</small>
</div>
</div>
</div>
<div class="fabrx-aside-body fabrx-scroll accordion1" data-simplebar>
<div class="fabrx-menu-category">
<small class="menu-category-title">Tasks</small>
<ul class="list-unstyled menu-category pt-2">
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.834,13A1.835,1.835,0,0,1,0,11.167v-8A1.836,1.836,0,0,1,1.834,1.333h.833V.5a.5.5,0,0,1,1-.068l0,.068v.833H8V.5A.5.5,0,0,1,9,.432L9,.5v.833h.833a1.835,1.835,0,0,1,1.833,1.834v8A1.835,1.835,0,0,1,9.833,13ZM1,11.167A.834.834,0,0,0,1.834,12h8a.834.834,0,0,0,.833-.833V6.334H1Zm9.667-5.833V3.167a.834.834,0,0,0-.833-.833H9v.833a.5.5,0,0,1-1,.068l0-.068V2.333H3.667v.833a.5.5,0,0,1-1,.068l0-.068V2.333H1.834A.834.834,0,0,0,1,3.167V5.333Zm-7.5,5a.5.5,0,0,1-.5-.5V8.5a.5.5,0,0,1,.5-.5H4.5a.5.5,0,0,1,.5.5V9.833a.5.5,0,0,1-.5.5Zm.5-1H4V9H3.667Z" transform="translate(2.167 1.5)" fill="#212121"></path></svg>
<span class="dropdown-text ms-2">Calendar</span>
</span>
</a>
</li>
<li class="active">
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.834,10.333A1.835,1.835,0,0,1,0,8.5V1.834A1.836,1.836,0,0,1,1.834,0h9.333A1.836,1.836,0,0,1,13,1.834V8.5a1.835,1.835,0,0,1-1.834,1.833ZM1,8.5a.834.834,0,0,0,.833.833h9.333A.834.834,0,0,0,12,8.5V2.768L6.778,6.25a.5.5,0,0,1-.49.037L6.223,6.25,1,2.768ZM6.5,5.231,11.964,1.59a.835.835,0,0,0-.8-.59H1.834a.835.835,0,0,0-.8.59Z" transform="translate(1.5 2.833)" fill="#212121"></path></svg>
<span class="dropdown-text ms-2">Messages</span>
</span>
<div class="badge badge-primary circle ssm ms-auto">3</div>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M3.167,13a1.833,1.833,0,0,1-1.83-1.721l0-.112V7H1.166A1.168,1.168,0,0,1,0,5.834V4.5A1.168,1.168,0,0,1,1.166,3.333h.507A2.167,2.167,0,0,1,3.491,0,3.39,3.39,0,0,1,6.416,2.149l.083.172.008-.015A3.528,3.528,0,0,1,9.365,0H9.5a2.167,2.167,0,0,1,1.826,3.333h.507A1.168,1.168,0,0,1,13,4.5V5.834A1.168,1.168,0,0,1,11.833,7h-.167v4.167A1.834,1.834,0,0,1,9.945,13l-.112,0Zm6.667-1a.834.834,0,0,0,.829-.748l0-.085V7H7v5Zm-7.5-.833A.833.833,0,0,0,3.082,12l.085,0H6V7H2.333ZM11.833,6A.167.167,0,0,0,12,5.834V4.5a.167.167,0,0,0-.167-.166H7V6ZM1,4.5V5.834A.166.166,0,0,0,1.166,6H6V4.334H1.166A.166.166,0,0,0,1,4.5ZM9.5,3.333A1.167,1.167,0,1,0,9.491,1c-.915-.016-1.82.867-2.325,2.333Zm-3.666,0C5.328,1.867,4.422.984,3.5,1a1.167,1.167,0,0,0-.1,2.33l.1,0Z" transform="translate(1.5 1.5)" fill="#212121"></path></svg>
<span class="dropdown-text ms-2">Offers</span>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M8,11.9l0-.068V10.5A2.166,2.166,0,0,0,5.956,8.337l-.123,0H3.167A2.167,2.167,0,0,0,1,10.377L1,10.5v1.333A.5.5,0,0,1,0,11.9l0-.068V10.5A3.166,3.166,0,0,1,3.022,7.337l.145,0H5.833A3.168,3.168,0,0,1,9,10.355L9,10.5v1.333A.5.5,0,0,1,8,11.9ZM1.333,3.167A3.167,3.167,0,1,1,4.5,6.334,3.171,3.171,0,0,1,1.333,3.167Zm1,0A2.167,2.167,0,1,0,4.5,1,2.169,2.169,0,0,0,2.333,3.167Z" transform="translate(3.333 2)" fill="#212121"></path></svg>
<span class="dropdown-text ms-2">Users</span>
</span>
</a>
</li>
</ul>
</div>
<div class="fabrx-menu-category">
<small class="menu-category-title">User</small>
<ul class="list-unstyled menu-category pt-2">
<li>
<a href="#0" data-bs-toggle="collapse" data-bs-target="#collapseThreeone" aria-expanded="false" aria-controls="collapseThreeone">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Combined Shape" d="M4.9,11.74a.652.652,0,0,0-.382-.447.651.651,0,0,0-.587.046,1.645,1.645,0,0,1-.863.251,1.7,1.7,0,0,1-1.446-.869,1.594,1.594,0,0,1,.042-1.649.649.649,0,0,0-.4-.969,1.649,1.649,0,0,1,0-3.205.649.649,0,0,0,.4-.969,1.594,1.594,0,0,1-.043-1.649,1.7,1.7,0,0,1,1.447-.869,1.643,1.643,0,0,1,.863.251.655.655,0,0,0,.338.1.648.648,0,0,0,.631-.5,1.649,1.649,0,0,1,3.205,0,.652.652,0,0,0,.383.447.646.646,0,0,0,.587-.046,1.644,1.644,0,0,1,.863-.251,1.7,1.7,0,0,1,1.447.869,1.594,1.594,0,0,1-.043,1.649.65.65,0,0,0,.4.968,1.649,1.649,0,0,1,0,3.205.65.65,0,0,0-.4.97,1.592,1.592,0,0,1,.043,1.648,1.7,1.7,0,0,1-1.446.87,1.645,1.645,0,0,1-.863-.251.651.651,0,0,0-.338-.094.641.641,0,0,0-.248.049.651.651,0,0,0-.383.446,1.649,1.649,0,0,1-3.205,0Zm0-1.37A1.656,1.656,0,0,1,5.869,11.5a.649.649,0,0,0,1.262,0,1.65,1.65,0,0,1,2.461-1.019l.062.034a.632.632,0,0,0,.277.065.668.668,0,0,0,.57-.343.628.628,0,0,0-.017-.649l-.064-.115A1.648,1.648,0,0,1,11.5,7.131a.649.649,0,0,0,0-1.262,1.649,1.649,0,0,1-1.019-2.461l.034-.062a.625.625,0,0,0-.034-.615.663.663,0,0,0-.553-.314.649.649,0,0,0-.34.1l-.115.064a1.656,1.656,0,0,1-.743.178A1.65,1.65,0,0,1,7.131,1.5l-.024-.079a.65.65,0,0,0-1.238.08A1.647,1.647,0,0,1,3.409,2.515l-.062-.034a.632.632,0,0,0-.277-.065.668.668,0,0,0-.57.343.628.628,0,0,0,.017.649l.064.114A1.65,1.65,0,0,1,1.5,5.869a.649.649,0,0,0,0,1.262A1.649,1.649,0,0,1,2.515,9.592l-.034.062a.625.625,0,0,0,.034.615.663.663,0,0,0,.553.314.649.649,0,0,0,.34-.1l.115-.064A1.647,1.647,0,0,1,4.9,10.369ZM4,6.5A2.5,2.5,0,1,1,6.5,9,2.5,2.5,0,0,1,4,6.5Zm1,0A1.5,1.5,0,1,0,6.5,5,1.5,1.5,0,0,0,5,6.5Z" transform="translate(1.5 1.5)" fill="#212121"></path></svg>
<span class="dropdown-text ms-2">Settings</span>
</span>
<svg data-name="Icon Right" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(2.222 8.222) rotate(-90)" fill="#212121"></path></svg>
</a>
<div id="collapseThreeone" class="collapse" data-bs-parent=".accordion1">
<ul class="list-unstyled menu-category pt-2">
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M.2,7.568.147,7.52A.5.5,0,0,1,.1,6.869l.049-.056,4-4A.5.5,0,0,1,4.8,2.765l.056.049L7.167,5.126,11.293,1H7.834a.5.5,0,0,1-.5-.433l0-.068A.5.5,0,0,1,7.765,0l.068,0H12.5a.5.5,0,0,1,.165.028h0l.007,0,.005,0h0a.5.5,0,0,1,.268.247h0l0,.008,0,0,0,0A.5.5,0,0,1,13,.432v0a.5.5,0,0,1,0,.058V5.167a.5.5,0,0,1-1,.068l0-.068V1.708L7.521,6.187a.5.5,0,0,1-.651.049l-.056-.049L4.5,3.874.854,7.52A.5.5,0,0,1,.2,7.568Z" transform="translate(1.5 4.167)" fill="#212121"></path></svg>
<span class="dropdown-text ms-2">Calendar</span>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<g data-name="Icon/Email" transform="translate(0)">
<path data-name="Icon Color" d="M22.125,17H2.625a2.49,2.49,0,0,1-1.781-.869A2.628,2.628,0,0,1,0,14.3V1.835a.223.223,0,0,1,.023-.1.576.576,0,0,1,0-.326.894.894,0,0,1,.164-.3.342.342,0,0,0,.047-.06A.182.182,0,0,1,.305.99a2.189,2.189,0,0,1,1-.736A3.606,3.606,0,0,1,2.625,0h19.5a2.045,2.045,0,0,1,1.207.326,1.557,1.557,0,0,1,.6.978.637.637,0,0,1,.058.205.806.806,0,0,1-.012.229.223.223,0,0,1,.023.1V14.3a3.832,3.832,0,0,1-.469,1.835A1.515,1.515,0,0,1,22.125,17ZM1.5,3.236V14.3a1.176,1.176,0,0,0,.41.736,1.123,1.123,0,0,0,.715.423h19.5c.2,0,.317-.142.34-.423s.035-.528.035-.736V3.236L12.492,11.471a.94.94,0,0,1-.234.145.721.721,0,0,1-.516,0,.954.954,0,0,1-.235-.145Zm.773-1.69A2.934,2.934,0,0,0,1.9,1.57L12,9.877,22.125,1.545Z" transform="translate(0 4)" fill="#3f3b3b"/>
</g>
</svg>
<span class="dropdown-text ms-2">Messages</span>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon/Gift" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M21,22.8H3.023a1.43,1.43,0,0,1-1.066-.45,1.494,1.494,0,0,1-.433-1.066V11.4H0V6.873A1.479,1.479,0,0,1,.434,5.8,1.447,1.447,0,0,1,1.5,5.356H4.1a3.687,3.687,0,0,1-.808-1.149A3.532,3.532,0,0,1,3,2.749,3.163,3.163,0,0,1,3.632.877,2.55,2.55,0,0,1,5.836,0,4.226,4.226,0,0,1,7.817.5,8.987,8.987,0,0,1,9.574,1.706a11.9,11.9,0,0,1,1.442,1.5,15.619,15.619,0,0,1,1.031,1.434,16.963,16.963,0,0,1,1.02-1.434,11.624,11.624,0,0,1,1.418-1.5A8.8,8.8,0,0,1,16.219.5,4.154,4.154,0,0,1,18.187,0a2.55,2.55,0,0,1,2.2.877,3.157,3.157,0,0,1,.633,1.873,3.533,3.533,0,0,1-.292,1.457,3.6,3.6,0,0,1-.786,1.126H22.5a1.427,1.427,0,0,1,1.066.451A1.491,1.491,0,0,1,24,6.85V11.4H22.5v9.883a1.494,1.494,0,0,1-.434,1.066A1.427,1.427,0,0,1,21,22.8ZM12.75,11.4v9.883H21V11.4Zm-9.727,0v9.883H11.25V11.4ZM12.75,6.85V9.883H22.5V6.85ZM1.5,6.85V9.883h9.75V6.85ZM18.187,1.516a3.833,3.833,0,0,0-2.706,1.316,17.6,17.6,0,0,0-2.1,2.5h2.531a4.867,4.867,0,0,0,2.461-.663,2.111,2.111,0,0,0,1.148-1.92,1.238,1.238,0,0,0-.317-.924A1.425,1.425,0,0,0,18.187,1.516Zm-12.352,0a1.462,1.462,0,0,0-1.019.3,1.2,1.2,0,0,0-.317.912A2.128,2.128,0,0,0,5.683,4.657a4.989,4.989,0,0,0,2.5.675h2.531a16.577,16.577,0,0,0-2.133-2.5A3.947,3.947,0,0,0,5.836,1.516Z" transform="translate(0 1)" fill="#3f3b3b"/>
</svg>
<span class="dropdown-text ms-2">Offers</span>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon/User" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M18.75,24H0V19.5a8.183,8.183,0,0,1,1.636-4.922,8.321,8.321,0,0,1,4.139-2.953,6.375,6.375,0,1,1,7.2,0,8.321,8.321,0,0,1,4.139,2.953A8.184,8.184,0,0,1,18.75,19.5V24ZM8.25,12.75A6.758,6.758,0,0,0,1.5,19.5v3H17.25v-3a6.758,6.758,0,0,0-6.75-6.75ZM9.375,1.5A4.875,4.875,0,1,0,14.25,6.375,4.88,4.88,0,0,0,9.375,1.5Z" transform="translate(3)" fill="#3f3b3b"/>
</svg>
<span class="dropdown-text ms-2">Users</span>
</span>
</a>
</li>
</ul>
</div>
</li>
<li>
<a href="#0" data-bs-toggle="collapse" data-bs-target="#collapseTwofive" aria-expanded="false" aria-controls="collapseTwofive">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M.2,7.568.147,7.52A.5.5,0,0,1,.1,6.869l.049-.056,4-4A.5.5,0,0,1,4.8,2.765l.056.049L7.167,5.126,11.293,1H7.834a.5.5,0,0,1-.5-.433l0-.068A.5.5,0,0,1,7.765,0l.068,0H12.5a.5.5,0,0,1,.165.028h0l.007,0,.005,0h0a.5.5,0,0,1,.268.247h0l0,.008,0,0,0,0A.5.5,0,0,1,13,.432v0a.5.5,0,0,1,0,.058V5.167a.5.5,0,0,1-1,.068l0-.068V1.708L7.521,6.187a.5.5,0,0,1-.651.049l-.056-.049L4.5,3.874.854,7.52A.5.5,0,0,1,.2,7.568Z" transform="translate(1.5 4.167)" fill="#212121"></path></svg>
<span class="dropdown-text ms-2">Trends</span>
</span>
<svg data-name="Icon Right" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(2.222 8.222) rotate(-90)" fill="#212121"></path></svg>
</a>
<div id="collapseTwofive" class="collapse" data-bs-parent=".accordion1">
<ul class="list-unstyled menu-category pt-2">
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.834,13A1.835,1.835,0,0,1,0,11.167v-8A1.836,1.836,0,0,1,1.834,1.333h.833V.5a.5.5,0,0,1,1-.068l0,.068v.833H8V.5A.5.5,0,0,1,9,.432L9,.5v.833h.833a1.835,1.835,0,0,1,1.833,1.834v8A1.835,1.835,0,0,1,9.833,13ZM1,11.167A.834.834,0,0,0,1.834,12h8a.834.834,0,0,0,.833-.833V6.334H1Zm9.667-5.833V3.167a.834.834,0,0,0-.833-.833H9v.833a.5.5,0,0,1-1,.068l0-.068V2.333H3.667v.833a.5.5,0,0,1-1,.068l0-.068V2.333H1.834A.834.834,0,0,0,1,3.167V5.333Zm-7.5,5a.5.5,0,0,1-.5-.5V8.5a.5.5,0,0,1,.5-.5H4.5a.5.5,0,0,1,.5.5V9.833a.5.5,0,0,1-.5.5Zm.5-1H4V9H3.667Z" transform="translate(2.167 1.5)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Calendar</span>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M1.834,10.333A1.835,1.835,0,0,1,0,8.5V1.834A1.836,1.836,0,0,1,1.834,0h9.333A1.836,1.836,0,0,1,13,1.834V8.5a1.835,1.835,0,0,1-1.834,1.833ZM1,8.5a.834.834,0,0,0,.833.833h9.333A.834.834,0,0,0,12,8.5V2.768L6.778,6.25a.5.5,0,0,1-.49.037L6.223,6.25,1,2.768ZM6.5,5.231,11.964,1.59a.835.835,0,0,0-.8-.59H1.834a.835.835,0,0,0-.8.59Z" transform="translate(1.5 2.833)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Messages</span>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M3.167,13a1.833,1.833,0,0,1-1.83-1.721l0-.112V7H1.166A1.168,1.168,0,0,1,0,5.834V4.5A1.168,1.168,0,0,1,1.166,3.333h.507A2.167,2.167,0,0,1,3.491,0,3.39,3.39,0,0,1,6.416,2.149l.083.172.008-.015A3.528,3.528,0,0,1,9.365,0H9.5a2.167,2.167,0,0,1,1.826,3.333h.507A1.168,1.168,0,0,1,13,4.5V5.834A1.168,1.168,0,0,1,11.833,7h-.167v4.167A1.834,1.834,0,0,1,9.945,13l-.112,0Zm6.667-1a.834.834,0,0,0,.829-.748l0-.085V7H7v5Zm-7.5-.833A.833.833,0,0,0,3.082,12l.085,0H6V7H2.333ZM11.833,6A.167.167,0,0,0,12,5.834V4.5a.167.167,0,0,0-.167-.166H7V6ZM1,4.5V5.834A.166.166,0,0,0,1.166,6H6V4.334H1.166A.166.166,0,0,0,1,4.5ZM9.5,3.333A1.167,1.167,0,1,0,9.491,1c-.915-.016-1.82.867-2.325,2.333Zm-3.666,0C5.328,1.867,4.422.984,3.5,1a1.167,1.167,0,0,0-.1,2.33l.1,0Z" transform="translate(1.5 1.5)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Offers</span>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M8,11.9l0-.068V10.5A2.166,2.166,0,0,0,5.956,8.337l-.123,0H3.167A2.167,2.167,0,0,0,1,10.377L1,10.5v1.333A.5.5,0,0,1,0,11.9l0-.068V10.5A3.166,3.166,0,0,1,3.022,7.337l.145,0H5.833A3.168,3.168,0,0,1,9,10.355L9,10.5v1.333A.5.5,0,0,1,8,11.9ZM1.333,3.167A3.167,3.167,0,1,1,4.5,6.334,3.171,3.171,0,0,1,1.333,3.167Zm1,0A2.167,2.167,0,1,0,4.5,1,2.169,2.169,0,0,0,2.333,3.167Z" transform="translate(3.333 2)" fill="#212121"/></svg>
<span class="dropdown-text ms-2">Users</span>
</span>
</a>
</li>
</ul>
</div>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon Left" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path data-name="Icon Color" d="M6.731,12.269h0a.5.5,0,0,1-.053-.046h0l-2-2a.5.5,0,0,1,.651-.755l.056.048,1.146,1.146V5.867a.5.5,0,0,1,1-.068l0,.068V10.66L8.675,9.513a.5.5,0,0,1,.651-.048l.056.048a.5.5,0,0,1,.049.651l-.049.056-2,2-.009.009,0,0-.005,0-.005,0,0,0-.007.006,0,0-.008.007h0l-.009.007h0a.5.5,0,0,1-.15.077h0a.5.5,0,0,1-.446-.075ZM11.2,9.2a.5.5,0,0,1,.5-.5,1.833,1.833,0,0,0,.112-3.663l-.112,0h-.667a.5.5,0,0,1-.488-.61,2.676,2.676,0,0,0-1.015-2.69,3.562,3.562,0,0,0-3.211-.58A3.015,3.015,0,0,0,4.183,3.31a.5.5,0,0,1-.508.39A2.549,2.549,0,0,0,1.07,5.57,2.4,2.4,0,0,0,2.5,8.342a.5.5,0,1,1-.4.917,3.4,3.4,0,0,1-2-3.931A3.527,3.527,0,0,1,3.243,2.712l.074-.005.026-.075A4.051,4.051,0,0,1,5.861.25L6.026.2a4.56,4.56,0,0,1,4.122.754A3.733,3.733,0,0,1,11.6,3.845l0,.188h.1a2.833,2.833,0,0,1,2.83,2.7l0,.137A2.834,2.834,0,0,1,11.7,9.7.5.5,0,0,1,11.2,9.2Z" transform="translate(0.667 2)" fill="#212121"></path></svg>
<span class="dropdown-text ms-2">Downloads</span>
</span>
</a>
</li>
</ul>
</div>
<div class="fabrx-aside-footer">
<a href="#0" class="font-size-12"><svg data-name="Footer Icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20"><path data-name="Icon Color" d="M2.292,14.583A2.291,2.291,0,0,1,0,12.431l0-.14v-10A2.292,2.292,0,0,1,2.152,0l.14,0H8.125a2.292,2.292,0,0,1,2.288,2.152l0,.14V3.959a.625.625,0,0,1-1.244.085l-.006-.085V2.292a1.041,1.041,0,0,0-.935-1.037L8.125,1.25H2.292a1.041,1.041,0,0,0-1.037.935l-.005.107v10a1.042,1.042,0,0,0,.935,1.036l.107.005H8.125A1.042,1.042,0,0,0,9.161,12.4l.005-.106V10.625a.625.625,0,0,1,1.244-.085l.006.085v1.667a2.292,2.292,0,0,1-2.153,2.287l-.139,0Zm10.391-4.349a.625.625,0,0,1-.061-.814l.061-.071,1.432-1.432H3.959a.625.625,0,0,1-.085-1.245l.085-.005H14.116L12.683,5.234a.625.625,0,0,1-.061-.814l.061-.07a.625.625,0,0,1,.814-.061l.07.061,2.5,2.5a.614.614,0,0,1,.147.65l-.048.106a.68.68,0,0,1-.075.1l-2.524,2.524a.625.625,0,0,1-.884,0Z" transform="translate(1.875 2.708)" fill="#212121"/></svg><span class="ms-2">Sign out</span></a>
</div>
</div>
<div class="fabrx-aside-footer">
<a href="#0"><img src="../assets/images/brand-icons/brand-icon-3.svg" alt="Dash"></a>
</div>
</aside>
<aside class="fabrx-aside fabrx-aside-three">
<div class="fabrx-aside-header bg-white">
<a href="#0"><img src="../assets/images/brand-icons/brand-icon-4.svg" alt="Fabrx"></a>
</div>
<div class="fabrx-aside-body fabrx-scroll accordion2" data-simplebar>
<div class="fabrx-menu-category pt-5">
<ul class="list-unstyled menu-category">
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0" data-bs-toggle="collapse" data-bs-target="#collapseFourone" aria-expanded="false" aria-controls="collapseFourone">
<span class="dropdown-text">Link</span>
<svg data-name="Icon/Arrows/Chevron/Down" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(2.222 8.222) rotate(-90)" fill="#212121"/></svg>
</a>
<div id="collapseFourone" class="collapse" data-bs-parent=".accordion2">
<ul class="list-unstyled menu-category">
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
</ul>
</div>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
<div class="badge badge-primary circle ssm ms-2">3</div>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
<li>
<a href="#0">
<span class="dropdown-text">Link</span>
</a>
</li>
</ul>
</div>
</div>
</aside>
<aside class="fabrx-aside fabrx-aside-four">
<div class="fabrx-aside-header bg-white">
<a href="#0" class="ms-auto"><svg data-name="Icon/Close" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path data-name="Icon Color" d="M.347,20.987a1.186,1.186,0,0,1-.114-1.543l.114-.133L8.99,10.667.347,2.023A1.185,1.185,0,0,1,1.89.233l.133.114L10.667,8.99,19.31.347A1.185,1.185,0,0,1,21.1,1.89l-.114.133-8.644,8.644,8.644,8.644a1.185,1.185,0,0,1-1.543,1.79l-.133-.114-8.644-8.644L2.023,20.987a1.187,1.187,0,0,1-1.676,0Z" transform="translate(5.334 5.334)" fill="#212121"/></svg></a>
</div>
<div class="fabrx-aside-body fabrx-scroll accordion2" data-simplebar>
<div class="fabrx-menu-category pt-5">
<ul class="list-unstyled menu-category">
<li><a href="#0"><span class="dropdown-text">About</span></a></li>
<li><a href="#0"><span class="dropdown-text">Contact</span></a></li>
<li><a href="#0"><span class="dropdown-text">Gallery</span></a></li>
<li><a href="#0"><span class="dropdown-text">Brands</span></a></li>
</ul>
</div>
</div>
<ul class="fabrx-aside-footer mb-0">
<li><a href="#0">Privacy Policy</a></li>
<li><a href="#0">Terms & Conditions</a></li>
<li>© <script>document.write(new Date().getFullYear())</script> Fabrx</li>
</ul>
</aside>
<!-- Fabrx Aside, Fabrx Aside Five, Bg Primary -->
<aside class="fabrx-aside fabrx-aside-five bg-primary">
<div class="fabrx-aside-header">
<div class="d-flex align-items-center">
<a href="#0" class="fabrx-avatar fabrx-status dnd md"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
</div>
</div>
<div class="fabrx-aside-body fabrx-scroll accordion" data-simplebar>
<div class="fabrx-menu-category">
<ul class="list-unstyled menu-category pt-2">
<li>
<a href="#0">
<span><svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M2.75,19.5A2.753,2.753,0,0,1,0,16.75v-12A2.754,2.754,0,0,1,2.75,2H4V.75a.751.751,0,0,1,1.494-.1L5.5.75V2H12V.75a.75.75,0,0,1,1.493-.1l.007.1V2h1.25A2.753,2.753,0,0,1,17.5,4.75v12a2.752,2.752,0,0,1-2.75,2.75ZM1.5,16.75A1.251,1.251,0,0,0,2.75,18h12A1.251,1.251,0,0,0,16,16.75V9.5H1.5ZM16,8V4.75A1.251,1.251,0,0,0,14.75,3.5H13.5V4.75a.75.75,0,0,1-1.493.1L12,4.75V3.5H5.5V4.75a.75.75,0,0,1-1.493.1L4,4.75V3.5H2.75A1.251,1.251,0,0,0,1.5,4.75V8ZM4.749,15.5A.75.75,0,0,1,4,14.75v-2a.751.751,0,0,1,.75-.75h2a.75.75,0,0,1,.75.75v2a.75.75,0,0,1-.75.75ZM5.5,14H6v-.5H5.5Z" transform="translate(3.25 2.25)" fill="#fff"/></svg></span>
</a>
</li>
<li>
<a href="#0">
<span><svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M9.711,1.582l.054.055.054-.052A5.751,5.751,0,0,1,14.493.069l.245.037a5.75,5.75,0,0,1,3.051,9.768l-.046.038-7.452,7.382a.75.75,0,0,1-.972.072l-.084-.072L1.74,9.871A5.75,5.75,0,0,1,9.711,1.582Z" transform="translate(2.237 4.238)" fill="#fff"/></svg></span>
</a>
</li>
<li>
<a href="#0">
<span><svg data-name="Icon 03" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M10.1,18.4l0,0a.753.753,0,0,1-.08-.069l0,0-3-3A.75.75,0,0,1,7.989,14.2l.085.072,1.719,1.719V8.8a.75.75,0,0,1,1.493-.1l.007.1v7.189l1.72-1.72a.75.75,0,0,1,.976-.072l.084.072a.75.75,0,0,1,.073.976l-.073.085-3,3-.013.013-.006.005-.008.007-.008.007-.005,0-.01.009,0,0-.012.01h0l-.014.011h0a.745.745,0,0,1-.225.115h0A.751.751,0,0,1,10.1,18.4Zm6.7-4.6a.75.75,0,0,1,.75-.75,2.75,2.75,0,0,0,.168-5.495l-.168-.005h-1a.75.75,0,0,1-.732-.914A4.014,4.014,0,0,0,14.289,2.6a5.342,5.342,0,0,0-4.817-.87,4.522,4.522,0,0,0-3.2,3.234.749.749,0,0,1-.761.585A3.824,3.824,0,0,0,1.6,8.355a3.6,3.6,0,0,0,2.138,4.158.75.75,0,0,1-.6,1.375,5.1,5.1,0,0,1-2.994-5.9A5.291,5.291,0,0,1,4.865,4.067l.112-.008.039-.112A6.077,6.077,0,0,1,8.792.375L9.039.3a6.84,6.84,0,0,1,6.183,1.13A5.6,5.6,0,0,1,17.4,5.767L17.4,6.05h.146a4.25,4.25,0,0,1,4.245,4.045l.005.206a4.25,4.25,0,0,1-4.251,4.25A.75.75,0,0,1,16.793,13.8Z" transform="translate(1 3)" fill="#fff"/></svg></span>
</a>
</li>
<li>
<a href="#0">
<span><svg data-name="Icon 04" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M2.75,15.5A2.753,2.753,0,0,1,0,12.75v-10A2.754,2.754,0,0,1,2.75,0h14A2.754,2.754,0,0,1,19.5,2.75v10a2.753,2.753,0,0,1-2.75,2.75ZM1.5,12.75A1.251,1.251,0,0,0,2.75,14h14A1.251,1.251,0,0,0,18,12.75v-8.6L10.166,9.374a.752.752,0,0,1-.734.055l-.1-.055L1.5,4.152Zm8.249-4.9,8.2-5.462a1.252,1.252,0,0,0-1.2-.884h-14a1.252,1.252,0,0,0-1.2.884Z" transform="translate(2.25 4.25)" fill="#fff"/></svg></span>
</a>
</li>
<li>
<a href="#0">
<span><svg data-name="Icon 05" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Combined Shape" d="M7.346,17.609a.978.978,0,0,0-.573-.67.977.977,0,0,0-.88.068,2.467,2.467,0,0,1-1.3.377,2.543,2.543,0,0,1-2.169-1.3,2.391,2.391,0,0,1,.063-2.474.974.974,0,0,0-.6-1.453,2.474,2.474,0,0,1,0-4.808.973.973,0,0,0,.6-1.454,2.391,2.391,0,0,1-.064-2.474,2.545,2.545,0,0,1,2.17-1.3,2.464,2.464,0,0,1,1.294.377.982.982,0,0,0,.508.143.971.971,0,0,0,.946-.744,2.474,2.474,0,0,1,4.808,0,.978.978,0,0,0,.574.671.97.97,0,0,0,.88-.068A2.466,2.466,0,0,1,14.9,2.115a2.543,2.543,0,0,1,2.17,1.3,2.391,2.391,0,0,1-.064,2.474.974.974,0,0,0,.6,1.453,2.473,2.473,0,0,1,0,4.808.974.974,0,0,0-.6,1.454,2.388,2.388,0,0,1,.064,2.472,2.542,2.542,0,0,1-2.169,1.3,2.467,2.467,0,0,1-1.3-.377.976.976,0,0,0-.507-.141.962.962,0,0,0-.373.074.977.977,0,0,0-.574.669,2.473,2.473,0,0,1-4.808,0Zm0-2.056a2.484,2.484,0,0,1,1.457,1.7.974.974,0,0,0,1.893,0,2.474,2.474,0,0,1,3.691-1.528l.094.051a.948.948,0,0,0,.416.1,1,1,0,0,0,.855-.514.942.942,0,0,0-.025-.974l-.1-.172a2.472,2.472,0,0,1,1.625-3.52.974.974,0,0,0,0-1.893,2.474,2.474,0,0,1-1.528-3.691l.051-.094a.938.938,0,0,0-.051-.922,1,1,0,0,0-.83-.472.974.974,0,0,0-.509.148l-.172.1a2.484,2.484,0,0,1-1.115.266,2.476,2.476,0,0,1-2.4-1.892l-.036-.119a.975.975,0,0,0-1.857.12A2.471,2.471,0,0,1,5.113,3.773l-.094-.051a.948.948,0,0,0-.416-.1,1,1,0,0,0-.855.514.942.942,0,0,0,.025.974l.1.171A2.474,2.474,0,0,1,2.244,8.8a.974.974,0,0,0,0,1.893,2.474,2.474,0,0,1,1.528,3.691l-.051.094a.938.938,0,0,0,.051.923.994.994,0,0,0,.829.472.974.974,0,0,0,.509-.148l.172-.1a2.471,2.471,0,0,1,2.064-.077ZM6,9.751A3.75,3.75,0,1,1,9.751,13.5,3.754,3.754,0,0,1,6,9.751Zm1.5,0A2.25,2.25,0,1,0,9.751,7.5,2.253,2.253,0,0,0,7.5,9.751Z" transform="translate(2.25 2.25)" fill="#fff"/></svg></span>
</a>
</li>
</ul>
</div>
</div>
<div class="fabrx-aside-footer">
<a href="#0" class="font-size-12">
<svg data-name="Footer Icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path data-name="Icon Color" d="M2.292,14.583A2.291,2.291,0,0,1,0,12.431l0-.14v-10A2.292,2.292,0,0,1,2.152,0l.14,0H8.125a2.292,2.292,0,0,1,2.288,2.152l0,.14V3.959a.625.625,0,0,1-1.244.085l-.006-.085V2.292a1.041,1.041,0,0,0-.935-1.037L8.125,1.25H2.292a1.041,1.041,0,0,0-1.037.935l-.005.107v10a1.042,1.042,0,0,0,.935,1.036l.107.005H8.125A1.042,1.042,0,0,0,9.161,12.4l.005-.106V10.625a.625.625,0,0,1,1.244-.085l.006.085v1.667a2.292,2.292,0,0,1-2.153,2.287l-.139,0Zm10.391-4.349a.625.625,0,0,1-.061-.814l.061-.071,1.432-1.432H3.959a.625.625,0,0,1-.085-1.245l.085-.005H14.116L12.683,5.234a.625.625,0,0,1-.061-.814l.061-.07a.625.625,0,0,1,.814-.061l.07.061,2.5,2.5a.614.614,0,0,1,.147.65l-.048.106a.68.68,0,0,1-.075.1l-2.524,2.524a.625.625,0,0,1-.884,0Z" transform="translate(1.875 2.708)" fill="#fff"/></svg>
</a>
</div>
</aside>
<!-- Fabrx Aside, Fabrx Aside Six, Bg Primary -->
<aside class="fabrx-aside fabrx-aside-six bg-primary">
<div class="fabrx-aside-header">
<a href="#0">
<div class="badge badge-primary circle lg bg-shade-100">
<svg data-name="Icon/Star Fill" xmlns="http://www.w3.org/2000/svg" width="23" height="24" viewBox="0 0 23 24"><path data-name="Icon Color" d="M11.507,17.851l-.007-.1v-2a3.193,3.193,0,0,0-2.938-3.245L8.385,12.5H4.552a3.176,3.176,0,0,0-3.11,3.065l0,.184v2a.736.736,0,0,1-.719.751.729.729,0,0,1-.712-.649L0,17.75v-2a4.664,4.664,0,0,1,4.344-4.745L4.552,11H8.385a4.645,4.645,0,0,1,4.548,4.532l0,.218v2a.717.717,0,0,1-1.431.1ZM1.916,4.75A4.66,4.66,0,0,1,6.469,0a4.659,4.659,0,0,1,4.552,4.75A4.659,4.659,0,0,1,6.469,9.5,4.66,4.66,0,0,1,1.916,4.75Zm1.438,0A3.188,3.188,0,0,0,6.469,8,3.188,3.188,0,0,0,9.583,4.75,3.188,3.188,0,0,0,6.469,1.5,3.188,3.188,0,0,0,3.354,4.75Z" transform="translate(4.792 3)" fill="#0d6efd"/></svg>
</div>
</a>
</div>
<div class="fabrx-aside-body fabrx-scroll accordion" data-simplebar>
<div class="fabrx-menu-category">
<ul class="list-unstyled menu-category pt-2">
<li>
<a href="#0" class="fabrx-avatar fabrx-status dnd md"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></a>
</li>
<li>
<a href="#0" class="fabrx-avatar fabrx-status online md"><img src="../assets/images/avatars/avatar-3.png" alt="Avatar"></a>
</li>
<li>
<a href="#0" class="fabrx-avatar fabrx-status away lg"><span class="avatar-wrap bg-shade-400">Bl</span></a>
</li>
<li>
<a href="#0" class="fabrx-avatar fabrx-status offline md"><img src="../assets/images/avatars/avatar-2.png" alt="Avatar"></a>
</li>
<li>
<a href="#0"><img src="../assets/images/icons/add-button.svg" alt="Add User"></a>
</li>
</ul>
</div>
</div>
<div class="fabrx-aside-footer">
<a href="#0" class="font-size-12">
<svg data-name="Footer Icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path data-name="Icon Color" d="M2.292,14.583A2.291,2.291,0,0,1,0,12.431l0-.14v-10A2.292,2.292,0,0,1,2.152,0l.14,0H8.125a2.292,2.292,0,0,1,2.288,2.152l0,.14V3.959a.625.625,0,0,1-1.244.085l-.006-.085V2.292a1.041,1.041,0,0,0-.935-1.037L8.125,1.25H2.292a1.041,1.041,0,0,0-1.037.935l-.005.107v10a1.042,1.042,0,0,0,.935,1.036l.107.005H8.125A1.042,1.042,0,0,0,9.161,12.4l.005-.106V10.625a.625.625,0,0,1,1.244-.085l.006.085v1.667a2.292,2.292,0,0,1-2.153,2.287l-.139,0Zm10.391-4.349a.625.625,0,0,1-.061-.814l.061-.071,1.432-1.432H3.959a.625.625,0,0,1-.085-1.245l.085-.005H14.116L12.683,5.234a.625.625,0,0,1-.061-.814l.061-.07a.625.625,0,0,1,.814-.061l.07.061,2.5,2.5a.614.614,0,0,1,.147.65l-.048.106a.68.68,0,0,1-.075.1l-2.524,2.524a.625.625,0,0,1-.884,0Z" transform="translate(1.875 2.708)" fill="#fff"/></svg>
</a>
</div>
</aside>
Menus Horizontal
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
<header class="fabrx-header bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links d-flex ms-auto ms-lg-5 order-0 order-lg-2">
<a href="#0" class="me-1 me-md-3">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M18.3,19.353l-.085-.072-5.548-5.548a7.758,7.758,0,1,1,1.061-1.061l5.548,5.548a.75.75,0,0,1-.976,1.133ZM1.5,7.75A6.25,6.25,0,1,0,7.75,1.5,6.257,6.257,0,0,0,1.5,7.75Z" transform="translate(2.25 2.25)" fill="#212121"/></svg>
</a>
<a href="#0" class="ms-4 d-none d-lg-inline-block">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M7,8.75a.75.75,0,0,1-.1-1.493L7,7.25H23a.75.75,0,0,1,.1,1.493L23,8.75ZM1.029,1.5C.461,1.5,0,1.165,0,.75,0,.37.387.057.889.007L1.029,0H22.972C23.54,0,24,.336,24,.75c0,.38-.387.694-.889.743l-.139.007Z" transform="translate(0 8)" fill="#212121"/></svg>
</a>
</div>
<button class="navbar-toggler pe-0" type="button" data-bs-toggle="collapse" data-bs-target="#menu-1" aria-controls="menu-1" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-1">
<ul class="navbar-nav ms-auto pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"/></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<header class="fabrx-header bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<button class="navbar-toggler pe-0" type="button" data-bs-toggle="collapse" data-bs-target="#menu-2" aria-controls="menu-2" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-2">
<ul class="navbar-nav ms-auto pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink1" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"/></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink1">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
<div class="fabrx-header-links ms-0 ms-lg-5">
<a href="#0" class="btn btn-primary">Button</a>
<a href="#0" class="btn btn-link ms-2 ms-md-4">
<span class="btn-text">Sign in</span>
</a>
</div>
</div>
</nav>
</div>
</header>
<header class="fabrx-header bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<button class="navbar-toggler pe-0" type="button" data-bs-toggle="collapse" data-bs-target="#menu-3" aria-controls="menu-3" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-3">
<ul class="navbar-nav ms-auto pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink2" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"/></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink2">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
<div class="fabrx-header-links ms-0 ms-lg-5">
<a href="#0" class="btn btn-primary">Button</a>
<a href="#0" class="btn btn-outline-primary ms-2 ms-md-4">Button</a>
</div>
</div>
</nav>
</div>
</header>
<header class="fabrx-header fabrx-header-four bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links ms-auto">
<a href="#0" class="mx-3 fabrx-carts">
<svg xmlns="http://www.w3.org/2000/svg" width="17.333" height="19.5" viewBox="0 0 17.333 19.5"><path data-name="Icon Color" d="M10.667,17.056A2.444,2.444,0,1,1,13.111,19.5,2.447,2.447,0,0,1,10.667,17.056Zm1.333,0a1.111,1.111,0,1,0,1.111-1.111A1.113,1.113,0,0,0,12,17.056Zm-8.444,0A2.444,2.444,0,1,1,6,19.5,2.447,2.447,0,0,1,3.556,17.056Zm1.333,0A1.112,1.112,0,1,0,6,15.944,1.113,1.113,0,0,0,4.889,17.056Zm8.4-3.273-.173,0-6.185,0c-.063,0-.128.005-.191.005A3.319,3.319,0,0,1,3.657,11.72l-.063-.166-.029-.112L2.558,5.4,2.542,5.37A.671.671,0,0,1,2.495,5.2l-.006-.091a.7.7,0,0,1,.006-.091L1.879,1.333H.667A.668.668,0,0,1,.006.757L0,.667A.669.669,0,0,1,.576.006L.667,0H2.444A.665.665,0,0,1,3.08.464L3.1.557l.647,3.887H16.667a.665.665,0,0,1,.666.67l-.006.092-.889,6.222-.031.127a3.316,3.316,0,0,1-3.112,2.228Zm-.135-1.337c.039,0,.076,0,.114,0a2,2,0,0,0,1.828-1.192l.037-.094L15.9,5.778H3.972l.9,5.377.041.1a2,2,0,0,0,1.818,1.19l.162,0Z" fill="#212121"/></svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ms-2 ms-md-4">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M5.007,15.949,5,15.75V15.5H.752a.733.733,0,0,1-.725-.559A.732.732,0,0,1,.382,14.1a3.256,3.256,0,0,0,1.589-2.161L2,11.75V8.715a7.7,7.7,0,0,1,3.922-6.38l.119-.066,0-.014A2.741,2.741,0,0,1,8.583.005L8.752,0a2.744,2.744,0,0,1,2.67,2.09l.036.179.12.066a7.766,7.766,0,0,1,3.905,6.127l.019.288L15.5,11.66A3.258,3.258,0,0,0,17.121,14.1a.75.75,0,0,1-.267,1.4l-.1.006H12.5v.25a3.75,3.75,0,0,1-7.494.2Zm1.495-.2A2.25,2.25,0,0,0,11,15.9L11,15.75V15.5H6.5ZM7.508,2.623,7.5,2.815l0,.037-.02.1-.032.093L7.4,3.128l-.029.045-.059.076-.029.031-.041.038-.079.06-.089.049A6.251,6.251,0,0,0,3.518,8.5L3.5,8.75,3.5,11.84A4.761,4.761,0,0,1,2.732,13.9l-.068.1H14.841l-.006-.01a4.877,4.877,0,0,1-.8-1.992L14,11.75V8.785a6.239,6.239,0,0,0-3.571-5.357.75.75,0,0,1-.422-.571L10,2.75a1.25,1.25,0,0,0-2.493-.128Z" transform="translate(3.249 2.25)" fill="#212121"/></svg>
</a>
</div>
</nav>
</div>
</header>
<header class="fabrx-header header-center bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links d-flex ms-auto order-0 order-lg-2">
<a href="#0" class="mx-3 fabrx-carts">
<svg xmlns="http://www.w3.org/2000/svg" width="17.333" height="19.5" viewBox="0 0 17.333 19.5"><path data-name="Icon Color" d="M10.667,17.056A2.444,2.444,0,1,1,13.111,19.5,2.447,2.447,0,0,1,10.667,17.056Zm1.333,0a1.111,1.111,0,1,0,1.111-1.111A1.113,1.113,0,0,0,12,17.056Zm-8.444,0A2.444,2.444,0,1,1,6,19.5,2.447,2.447,0,0,1,3.556,17.056Zm1.333,0A1.112,1.112,0,1,0,6,15.944,1.113,1.113,0,0,0,4.889,17.056Zm8.4-3.273-.173,0-6.185,0c-.063,0-.128.005-.191.005A3.319,3.319,0,0,1,3.657,11.72l-.063-.166-.029-.112L2.558,5.4,2.542,5.37A.671.671,0,0,1,2.495,5.2l-.006-.091a.7.7,0,0,1,.006-.091L1.879,1.333H.667A.668.668,0,0,1,.006.757L0,.667A.669.669,0,0,1,.576.006L.667,0H2.444A.665.665,0,0,1,3.08.464L3.1.557l.647,3.887H16.667a.665.665,0,0,1,.666.67l-.006.092-.889,6.222-.031.127a3.316,3.316,0,0,1-3.112,2.228Zm-.135-1.337c.039,0,.076,0,.114,0a2,2,0,0,0,1.828-1.192l.037-.094L15.9,5.778H3.972l.9,5.377.041.1a2,2,0,0,0,1.818,1.19l.162,0Z" fill="#212121"/></svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ms-2 ms-md-4">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M5.007,15.949,5,15.75V15.5H.752a.733.733,0,0,1-.725-.559A.732.732,0,0,1,.382,14.1a3.256,3.256,0,0,0,1.589-2.161L2,11.75V8.715a7.7,7.7,0,0,1,3.922-6.38l.119-.066,0-.014A2.741,2.741,0,0,1,8.583.005L8.752,0a2.744,2.744,0,0,1,2.67,2.09l.036.179.12.066a7.766,7.766,0,0,1,3.905,6.127l.019.288L15.5,11.66A3.258,3.258,0,0,0,17.121,14.1a.75.75,0,0,1-.267,1.4l-.1.006H12.5v.25a3.75,3.75,0,0,1-7.494.2Zm1.495-.2A2.25,2.25,0,0,0,11,15.9L11,15.75V15.5H6.5ZM7.508,2.623,7.5,2.815l0,.037-.02.1-.032.093L7.4,3.128l-.029.045-.059.076-.029.031-.041.038-.079.06-.089.049A6.251,6.251,0,0,0,3.518,8.5L3.5,8.75,3.5,11.84A4.761,4.761,0,0,1,2.732,13.9l-.068.1H14.841l-.006-.01a4.877,4.877,0,0,1-.8-1.992L14,11.75V8.785a6.239,6.239,0,0,0-3.571-5.357.75.75,0,0,1-.422-.571L10,2.75a1.25,1.25,0,0,0-2.493-.128Z" transform="translate(3.249 2.25)" fill="#212121"/></svg>
</a>
</div>
<button class="navbar-toggler pe-0 ms-2 ms-md-3" type="button" data-bs-toggle="collapse" data-bs-target="#menu-4" aria-controls="menu-4" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-4">
<ul class="navbar-nav m-auto pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink3" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"/></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink3">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<header class="fabrx-header header-center-six bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<button class="navbar-toggler pe-0" type="button" data-bs-toggle="collapse" data-bs-target="#menu-5" aria-controls="menu-5" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-5">
<ul class="navbar-nav m-auto pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink4" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"/></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink4">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
<div class="fabrx-header-links">
<a href="#0" class="btn btn-primary">Button</a>
<a href="#0" class="btn btn-outline-primary ms-2 ms-md-4">Button</a>
</div>
</div>
</nav>
</div>
</header>
<header class="fabrx-header fabrx-logo-center bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<div class="fabrx-header-links d-flex ms-auto ms-lg-0">
<a href="#0" class="me-2 me-md-3">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"/></svg>
</a>
<a href="#0" class="ms-2 ms-md-4 me-md-3">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M18.3,19.353l-.085-.072-5.548-5.548a7.758,7.758,0,1,1,1.061-1.061l5.548,5.548a.75.75,0,0,1-.976,1.133ZM1.5,7.75A6.25,6.25,0,1,0,7.75,1.5,6.257,6.257,0,0,0,1.5,7.75Z" transform="translate(2.25 2.25)" fill="#212121"></path></svg>
</a>
</div>
<a class="navbar-brand m-auto" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links ms-2 ms-lg-auto">
<a href="#0" class="me-3 ms-2 ms-md-3 fabrx-carts">
<svg xmlns="http://www.w3.org/2000/svg" width="17.333" height="19.5" viewBox="0 0 17.333 19.5"><path data-name="Icon Color" d="M10.667,17.056A2.444,2.444,0,1,1,13.111,19.5,2.447,2.447,0,0,1,10.667,17.056Zm1.333,0a1.111,1.111,0,1,0,1.111-1.111A1.113,1.113,0,0,0,12,17.056Zm-8.444,0A2.444,2.444,0,1,1,6,19.5,2.447,2.447,0,0,1,3.556,17.056Zm1.333,0A1.112,1.112,0,1,0,6,15.944,1.113,1.113,0,0,0,4.889,17.056Zm8.4-3.273-.173,0-6.185,0c-.063,0-.128.005-.191.005A3.319,3.319,0,0,1,3.657,11.72l-.063-.166-.029-.112L2.558,5.4,2.542,5.37A.671.671,0,0,1,2.495,5.2l-.006-.091a.7.7,0,0,1,.006-.091L1.879,1.333H.667A.668.668,0,0,1,.006.757L0,.667A.669.669,0,0,1,.576.006L.667,0H2.444A.665.665,0,0,1,3.08.464L3.1.557l.647,3.887H16.667a.665.665,0,0,1,.666.67l-.006.092-.889,6.222-.031.127a3.316,3.316,0,0,1-3.112,2.228Zm-.135-1.337c.039,0,.076,0,.114,0a2,2,0,0,0,1.828-1.192l.037-.094L15.9,5.778H3.972l.9,5.377.041.1a2,2,0,0,0,1.818,1.19l.162,0Z" fill="#212121"/></svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ms-2 ms-md-4">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M5.007,15.949,5,15.75V15.5H.752a.733.733,0,0,1-.725-.559A.732.732,0,0,1,.382,14.1a3.256,3.256,0,0,0,1.589-2.161L2,11.75V8.715a7.7,7.7,0,0,1,3.922-6.38l.119-.066,0-.014A2.741,2.741,0,0,1,8.583.005L8.752,0a2.744,2.744,0,0,1,2.67,2.09l.036.179.12.066a7.766,7.766,0,0,1,3.905,6.127l.019.288L15.5,11.66A3.258,3.258,0,0,0,17.121,14.1a.75.75,0,0,1-.267,1.4l-.1.006H12.5v.25a3.75,3.75,0,0,1-7.494.2Zm1.495-.2A2.25,2.25,0,0,0,11,15.9L11,15.75V15.5H6.5ZM7.508,2.623,7.5,2.815l0,.037-.02.1-.032.093L7.4,3.128l-.029.045-.059.076-.029.031-.041.038-.079.06-.089.049A6.251,6.251,0,0,0,3.518,8.5L3.5,8.75,3.5,11.84A4.761,4.761,0,0,1,2.732,13.9l-.068.1H14.841l-.006-.01a4.877,4.877,0,0,1-.8-1.992L14,11.75V8.785a6.239,6.239,0,0,0-3.571-5.357.75.75,0,0,1-.422-.571L10,2.75a1.25,1.25,0,0,0-2.493-.128Z" transform="translate(3.249 2.25)" fill="#212121"/></svg>
</a>
</div>
</nav>
</div>
</header>
<header class="fabrx-header fabrx-logo-center bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand m-auto" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links d-flex ms-auto">
<a href="#0" class="me-2 me-md-3 d-none d-lg-inline-block">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"/></svg>
</a>
<a href="#0" class="ms-0 ms-lg-4">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M18.3,19.353l-.085-.072-5.548-5.548a7.758,7.758,0,1,1,1.061-1.061l5.548,5.548a.75.75,0,0,1-.976,1.133ZM1.5,7.75A6.25,6.25,0,1,0,7.75,1.5,6.257,6.257,0,0,0,1.5,7.75Z" transform="translate(2.25 2.25)" fill="#212121"></path></svg>
</a>
</div>
<button class="navbar-toggler pe-0 ms-2 ms-md-3" type="button" data-bs-toggle="collapse" data-bs-target="#menu-10" aria-controls="menu-10" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-10">
<div class="fabrx-header-links ms-lg-auto pt-3 pt-lg-0">
<a href="#0" class="btn btn-primary">Button</a>
<a href="#0" class="btn btn-outline-primary ms-2 ms-md-4">Button</a>
</div>
</div>
</nav>
</div>
</header>
<header class="fabrx-header fabrx-logo-center bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links d-flex order-0 order-lg-2 ms-auto">
<a href="#0" class="mx-3 fabrx-carts">
<svg xmlns="http://www.w3.org/2000/svg" width="17.333" height="19.5" viewBox="0 0 17.333 19.5"><path data-name="Icon Color" d="M10.667,17.056A2.444,2.444,0,1,1,13.111,19.5,2.447,2.447,0,0,1,10.667,17.056Zm1.333,0a1.111,1.111,0,1,0,1.111-1.111A1.113,1.113,0,0,0,12,17.056Zm-8.444,0A2.444,2.444,0,1,1,6,19.5,2.447,2.447,0,0,1,3.556,17.056Zm1.333,0A1.112,1.112,0,1,0,6,15.944,1.113,1.113,0,0,0,4.889,17.056Zm8.4-3.273-.173,0-6.185,0c-.063,0-.128.005-.191.005A3.319,3.319,0,0,1,3.657,11.72l-.063-.166-.029-.112L2.558,5.4,2.542,5.37A.671.671,0,0,1,2.495,5.2l-.006-.091a.7.7,0,0,1,.006-.091L1.879,1.333H.667A.668.668,0,0,1,.006.757L0,.667A.669.669,0,0,1,.576.006L.667,0H2.444A.665.665,0,0,1,3.08.464L3.1.557l.647,3.887H16.667a.665.665,0,0,1,.666.67l-.006.092-.889,6.222-.031.127a3.316,3.316,0,0,1-3.112,2.228Zm-.135-1.337c.039,0,.076,0,.114,0a2,2,0,0,0,1.828-1.192l.037-.094L15.9,5.778H3.972l.9,5.377.041.1a2,2,0,0,0,1.818,1.19l.162,0Z" fill="#212121"></path></svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ms-2 ms-md-4">
<svg data-name="Icon 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M5.007,15.949,5,15.75V15.5H.752a.733.733,0,0,1-.725-.559A.732.732,0,0,1,.382,14.1a3.256,3.256,0,0,0,1.589-2.161L2,11.75V8.715a7.7,7.7,0,0,1,3.922-6.38l.119-.066,0-.014A2.741,2.741,0,0,1,8.583.005L8.752,0a2.744,2.744,0,0,1,2.67,2.09l.036.179.12.066a7.766,7.766,0,0,1,3.905,6.127l.019.288L15.5,11.66A3.258,3.258,0,0,0,17.121,14.1a.75.75,0,0,1-.267,1.4l-.1.006H12.5v.25a3.75,3.75,0,0,1-7.494.2Zm1.495-.2A2.25,2.25,0,0,0,11,15.9L11,15.75V15.5H6.5ZM7.508,2.623,7.5,2.815l0,.037-.02.1-.032.093L7.4,3.128l-.029.045-.059.076-.029.031-.041.038-.079.06-.089.049A6.251,6.251,0,0,0,3.518,8.5L3.5,8.75,3.5,11.84A4.761,4.761,0,0,1,2.732,13.9l-.068.1H14.841l-.006-.01a4.877,4.877,0,0,1-.8-1.992L14,11.75V8.785a6.239,6.239,0,0,0-3.571-5.357.75.75,0,0,1-.422-.571L10,2.75a1.25,1.25,0,0,0-2.493-.128Z" transform="translate(3.249 2.25)" fill="#212121"></path></svg>
</a>
</div>
<button class="navbar-toggler pe-0 ms-2 ms-md-3" type="button" data-bs-toggle="collapse" data-bs-target="#menu-7" aria-controls="menu-7" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-7">
<ul class="navbar-nav pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink6" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"/></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink6">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<header class="fabrx-header fabrx-logo-center bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand m-auto" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<button class="navbar-toggler pe-0 ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#menu-11" aria-controls="menu-11" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-11">
<ul class="navbar-nav pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink7" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"/></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink7">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
<div class="fabrx-header-links ms-lg-auto">
<a href="#0" class="btn btn-primary">Button</a>
<a href="#0" class="btn btn-outline-primary ms-2 ms-md-4">Button</a>
</div>
</div>
</nav>
</div>
</header>
<header class="fabrx-header bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<button class="navbar-toggler pe-0" type="button" data-bs-toggle="collapse" data-bs-target="#menu-8" aria-controls="menu-8" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-8">
<ul class="navbar-nav ms-auto pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink9" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"/></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink9">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
<div class="fabrx-header-links ms-0 ms-lg-5">
<a href="#0" class="btn btn-link me-4">
<span class="btn-text">Sign in</span>
</a>
<a href="#0" class="btn btn-primary">Button</a>
</div>
</div>
</nav>
</div>
</header>
<header class="fabrx-header header-center-ten bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" style="max-width: 69px;" alt="Fabrx">
</a>
<div class="fabrx-header-links text-nowrap ms-auto order-0 order-lg-2">
<a href="#0">
<div class="fabrx-avatar"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<span class="avatar-user">Bruce Lee</span>
</a>
</div>
<button class="navbar-toggler pe-0 ms-1 ms-md-3 ms-lg-0" type="button" data-bs-toggle="collapse" data-bs-target="#menu-9" aria-controls="menu-9" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path data-name="Icon Color" d="M.75,9.5a.751.751,0,0,1-.1-1.494L.75,8h16a.75.75,0,0,1,.1,1.493l-.1.007Zm0-8A.75.75,0,0,1,.648.007L.75,0h16a.75.75,0,0,1,.1,1.493l-.1.007Z" transform="translate(3.25 7.25)" fill="#212121"></path></svg>
</button>
<div class="collapse navbar-collapse" id="menu-9">
<ul class="navbar-nav m-auto pt-3 pt-lg-0">
<li class="nav-item dropdown">
<a class="nav-link" href="#" role="button" id="dropdownMenuLink8" data-bs-toggle="dropdown" aria-expanded="false"><span>Products</span><svg xmlns="http://www.w3.org/2000/svg" width="8" height="4.444" viewBox="0 0 8 4.444"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(0 4.444) rotate(-90)" fill="#212121"/></svg></a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink8">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<header class="fabrx-header bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" alt="Fabrx">
</a>
<div class="fabrx-header-links ms-auto">
<div class="dropdown">
<a href="#" role="button" id="Action1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="fabrx-avatar"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<span class="avatar-user me-2">Bruce Lee</span>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(2.222 8.222) rotate(-90)" fill="#212121"/></svg>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="Action1">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<header class="fabrx-header bg-white">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<a class="navbar-brand" href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" alt="Fabrx">
</a>
<div class="fabrx-header-links ms-auto d-flex">
<div class="dropdown me-md-3">
<a href="#" role="button" id="dropdownMenuLink10" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div class="fabrx-avatar"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<span class="avatar-user me-2">Bruce Lee</span>
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path data-name="Icon Color" d="M3.686.13a.444.444,0,0,1,.672.579l-.043.05L1.073,4,4.314,7.241a.445.445,0,0,1,.043.579l-.043.05a.445.445,0,0,1-.579.043l-.05-.043L.13,4.314a.445.445,0,0,1-.043-.579l.043-.05Z" transform="translate(2.222 8.222) rotate(-90)" fill="#212121"/></svg>
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLink10">
<li><a class="dropdown-item" href="#">Online builder</a></li>
<li><a class="dropdown-item" href="#">Icon generator</a></li>
<li><a class="dropdown-item" href="#">Sketch plugin</a></li>
<li><a class="dropdown-item" href="#">Figma plugin</a></li>
</ul>
</div>
<a href="#0" class="me-3 ms-4 fabrx-carts">
<svg data-name="Icon/gift" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 40 40">
<path data-name="Icon Color" d="M7.917,32.5a4.583,4.583,0,0,1-4.575-4.3l-.009-.279V17.5H2.916A2.919,2.919,0,0,1,0,14.584V11.249A2.919,2.919,0,0,1,2.916,8.333H4.184A5.417,5.417,0,0,1,8.729,0c2.962-.053,5.6,2.014,7.311,5.372l.208.43.02-.037C17.908,2.311,20.49.113,23.412,0l.337,0a5.418,5.418,0,0,1,4.565,8.332h1.268A2.92,2.92,0,0,1,32.5,11.249v3.334A2.92,2.92,0,0,1,29.583,17.5h-.417V27.917a4.584,4.584,0,0,1-4.3,4.575l-.279.007ZM24.583,30a2.086,2.086,0,0,0,2.073-1.87l.01-.213V17.5H17.5V30ZM5.833,27.917A2.082,2.082,0,0,0,7.7,29.989L7.917,30H15V17.5H5.833ZM29.583,15A.417.417,0,0,0,30,14.584V11.249a.417.417,0,0,0-.417-.416H17.5V15ZM2.5,11.249v3.334A.415.415,0,0,0,2.916,15H15V10.834H2.916A.415.415,0,0,0,2.5,11.249ZM23.75,8.333A2.917,2.917,0,1,0,23.729,2.5c-2.288-.04-4.549,2.169-5.813,5.833Zm-9.165,0C13.32,4.669,11.056,2.46,8.75,2.5a2.917,2.917,0,0,0-.238,5.824l.238.009Z" transform="translate(3.75 3.75)" fill="#212121"></path>
</svg>
</a>
<a href="#0" class="ms-2 ms-md-4">
<svg data-name="Icon/bell" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 40 40">
<path data-name="Icon Color" d="M8.346,26.581l-.009-.331v-.417H1.254A1.221,1.221,0,0,1,.045,24.9,1.219,1.219,0,0,1,.637,23.5a5.427,5.427,0,0,0,2.649-3.6l.051-.31,0-5.06A12.839,12.839,0,0,1,9.876,3.891l.2-.109,0-.023a4.568,4.568,0,0,1,4.23-3.75L14.587,0a4.573,4.573,0,0,1,4.451,3.483l.06.3.2.109A12.944,12.944,0,0,1,25.806,14.1l.031.48-.009,4.849A5.431,5.431,0,0,0,28.536,23.5a1.25,1.25,0,0,1-.445,2.326l-.171.01H20.836v.417a6.25,6.25,0,0,1-12.491.331Zm2.492-.331a3.75,3.75,0,0,0,7.491.257l.009-.257v-.417h-7.5ZM12.514,4.371l-.015.321-.007.062-.033.162L12.4,5.07l-.072.144-.048.075-.1.128-.048.051-.069.063-.132.1-.148.082a10.418,10.418,0,0,0-5.924,8.451l-.029.419-.009,5.151a7.935,7.935,0,0,1-1.272,3.439l-.114.16h20.3l-.01-.016A8.129,8.129,0,0,1,23.4,20l-.059-.414V14.642a10.4,10.4,0,0,0-5.952-8.928,1.25,1.25,0,0,1-.7-.951l-.014-.178a2.083,2.083,0,0,0-4.155-.213Z" transform="translate(5.413 3.75)" fill="#212121"></path>
</svg>
</a>
</div>
</nav>
</div>
</header>
Footers
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
<footer class="fabrx-footer py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-6 my-2">
<a href="#0">
<img src="../assets/images/brand-icons/brand-icon-5.svg" alt="Fabrx">
</a>
</div>
<div class="col-6 my-2">
<p class="text-secondary mb-0 text-end">© <script>document.write(new Date().getFullYear())</script> Fabrx</p>
</div>
</div>
</div>
</footer>
<footer class="fabrx-footer py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-sm-3 mt-0 mt-sm-3 mb-3 text-center text-sm-start">
<a href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" alt="Fabrx">
</a>
</div>
<div class="col-lg-6 col-sm-9">
<nav class="navbar navbar-expand-lg">
<ul class="navbar-nav m-auto me-sm-0 m-lg-auto">
<li class="nav-item active">
<a class="nav-link" href="#0">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Jobs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Privacy</a>
</li>
</ul>
</nav>
</div>
<div class="col-lg-3 col-md-12 mb-0 mb-sm-3 mt-3">
<p class="mb-0 text-center text-lg-end text-secondary">© <script>document.write(new Date().getFullYear())</script> Fabrx</p>
</div>
</div>
</div>
</footer>
<footer class="fabrx-footer py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-3 col-sm-3 mt-0 mt-sm-3 mb-3 text-center text-sm-start">
<a href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" alt="Fabrx">
</a>
</div>
<div class="col-lg-6 col-sm-9">
<nav class="navbar navbar-expand-lg">
<ul class="navbar-nav m-auto me-sm-0 m-lg-auto">
<li class="nav-item active">
<a class="nav-link" href="#0">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Jobs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Privacy</a>
</li>
</ul>
</nav>
</div>
<div class="col-lg-3 col-sm-12 mb-0 mb-sm-3 mt-3">
<div class="fabrx-social text-center text-lg-end">
<a href="#0">
<svg data-name="Social 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.75,19.5h-4a.752.752,0,0,1-.743-.649L3,18.75V12.5H.75a.752.752,0,0,1-.743-.648L0,11.75v-4a.753.753,0,0,1,.648-.743L.75,7H3V5.75A5.749,5.749,0,0,1,8.529,0l.22,0h3a.752.752,0,0,1,.743.648l.007.1v4a.753.753,0,0,1-.648.743l-.1.006h-3a.249.249,0,0,0-.243.193L8.5,5.75V7H11.75a.749.749,0,0,1,.744.837l-.017.095-1,4a.747.747,0,0,1-.615.559l-.113.009H8.5v6.25a.752.752,0,0,1-.648.743ZM1.5,8.5V11H3.75a.752.752,0,0,1,.742.648l.007.1V18H7V11.75a.752.752,0,0,1,.648-.743L7.75,11h2.414l.626-2.5H7.75a.753.753,0,0,1-.743-.648L7,7.75v-2A1.758,1.758,0,0,1,8.607,4.006L8.75,4H11V1.5H8.75A4.244,4.244,0,0,0,4.5,5.544l0,.206v2a.752.752,0,0,1-.648.743l-.1.006Z" transform="translate(6.25 2.25)" fill="#212121"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Social 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M4.75,17.5A4.755,4.755,0,0,1,0,12.75v-8A4.756,4.756,0,0,1,4.75,0h8A4.755,4.755,0,0,1,17.5,4.75v8A4.754,4.754,0,0,1,12.75,17.5ZM1.5,4.75v8A3.254,3.254,0,0,0,4.75,16h8A3.254,3.254,0,0,0,16,12.75v-8A3.254,3.254,0,0,0,12.75,1.5h-8A3.254,3.254,0,0,0,1.5,4.75Zm3.5,4A3.75,3.75,0,1,1,8.751,12.5,3.754,3.754,0,0,1,5,8.751Zm1.5,0A2.25,2.25,0,1,0,8.751,6.5,2.253,2.253,0,0,0,6.5,8.751Zm6.006-4.4-.006-.1a.75.75,0,0,1,1.493-.1l.007.1a.75.75,0,0,1-1.494.1Z" transform="translate(3.25 3.25)" fill="#212121"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Social 03" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.792,17.532a15.637,15.637,0,0,1-7.4-2.021A.75.75,0,0,1,.747,14.1H.781c.1,0,.2.006.3.006a8.114,8.114,0,0,0,3.951-1.091l.173-.1-.266-.154A7.578,7.578,0,0,1,1,7.093L.966,6.828a9.756,9.756,0,0,1,.992-5.071l.048-.1L2.1,1.485a.75.75,0,0,1,1.264-.069A8.619,8.619,0,0,0,9.821,5.082L10,5.091l0-.447A4.66,4.66,0,0,1,12.9.5l.208-.084A6.064,6.064,0,0,1,15.23,0a4,4,0,0,1,2.617.9l.122.107.572-.157.479-.137L19.395.6l.438-.156c.212-.082.405-.165.59-.256l.111-.044.106-.024.112-.008a.724.724,0,0,1,.611.309.782.782,0,0,1,.1.7l-.006.013-.022.086a9.975,9.975,0,0,1-.519,1.3l-.125.265-.283.575-.454.886-.355.707s0,0-.006-.014l-.005-.066,0,.49a14.619,14.619,0,0,1-.519,3.46,11.733,11.733,0,0,1-8.164,8.259A11.488,11.488,0,0,1,7.792,17.532ZM2.943,3.278l-.086.249a7.954,7.954,0,0,0-.418,2.835l.022.33c.221,2.432,1.723,4.222,4.592,5.473a.75.75,0,0,1,.116,1.311,13.617,13.617,0,0,1-3.4,1.715l-.252.075.441.147a12.766,12.766,0,0,0,3.835.619,10.107,10.107,0,0,0,2.478-.3l.308-.084a10.26,10.26,0,0,0,7.138-7.221,13.1,13.1,0,0,0,.47-3.548V4.82a1.1,1.1,0,0,1,.131-.459l.1-.209.83-1.625.177-.365-.29.084-1.17.327a.752.752,0,0,1-.774-.222A2.52,2.52,0,0,0,15.219,1.5a4.558,4.558,0,0,0-1.584.317A3.192,3.192,0,0,0,11.5,4.853v1a.746.746,0,0,1-.731.75c-.092,0-.186,0-.278,0A10.1,10.1,0,0,1,2.979,3.319Z" transform="translate(1.248 3.147)" fill="#212121"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Social 04" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M0,9.75a9.75,9.75,0,1,1,14.714,8.39.746.746,0,0,1-.183.106A9.747,9.747,0,0,1,0,9.75ZM9.75,18a8.2,8.2,0,0,0,3.705-.88,23.114,23.114,0,0,0-1.164-5.3A14.414,14.414,0,0,0,6.384,15.58l-.469.462-.637.638A8.2,8.2,0,0,0,9.75,18Zm5.109-1.777A8.256,8.256,0,0,0,17.89,11.1a22.718,22.718,0,0,0-4.137.357A24.236,24.236,0,0,1,14.859,16.223ZM1.5,9.75a8.23,8.23,0,0,0,2.591,6l.992-.994a16.278,16.278,0,0,1,6.663-4.337,25.2,25.2,0,0,0-1.278-2.56,25.353,25.353,0,0,1-8.952,1.39C1.505,9.413,1.5,9.581,1.5,9.75Zm11.713.286A23.933,23.933,0,0,1,18,9.6a8.212,8.212,0,0,0-1.881-5.088,22.04,22.04,0,0,1-4.264,2.752A26.38,26.38,0,0,1,13.213,10.035ZM1.747,7.743a23.953,23.953,0,0,0,7.929-1.2A45.2,45.2,0,0,0,6.466,2.182,8.285,8.285,0,0,0,1.747,7.743Zm9.334-1.779a20.162,20.162,0,0,0,3.974-2.526A8.248,8.248,0,0,0,8,1.688,44.545,44.545,0,0,1,11.082,5.964Z" transform="translate(2.25 2.25)" fill="#212121"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</footer>
<footer class="fabrx-footer py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-sm-3 mt-0 mt-sm-3 mb-3 text-center text-sm-start">
<a href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" alt="Fabrx">
</a>
</div>
<div class="col-md-6 col-sm-9">
<nav class="navbar navbar-expand-lg pe-0">
<ul class="navbar-nav m-auto me-sm-0">
<li class="nav-item active">
<a class="nav-link" href="#0">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Jobs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Privacy</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="row pt-0 pt-md-5 mt-0 mt-sm-5">
<div class="col-md-12 mt-3 pt-0 pt-sm-2">
<p class="text-secondary text-center text-sm-start mb-0">© <script>document.write(new Date().getFullYear())</script> Fabrx</p>
</div>
</div>
</div>
</footer>
<footer class="fabrx-footer py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-sm-3 mt-sm-3 mb-3 text-center text-sm-start">
<a href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" alt="Fabrx">
</a>
</div>
<div class="col-md-6 col-sm-9">
<nav class="navbar navbar-expand-lg pe-0">
<ul class="navbar-nav m-auto me-sm-0">
<li class="nav-item active">
<a class="nav-link" href="#0">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Jobs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Privacy</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="row align-items-center pt-lg-5 mt-lg-5">
<div class="col-sm-6 mt-4 pt-md-2 order-2 order-md-0">
<p class="font-size-14 text-secondary text-center text-sm-start mb-0">© <script>document.write(new Date().getFullYear())</script> Fabrx</p>
</div>
<div class="col-sm-6 mt-3 mt-sm-4 pt-md-2">
<div class="fabrx-social text-center text-sm-end">
<a href="#0">
<svg data-name="Social 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.75,19.5h-4a.752.752,0,0,1-.743-.649L3,18.75V12.5H.75a.752.752,0,0,1-.743-.648L0,11.75v-4a.753.753,0,0,1,.648-.743L.75,7H3V5.75A5.749,5.749,0,0,1,8.529,0l.22,0h3a.752.752,0,0,1,.743.648l.007.1v4a.753.753,0,0,1-.648.743l-.1.006h-3a.249.249,0,0,0-.243.193L8.5,5.75V7H11.75a.749.749,0,0,1,.744.837l-.017.095-1,4a.747.747,0,0,1-.615.559l-.113.009H8.5v6.25a.752.752,0,0,1-.648.743ZM1.5,8.5V11H3.75a.752.752,0,0,1,.742.648l.007.1V18H7V11.75a.752.752,0,0,1,.648-.743L7.75,11h2.414l.626-2.5H7.75a.753.753,0,0,1-.743-.648L7,7.75v-2A1.758,1.758,0,0,1,8.607,4.006L8.75,4H11V1.5H8.75A4.244,4.244,0,0,0,4.5,5.544l0,.206v2a.752.752,0,0,1-.648.743l-.1.006Z" transform="translate(6.25 2.25)" fill="#212121"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Social 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M4.75,17.5A4.755,4.755,0,0,1,0,12.75v-8A4.756,4.756,0,0,1,4.75,0h8A4.755,4.755,0,0,1,17.5,4.75v8A4.754,4.754,0,0,1,12.75,17.5ZM1.5,4.75v8A3.254,3.254,0,0,0,4.75,16h8A3.254,3.254,0,0,0,16,12.75v-8A3.254,3.254,0,0,0,12.75,1.5h-8A3.254,3.254,0,0,0,1.5,4.75Zm3.5,4A3.75,3.75,0,1,1,8.751,12.5,3.754,3.754,0,0,1,5,8.751Zm1.5,0A2.25,2.25,0,1,0,8.751,6.5,2.253,2.253,0,0,0,6.5,8.751Zm6.006-4.4-.006-.1a.75.75,0,0,1,1.493-.1l.007.1a.75.75,0,0,1-1.494.1Z" transform="translate(3.25 3.25)" fill="#212121"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Social 03" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.792,17.532a15.637,15.637,0,0,1-7.4-2.021A.75.75,0,0,1,.747,14.1H.781c.1,0,.2.006.3.006a8.114,8.114,0,0,0,3.951-1.091l.173-.1-.266-.154A7.578,7.578,0,0,1,1,7.093L.966,6.828a9.756,9.756,0,0,1,.992-5.071l.048-.1L2.1,1.485a.75.75,0,0,1,1.264-.069A8.619,8.619,0,0,0,9.821,5.082L10,5.091l0-.447A4.66,4.66,0,0,1,12.9.5l.208-.084A6.064,6.064,0,0,1,15.23,0a4,4,0,0,1,2.617.9l.122.107.572-.157.479-.137L19.395.6l.438-.156c.212-.082.405-.165.59-.256l.111-.044.106-.024.112-.008a.724.724,0,0,1,.611.309.782.782,0,0,1,.1.7l-.006.013-.022.086a9.975,9.975,0,0,1-.519,1.3l-.125.265-.283.575-.454.886-.355.707s0,0-.006-.014l-.005-.066,0,.49a14.619,14.619,0,0,1-.519,3.46,11.733,11.733,0,0,1-8.164,8.259A11.488,11.488,0,0,1,7.792,17.532ZM2.943,3.278l-.086.249a7.954,7.954,0,0,0-.418,2.835l.022.33c.221,2.432,1.723,4.222,4.592,5.473a.75.75,0,0,1,.116,1.311,13.617,13.617,0,0,1-3.4,1.715l-.252.075.441.147a12.766,12.766,0,0,0,3.835.619,10.107,10.107,0,0,0,2.478-.3l.308-.084a10.26,10.26,0,0,0,7.138-7.221,13.1,13.1,0,0,0,.47-3.548V4.82a1.1,1.1,0,0,1,.131-.459l.1-.209.83-1.625.177-.365-.29.084-1.17.327a.752.752,0,0,1-.774-.222A2.52,2.52,0,0,0,15.219,1.5a4.558,4.558,0,0,0-1.584.317A3.192,3.192,0,0,0,11.5,4.853v1a.746.746,0,0,1-.731.75c-.092,0-.186,0-.278,0A10.1,10.1,0,0,1,2.979,3.319Z" transform="translate(1.248 3.147)" fill="#212121"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Social 04" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M0,9.75a9.75,9.75,0,1,1,14.714,8.39.746.746,0,0,1-.183.106A9.747,9.747,0,0,1,0,9.75ZM9.75,18a8.2,8.2,0,0,0,3.705-.88,23.114,23.114,0,0,0-1.164-5.3A14.414,14.414,0,0,0,6.384,15.58l-.469.462-.637.638A8.2,8.2,0,0,0,9.75,18Zm5.109-1.777A8.256,8.256,0,0,0,17.89,11.1a22.718,22.718,0,0,0-4.137.357A24.236,24.236,0,0,1,14.859,16.223ZM1.5,9.75a8.23,8.23,0,0,0,2.591,6l.992-.994a16.278,16.278,0,0,1,6.663-4.337,25.2,25.2,0,0,0-1.278-2.56,25.353,25.353,0,0,1-8.952,1.39C1.505,9.413,1.5,9.581,1.5,9.75Zm11.713.286A23.933,23.933,0,0,1,18,9.6a8.212,8.212,0,0,0-1.881-5.088,22.04,22.04,0,0,1-4.264,2.752A26.38,26.38,0,0,1,13.213,10.035ZM1.747,7.743a23.953,23.953,0,0,0,7.929-1.2A45.2,45.2,0,0,0,6.466,2.182,8.285,8.285,0,0,0,1.747,7.743Zm9.334-1.779a20.162,20.162,0,0,0,3.974-2.526A8.248,8.248,0,0,0,8,1.688,44.545,44.545,0,0,1,11.082,5.964Z" transform="translate(2.25 2.25)" fill="#212121"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</footer>
<footer class="fabrx-footer pt-3 pt-md-5">
<div class="container">
<div class="row pt-4 pb-4 pb-md-5">
<div class="col-lg-2 col-md-4 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Products</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Online builder</a>
</li>
<li>
<a href="#0">Icon generator</a>
</li>
<li>
<a href="#0">Sketch plugin</a>
</li>
<li>
<a href="#0">Figma plugin</a>
</li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Features</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Collaboration</a>
</li>
<li>
<a href="#0">Live editing</a>
</li>
<li>
<a href="#0">Cloud storage</a>
</li>
<li>
<a href="#0">Free assets</a>
</li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Company</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">About</a>
</li>
<li>
<a href="#0">Careers</a>
</li>
<li>
<a href="#0">Offices</a>
</li>
<li>
<a href="#0">Contact</a>
</li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Legal</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Privacy policy</a>
</li>
<li>
<a href="#0">Terms of use</a>
</li>
<li>
<a href="#0">Licenses</a>
</li>
<li>
<a href="#0">Agreement</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-8">
<p class="font-size-16 text-dark text-lg-end mb-md-4">Never miss an update</p>
<div class="form-group mb-0">
<button type="submit" class="btn btn-primary control-icon control-icon-right">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20.87" viewBox="0 0 20 20.87"><path data-name="Icon Color" d="M6.41.217A.8.8,0,0,1,7.5.217a.718.718,0,0,1,.075.964L7.5,1.265l-5.637,5.4,5.637,5.4a.718.718,0,0,1,.075.964l-.075.083a.8.8,0,0,1-1.006.072l-.087-.072L.226,7.19a.718.718,0,0,1-.075-.964l.075-.083Z" transform="translate(3.704 14.3) rotate(-90)" fill="#fff"/></svg>
</button>
<input type="text" name="Input1" placeholder="Placeholder" class="form-control" id="Input1">
</div>
</div>
</div>
</div>
<hr class="mt-4 mt-md-0">
<div class="container">
<div class="row pb-4 pt-2">
<div class="col-sm-4 col-auto text-start">
<a href="#0">
<img src="../assets/images/brand-icons/brand-icon-5.svg" alt="Fabrx">
</a>
</div>
<div class="col-sm-4 col text-sm-center">
<span class="text-secondary ms-md-2">© <script>document.write(new Date().getFullYear())</script> Fabrx</span>
</div>
<div class="col-sm-4">
<div class="fabrx-social text-md-end mt-3 mt-sm-0">
<a href="#0">
<svg data-name="Social 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.75,19.5h-4a.752.752,0,0,1-.743-.649L3,18.75V12.5H.75a.752.752,0,0,1-.743-.648L0,11.75v-4a.753.753,0,0,1,.648-.743L.75,7H3V5.75A5.749,5.749,0,0,1,8.529,0l.22,0h3a.752.752,0,0,1,.743.648l.007.1v4a.753.753,0,0,1-.648.743l-.1.006h-3a.249.249,0,0,0-.243.193L8.5,5.75V7H11.75a.749.749,0,0,1,.744.837l-.017.095-1,4a.747.747,0,0,1-.615.559l-.113.009H8.5v6.25a.752.752,0,0,1-.648.743ZM1.5,8.5V11H3.75a.752.752,0,0,1,.742.648l.007.1V18H7V11.75a.752.752,0,0,1,.648-.743L7.75,11h2.414l.626-2.5H7.75a.753.753,0,0,1-.743-.648L7,7.75v-2A1.758,1.758,0,0,1,8.607,4.006L8.75,4H11V1.5H8.75A4.244,4.244,0,0,0,4.5,5.544l0,.206v2a.752.752,0,0,1-.648.743l-.1.006Z" transform="translate(6.25 2.25)" fill="#212121"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Social 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M4.75,17.5A4.755,4.755,0,0,1,0,12.75v-8A4.756,4.756,0,0,1,4.75,0h8A4.755,4.755,0,0,1,17.5,4.75v8A4.754,4.754,0,0,1,12.75,17.5ZM1.5,4.75v8A3.254,3.254,0,0,0,4.75,16h8A3.254,3.254,0,0,0,16,12.75v-8A3.254,3.254,0,0,0,12.75,1.5h-8A3.254,3.254,0,0,0,1.5,4.75Zm3.5,4A3.75,3.75,0,1,1,8.751,12.5,3.754,3.754,0,0,1,5,8.751Zm1.5,0A2.25,2.25,0,1,0,8.751,6.5,2.253,2.253,0,0,0,6.5,8.751Zm6.006-4.4-.006-.1a.75.75,0,0,1,1.493-.1l.007.1a.75.75,0,0,1-1.494.1Z" transform="translate(3.25 3.25)" fill="#212121"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Social 03" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.792,17.532a15.637,15.637,0,0,1-7.4-2.021A.75.75,0,0,1,.747,14.1H.781c.1,0,.2.006.3.006a8.114,8.114,0,0,0,3.951-1.091l.173-.1-.266-.154A7.578,7.578,0,0,1,1,7.093L.966,6.828a9.756,9.756,0,0,1,.992-5.071l.048-.1L2.1,1.485a.75.75,0,0,1,1.264-.069A8.619,8.619,0,0,0,9.821,5.082L10,5.091l0-.447A4.66,4.66,0,0,1,12.9.5l.208-.084A6.064,6.064,0,0,1,15.23,0a4,4,0,0,1,2.617.9l.122.107.572-.157.479-.137L19.395.6l.438-.156c.212-.082.405-.165.59-.256l.111-.044.106-.024.112-.008a.724.724,0,0,1,.611.309.782.782,0,0,1,.1.7l-.006.013-.022.086a9.975,9.975,0,0,1-.519,1.3l-.125.265-.283.575-.454.886-.355.707s0,0-.006-.014l-.005-.066,0,.49a14.619,14.619,0,0,1-.519,3.46,11.733,11.733,0,0,1-8.164,8.259A11.488,11.488,0,0,1,7.792,17.532ZM2.943,3.278l-.086.249a7.954,7.954,0,0,0-.418,2.835l.022.33c.221,2.432,1.723,4.222,4.592,5.473a.75.75,0,0,1,.116,1.311,13.617,13.617,0,0,1-3.4,1.715l-.252.075.441.147a12.766,12.766,0,0,0,3.835.619,10.107,10.107,0,0,0,2.478-.3l.308-.084a10.26,10.26,0,0,0,7.138-7.221,13.1,13.1,0,0,0,.47-3.548V4.82a1.1,1.1,0,0,1,.131-.459l.1-.209.83-1.625.177-.365-.29.084-1.17.327a.752.752,0,0,1-.774-.222A2.52,2.52,0,0,0,15.219,1.5a4.558,4.558,0,0,0-1.584.317A3.192,3.192,0,0,0,11.5,4.853v1a.746.746,0,0,1-.731.75c-.092,0-.186,0-.278,0A10.1,10.1,0,0,1,2.979,3.319Z" transform="translate(1.248 3.147)" fill="#212121"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Social 04" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M0,9.75a9.75,9.75,0,1,1,14.714,8.39.746.746,0,0,1-.183.106A9.747,9.747,0,0,1,0,9.75ZM9.75,18a8.2,8.2,0,0,0,3.705-.88,23.114,23.114,0,0,0-1.164-5.3A14.414,14.414,0,0,0,6.384,15.58l-.469.462-.637.638A8.2,8.2,0,0,0,9.75,18Zm5.109-1.777A8.256,8.256,0,0,0,17.89,11.1a22.718,22.718,0,0,0-4.137.357A24.236,24.236,0,0,1,14.859,16.223ZM1.5,9.75a8.23,8.23,0,0,0,2.591,6l.992-.994a16.278,16.278,0,0,1,6.663-4.337,25.2,25.2,0,0,0-1.278-2.56,25.353,25.353,0,0,1-8.952,1.39C1.505,9.413,1.5,9.581,1.5,9.75Zm11.713.286A23.933,23.933,0,0,1,18,9.6a8.212,8.212,0,0,0-1.881-5.088,22.04,22.04,0,0,1-4.264,2.752A26.38,26.38,0,0,1,13.213,10.035ZM1.747,7.743a23.953,23.953,0,0,0,7.929-1.2A45.2,45.2,0,0,0,6.466,2.182,8.285,8.285,0,0,0,1.747,7.743Zm9.334-1.779a20.162,20.162,0,0,0,3.974-2.526A8.248,8.248,0,0,0,8,1.688,44.545,44.545,0,0,1,11.082,5.964Z" transform="translate(2.25 2.25)" fill="#212121"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</footer>
<footer class="fabrx-footer pt-4 pt-md-5">
<div class="container">
<div class="row pt-4 pb-2 pb-lg-5">
<div class="col-lg-3 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Products</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Online builder</a>
</li>
<li>
<a href="#0">Icon generator</a>
</li>
<li>
<a href="#0">Sketch plugin</a>
</li>
<li>
<a href="#0">Figma plugin</a>
</li>
</ul>
</div>
<div class="col-lg-3 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Features</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Collaboration</a>
</li>
<li>
<a href="#0">Live editing</a>
</li>
<li>
<a href="#0">Cloud storage</a>
</li>
<li>
<a href="#0">Free assets</a>
</li>
</ul>
</div>
<div class="col-lg-3 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Company</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">About</a>
</li>
<li>
<a href="#0">Careers</a>
</li>
<li>
<a href="#0">Offices</a>
</li>
<li>
<a href="#0">Contact</a>
</li>
</ul>
</div>
<div class="col-lg-3 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Legal</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Privacy policy</a>
</li>
<li>
<a href="#0">Terms of use</a>
</li>
<li>
<a href="#0">Licenses</a>
</li>
<li>
<a href="#0">Agreement</a>
</li>
</ul>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row pb-4 pt-2 align-items-center">
<div class="col-sm-4 text-center mb-3 my-sm-0 order-0 order-md-2">
<a href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" alt="Fabrx">
</a>
</div>
<div class="col-sm-4 text-center text-sm-start">
<span class="text-secondary mb-0">© <script>document.write(new Date().getFullYear())</script> Fabrx</span>
</div>
<div class="col-sm-4 my-3 my-sm-0 order-md-3">
<div class="dropdown text-center text-sm-end">
<a href="#" class="btn btn-sm btn-outline-primary" role="button" id="dropdownMenuLinka" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Button
<svg class="ms-2" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><path data-name="Icon Color" d="M4.3.152a.519.519,0,0,1,.784.675l-.05.058L1.252,4.667,5.033,8.448a.519.519,0,0,1,.05.675l-.05.058a.519.519,0,0,1-.675.05L4.3,9.181.152,5.033A.519.519,0,0,1,.1,4.358L.152,4.3Z" transform="translate(2.593 9.593) rotate(-90)" fill="#0d6efd"/></svg>
</a>
<div class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuLinka">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<footer class="fabrx-footer pb-0 pb-md-4">
<div class="container">
<nav class="navbar navbar-expand-lg pb-2 pt-4">
<ul class="navbar-nav m-auto">
<li class="nav-item active">
<a class="nav-link" href="#0">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Jobs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Privacy</a>
</li>
</ul>
</nav>
</div>
<hr>
<div class="container">
<div class="row pt-4 pb-2 pb-md-5 mt-sm-4">
<div class="col-lg-6">
<div class="fabrx-footer-contnet pe-0 pe-md-5">
<a href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" alt="Fabrx">
</a>
<p>Realm of the galaxies across the centuries the carbon in our <br>apple pies vanquish the impossible another world venture. <br>Dream of the mind's eye muse about home.</p>
</div>
</div>
<div class="col-lg-3 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Products</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Online builder</a>
</li>
<li>
<a href="#0">Icon generator</a>
</li>
<li>
<a href="#0">Cloud saves</a>
</li>
<li>
<a href="#0">Free assets</a>
</li>
</ul>
</div>
<div class="col-lg-3 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Follow</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Facebook</a>
</li>
<li>
<a href="#0">Instagram</a>
</li>
<li>
<a href="#0">Dribbble</a>
</li>
<li>
<a href="#0">Github</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<footer class="fabrx-footer pt-3 pt-md-5">
<div class="container">
<div class="row pt-4 pb-2 pb-lg-5">
<div class="col-lg-5">
<div class="fabrx-footer-contnet pe-md-5">
<a href="#0">
<img src="../assets/images/brand-icons/brand-icon-4.svg" alt="Fabrx">
</a>
<p>Realm of the galaxies across the centuries the carbon in our <br>apple pies vanquish the impossible another world venture. <br>Dream of the mind's eye muse about home.</p>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Products</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Online builder</a>
</li>
<li>
<a href="#0">Icon generator</a>
</li>
<li>
<a href="#0">Sketch plugin</a>
</li>
<li>
<a href="#0">Figma plugin</a>
</li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Features</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Collaboration</a>
</li>
<li>
<a href="#0">Live editing</a>
</li>
<li>
<a href="#0">Cloud saves</a>
</li>
<li>
<a href="#0">Free assets</a>
</li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Company</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">About</a>
</li>
<li>
<a href="#0">Careers</a>
</li>
<li>
<a href="#0">Offices</a>
</li>
<li>
<a href="#0">Contact</a>
</li>
</ul>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row pb-4 pt-2 align-items-center">
<div class="col-md-6 col-sm-8">
<div class="fabrx-social text-sm-start mb-3 mb-sm-0">
<a href="#0">
<svg data-name="Social 01" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.75,19.5h-4a.752.752,0,0,1-.743-.649L3,18.75V12.5H.75a.752.752,0,0,1-.743-.648L0,11.75v-4a.753.753,0,0,1,.648-.743L.75,7H3V5.75A5.749,5.749,0,0,1,8.529,0l.22,0h3a.752.752,0,0,1,.743.648l.007.1v4a.753.753,0,0,1-.648.743l-.1.006h-3a.249.249,0,0,0-.243.193L8.5,5.75V7H11.75a.749.749,0,0,1,.744.837l-.017.095-1,4a.747.747,0,0,1-.615.559l-.113.009H8.5v6.25a.752.752,0,0,1-.648.743ZM1.5,8.5V11H3.75a.752.752,0,0,1,.742.648l.007.1V18H7V11.75a.752.752,0,0,1,.648-.743L7.75,11h2.414l.626-2.5H7.75a.753.753,0,0,1-.743-.648L7,7.75v-2A1.758,1.758,0,0,1,8.607,4.006L8.75,4H11V1.5H8.75A4.244,4.244,0,0,0,4.5,5.544l0,.206v2a.752.752,0,0,1-.648.743l-.1.006Z" transform="translate(6.25 2.25)" fill="#212121"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Social 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M4.75,17.5A4.755,4.755,0,0,1,0,12.75v-8A4.756,4.756,0,0,1,4.75,0h8A4.755,4.755,0,0,1,17.5,4.75v8A4.754,4.754,0,0,1,12.75,17.5ZM1.5,4.75v8A3.254,3.254,0,0,0,4.75,16h8A3.254,3.254,0,0,0,16,12.75v-8A3.254,3.254,0,0,0,12.75,1.5h-8A3.254,3.254,0,0,0,1.5,4.75Zm3.5,4A3.75,3.75,0,1,1,8.751,12.5,3.754,3.754,0,0,1,5,8.751Zm1.5,0A2.25,2.25,0,1,0,8.751,6.5,2.253,2.253,0,0,0,6.5,8.751Zm6.006-4.4-.006-.1a.75.75,0,0,1,1.493-.1l.007.1a.75.75,0,0,1-1.494.1Z" transform="translate(3.25 3.25)" fill="#212121"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Social 03" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.792,17.532a15.637,15.637,0,0,1-7.4-2.021A.75.75,0,0,1,.747,14.1H.781c.1,0,.2.006.3.006a8.114,8.114,0,0,0,3.951-1.091l.173-.1-.266-.154A7.578,7.578,0,0,1,1,7.093L.966,6.828a9.756,9.756,0,0,1,.992-5.071l.048-.1L2.1,1.485a.75.75,0,0,1,1.264-.069A8.619,8.619,0,0,0,9.821,5.082L10,5.091l0-.447A4.66,4.66,0,0,1,12.9.5l.208-.084A6.064,6.064,0,0,1,15.23,0a4,4,0,0,1,2.617.9l.122.107.572-.157.479-.137L19.395.6l.438-.156c.212-.082.405-.165.59-.256l.111-.044.106-.024.112-.008a.724.724,0,0,1,.611.309.782.782,0,0,1,.1.7l-.006.013-.022.086a9.975,9.975,0,0,1-.519,1.3l-.125.265-.283.575-.454.886-.355.707s0,0-.006-.014l-.005-.066,0,.49a14.619,14.619,0,0,1-.519,3.46,11.733,11.733,0,0,1-8.164,8.259A11.488,11.488,0,0,1,7.792,17.532ZM2.943,3.278l-.086.249a7.954,7.954,0,0,0-.418,2.835l.022.33c.221,2.432,1.723,4.222,4.592,5.473a.75.75,0,0,1,.116,1.311,13.617,13.617,0,0,1-3.4,1.715l-.252.075.441.147a12.766,12.766,0,0,0,3.835.619,10.107,10.107,0,0,0,2.478-.3l.308-.084a10.26,10.26,0,0,0,7.138-7.221,13.1,13.1,0,0,0,.47-3.548V4.82a1.1,1.1,0,0,1,.131-.459l.1-.209.83-1.625.177-.365-.29.084-1.17.327a.752.752,0,0,1-.774-.222A2.52,2.52,0,0,0,15.219,1.5a4.558,4.558,0,0,0-1.584.317A3.192,3.192,0,0,0,11.5,4.853v1a.746.746,0,0,1-.731.75c-.092,0-.186,0-.278,0A10.1,10.1,0,0,1,2.979,3.319Z" transform="translate(1.248 3.147)" fill="#212121"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Social 04" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M0,9.75a9.75,9.75,0,1,1,14.714,8.39.746.746,0,0,1-.183.106A9.747,9.747,0,0,1,0,9.75ZM9.75,18a8.2,8.2,0,0,0,3.705-.88,23.114,23.114,0,0,0-1.164-5.3A14.414,14.414,0,0,0,6.384,15.58l-.469.462-.637.638A8.2,8.2,0,0,0,9.75,18Zm5.109-1.777A8.256,8.256,0,0,0,17.89,11.1a22.718,22.718,0,0,0-4.137.357A24.236,24.236,0,0,1,14.859,16.223ZM1.5,9.75a8.23,8.23,0,0,0,2.591,6l.992-.994a16.278,16.278,0,0,1,6.663-4.337,25.2,25.2,0,0,0-1.278-2.56,25.353,25.353,0,0,1-8.952,1.39C1.505,9.413,1.5,9.581,1.5,9.75Zm11.713.286A23.933,23.933,0,0,1,18,9.6a8.212,8.212,0,0,0-1.881-5.088,22.04,22.04,0,0,1-4.264,2.752A26.38,26.38,0,0,1,13.213,10.035ZM1.747,7.743a23.953,23.953,0,0,0,7.929-1.2A45.2,45.2,0,0,0,6.466,2.182,8.285,8.285,0,0,0,1.747,7.743Zm9.334-1.779a20.162,20.162,0,0,0,3.974-2.526A8.248,8.248,0,0,0,8,1.688,44.545,44.545,0,0,1,11.082,5.964Z" transform="translate(2.25 2.25)" fill="#212121"></path>
</svg>
</a>
</div>
</div>
<div class="col-md-6 col-sm-4">
<p class="text-secondary text-sm-end mb-0">© <script>document.write(new Date().getFullYear())</script> Fabrx</p>
</div>
</div>
</div>
</footer>
Comments (25)
Charles Davies
Rich in mystery across the centuries decipherment finite but unbounded Rig Veda globular star cluster. Rich in heavy atoms hydrogen atoms concept of the number one radio telescope at the edge of forever two ghostly white figures in coveralls and helmets are soflty dancing. Encyclopaedia galactica a mote of dust suspended in a sunbeam concept.
Marti Valencia
Yeah right! 😍
It’s really good anyways, sort of brilliant!
Charles Davies
Rich in mystery across the centuries decipherment finite but unbounded Rig Veda globular star cluster. Rich in heavy atoms hydrogen atoms concept of the number one radio telescope at the edge of forever two ghostly white figures in coveralls and helmets are soflty dancing. Encyclopaedia galactica a mote of dust suspended in a sunbeam concept.