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" alt="UM">
</a>
<div class="fabrx-header-links ml-auto ml-lg-5 order-0 order-lg-2">
<a href="#0" class="mr-2 mr-md-3">
<svg data-name="Icon/Search" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M21.048,21.91a.738.738,0,0,1-.531-.207l-4.959-5.123a9.258,9.258,0,0,1-6.133,2.271,9.431,9.431,0,1,1,7.193-3.293l4.957,5.087a.8.8,0,0,1-.007,1.067A.736.736,0,0,1,21.048,21.91ZM9.426,1.514a7.931,7.931,0,1,0,7.912,7.912A7.921,7.921,0,0,0,9.426,1.514Z" transform="translate(1 1)" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0" class="ml-4 d-none d-lg-inline-block">
<svg data-name="Icon/Hamburger 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M8,9A1,1,0,0,1,8,7H23a1,1,0,1,1,0,2ZM1,2A1,1,0,0,1,1,0H23a1,1,0,1,1,0,2Z" transform="translate(0 8)" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<button class="navbar-toggler pr-0" type="button" data-toggle="collapse" data-target="#menu-17" aria-controls="menu-17" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M8,9A1,1,0,0,1,8,7H23a1,1,0,1,1,0,2ZM1,2A1,1,0,0,1,1,0H23a1,1,0,1,1,0,2Z" transform="translate(0 8)" fill="#3f3b3b"></path>
</svg>
</button>
<div class="collapse navbar-collapse" id="menu-17">
<ul class="navbar-nav ml-auto pt-3 pt-lg-0">
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</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-5">Make it super awesome with this headline</h2>
<p class="text-muted h6">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-3">Button</a>
</div>
<div class="text-center pt-2 pb-4">
<img src="assets/images/vectors/vector-16.svg" alt="Vector">
</div>
</div>
</section>Headline is super awesome headline
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">
<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="UM">
</a>
<div class="fabrx-header-links ml-auto order-0 order-lg-2">
<a href="#0" class="mx-3 fabrx-carts">
<svg data-name="Icon/Cart" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M17,20.829a2.846,2.846,0,1,1,2.846,2.894A2.873,2.873,0,0,1,17,20.829Zm1.57,0A1.277,1.277,0,1,0,19.848,19.5,1.3,1.3,0,0,0,18.572,20.829Zm-13.935,0a2.846,2.846,0,1,1,2.846,2.894A2.874,2.874,0,0,1,4.637,20.829Zm1.57,0A1.277,1.277,0,1,0,7.483,19.5,1.3,1.3,0,0,0,6.206,20.829Zm.246-4.49a.781.781,0,0,1-.749-.55l-.024-.1L3.216,1.57H.785A.786.786,0,0,1,.006.883L0,.785A.786.786,0,0,1,.686.006L.785,0H3.875a.781.781,0,0,1,.749.55l.024.1L5.18,3.693H22.938a.785.785,0,0,1,.784.832l-.013.1L21.649,15.7a.782.782,0,0,1-.67.634l-.1.006Zm.659-1.57H20.225l1.769-9.508H5.452Z" transform="translate(0.138 0.138)" fill="#3f3b3b"></path>
</svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ml-2 ml-md-4">
<svg data-name="Icon/Notification" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M11.25,24a3.4,3.4,0,0,1-3.3-2.625H0v-1.5a3,3,0,0,0,3-3V10.5A8.15,8.15,0,0,1,4.706,5.484,8.47,8.47,0,0,1,9,2.55v-.3a2.25,2.25,0,1,1,4.5,0v.3a8.471,8.471,0,0,1,4.294,2.934A8.15,8.15,0,0,1,19.5,10.5v6.375a3,3,0,0,0,3,3v1.5H14.55A3.4,3.4,0,0,1,11.25,24ZM9.525,21.375a1.885,1.885,0,0,0,3.451,0ZM11.25,3.75A6.758,6.758,0,0,0,4.5,10.5v6.375a4.465,4.465,0,0,1-1.163,3H19.163a4.466,4.466,0,0,1-1.163-3V10.5A6.758,6.758,0,0,0,11.25,3.75Zm0-2.25a.751.751,0,0,0-.75.75h.75a4.983,4.983,0,0,1,.75.038V2.25A.751.751,0,0,0,11.25,1.5Z" transform="translate(1)" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<button class="navbar-toggler pr-0 ml-2 ml-md-3" type="button" data-toggle="collapse" data-target="#menu-12" aria-controls="menu-12" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
</button>
<div class="collapse navbar-collapse" id="menu-12">
<ul class="navbar-nav m-auto pt-3 pt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</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">
<h2 class="font-weight-bold">Headline is super awesome headline</h2>
<p class="h6 text-dark">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" alt="UM">
</a>
<div class="fabrx-header-links ml-auto">
<a href="#0" class="mr-3 fabrx-carts">
<svg data-name="Icon/Cart" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M17,20.829a2.846,2.846,0,1,1,2.846,2.894A2.873,2.873,0,0,1,17,20.829Zm1.57,0A1.277,1.277,0,1,0,19.848,19.5,1.3,1.3,0,0,0,18.572,20.829Zm-13.935,0a2.846,2.846,0,1,1,2.846,2.894A2.874,2.874,0,0,1,4.637,20.829Zm1.57,0A1.277,1.277,0,1,0,7.483,19.5,1.3,1.3,0,0,0,6.206,20.829Zm.246-4.49a.781.781,0,0,1-.749-.55l-.024-.1L3.216,1.57H.785A.786.786,0,0,1,.006.883L0,.785A.786.786,0,0,1,.686.006L.785,0H3.875a.781.781,0,0,1,.749.55l.024.1L5.18,3.693H22.938a.785.785,0,0,1,.784.832l-.013.1L21.649,15.7a.782.782,0,0,1-.67.634l-.1.006Zm.659-1.57H20.225l1.769-9.508H5.452Z" transform="translate(0.138 0.138)" fill="#3f3b3b"></path>
</svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ml-2 ml-md-4">
<svg data-name="Icon/Notification" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M11.25,24a3.4,3.4,0,0,1-3.3-2.625H0v-1.5a3,3,0,0,0,3-3V10.5A8.15,8.15,0,0,1,4.706,5.484,8.47,8.47,0,0,1,9,2.55v-.3a2.25,2.25,0,1,1,4.5,0v.3a8.471,8.471,0,0,1,4.294,2.934A8.15,8.15,0,0,1,19.5,10.5v6.375a3,3,0,0,0,3,3v1.5H14.55A3.4,3.4,0,0,1,11.25,24ZM9.525,21.375a1.885,1.885,0,0,0,3.451,0ZM11.25,3.75A6.758,6.758,0,0,0,4.5,10.5v6.375a4.465,4.465,0,0,1-1.163,3H19.163a4.466,4.466,0,0,1-1.163-3V10.5A6.758,6.758,0,0,0,11.25,3.75Zm0-2.25a.751.751,0,0,0-.75.75h.75a4.983,4.983,0,0,1,.75.038V2.25A.751.751,0,0,0,11.25,1.5Z" transform="translate(1)" fill="#3f3b3b"></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-lg-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-5 mb-4">Tag</div>
<h2 class="font-weight-bold h1">Super awesome headline</h2>
</div>
</div>
<div class="col-lg-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 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" alt="UM">
</a>
<div class="fabrx-header-links ml-auto">
<a href="#0"><img src="assets/images/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 pr-0 pr-lg-5 pt-5 pt-lg-0">
<h2 class="font-weight-bold mt-5 mt-md-4">Super awesome headline</h2>
<p class="h6">Realm of the galaxies across the centuries the carbon in our apple pies</p>
<ul class="list-unstyled fabrx-cricle h5 pt-4">
<li>
<div class="badge badge-primary circle mr-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 31 32">
<g data-name="Icon/Star Fill" transform="translate(0)">
<path data-name="Icon Color" d="M22.519,31.65,15.641,27a.212.212,0,0,0-.242,0L8.52,31.65A2.606,2.606,0,0,1,7.31,32a2.044,2.044,0,0,1-1.7-.851,2.084,2.084,0,0,1-.387-1.9L7.165,20.5c0-.1,0-.2-.1-.25L.722,14.35a2.433,2.433,0,0,1-.63-2.4,2.149,2.149,0,0,1,1.889-1.5L10.168,9.8c.1,0,.145-.05.194-.15l3.052-8.2A2.252,2.252,0,0,1,15.5,0,2.143,2.143,0,0,1,17.53,1.45l3.052,8.2c.049.1.1.15.194.15l8.186.649a2.149,2.149,0,0,1,1.889,1.5,2.239,2.239,0,0,1-.63,2.4l-6.345,5.9a.387.387,0,0,0-.1.25l1.987,8.75a2.41,2.41,0,0,1-.388,1.9A2.106,2.106,0,0,1,23.682,32,2.277,2.277,0,0,1,22.519,31.65Z" transform="translate(0)" fill="#fff"></path>
</g>
</svg>
</div>
Hell of a feature here
</li>
<li>
<div class="badge badge-primary circle mr-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 31 32">
<g data-name="Icon/Star Fill" transform="translate(0)">
<path data-name="Icon Color" d="M22.519,31.65,15.641,27a.212.212,0,0,0-.242,0L8.52,31.65A2.606,2.606,0,0,1,7.31,32a2.044,2.044,0,0,1-1.7-.851,2.084,2.084,0,0,1-.387-1.9L7.165,20.5c0-.1,0-.2-.1-.25L.722,14.35a2.433,2.433,0,0,1-.63-2.4,2.149,2.149,0,0,1,1.889-1.5L10.168,9.8c.1,0,.145-.05.194-.15l3.052-8.2A2.252,2.252,0,0,1,15.5,0,2.143,2.143,0,0,1,17.53,1.45l3.052,8.2c.049.1.1.15.194.15l8.186.649a2.149,2.149,0,0,1,1.889,1.5,2.239,2.239,0,0,1-.63,2.4l-6.345,5.9a.387.387,0,0,0-.1.25l1.987,8.75a2.41,2.41,0,0,1-.388,1.9A2.106,2.106,0,0,1,23.682,32,2.277,2.277,0,0,1,22.519,31.65Z" transform="translate(0)" fill="#fff"></path>
</g>
</svg>
</div>
Hell of a feature here
</li>
<li>
<div class="badge badge-primary circle mr-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 31 32">
<g data-name="Icon/Star Fill" transform="translate(0)">
<path data-name="Icon Color" d="M22.519,31.65,15.641,27a.212.212,0,0,0-.242,0L8.52,31.65A2.606,2.606,0,0,1,7.31,32a2.044,2.044,0,0,1-1.7-.851,2.084,2.084,0,0,1-.387-1.9L7.165,20.5c0-.1,0-.2-.1-.25L.722,14.35a2.433,2.433,0,0,1-.63-2.4,2.149,2.149,0,0,1,1.889-1.5L10.168,9.8c.1,0,.145-.05.194-.15l3.052-8.2A2.252,2.252,0,0,1,15.5,0,2.143,2.143,0,0,1,17.53,1.45l3.052,8.2c.049.1.1.15.194.15l8.186.649a2.149,2.149,0,0,1,1.889,1.5,2.239,2.239,0,0,1-.63,2.4l-6.345,5.9a.387.387,0,0,0-.1.25l1.987,8.75a2.41,2.41,0,0,1-.388,1.9A2.106,2.106,0,0,1,23.682,32,2.277,2.277,0,0,1,22.519,31.65Z" transform="translate(0)" fill="#fff"></path>
</g>
</svg>
</div>
Hell of a feature here
</li>
<li>
<div class="badge badge-primary circle mr-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 31 32">
<g data-name="Icon/Star Fill" transform="translate(0)">
<path data-name="Icon Color" d="M22.519,31.65,15.641,27a.212.212,0,0,0-.242,0L8.52,31.65A2.606,2.606,0,0,1,7.31,32a2.044,2.044,0,0,1-1.7-.851,2.084,2.084,0,0,1-.387-1.9L7.165,20.5c0-.1,0-.2-.1-.25L.722,14.35a2.433,2.433,0,0,1-.63-2.4,2.149,2.149,0,0,1,1.889-1.5L10.168,9.8c.1,0,.145-.05.194-.15l3.052-8.2A2.252,2.252,0,0,1,15.5,0,2.143,2.143,0,0,1,17.53,1.45l3.052,8.2c.049.1.1.15.194.15l8.186.649a2.149,2.149,0,0,1,1.889,1.5,2.239,2.239,0,0,1-.63,2.4l-6.345,5.9a.387.387,0,0,0-.1.25l1.987,8.75a2.41,2.41,0,0,1-.388,1.9A2.106,2.106,0,0,1,23.682,32,2.277,2.277,0,0,1,22.519,31.65Z" transform="translate(0)" fill="#fff"></path>
</g>
</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">
<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" alt="UM"></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-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
<span class="dropdown-text">Link</span>
<svg class="ml-2" data-name="Icon/Arrows/Chevron/Down" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24.091 24">
<path data-name="Icon Color" d="M-2.182,24,0,21.818-9.818,12,0,2.182-2.182,0l-12,12Z" transform="translate(0.091 4.909) rotate(-90)" fill="#3F3B3B"></path>
</svg>
</a>
<div id="collapseFour" class="collapse" data-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 ml-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="Icon/Social/OutlineFacebook" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm9.262,5.625V12.488H9V10.5h1.8V9a2.424,2.424,0,0,1,2.625-2.625A11.921,11.921,0,0,1,15,6.45v1.8H13.912c-.862,0-1.012.412-1.012.975V10.5h2.025l-.262,1.987H12.9v5.137Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineInstagram" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm8.137,6.338a4.248,4.248,0,0,1-1.612-.3,3.941,3.941,0,0,1-1.237-.825,3.116,3.116,0,0,1-.825-1.237,5.11,5.11,0,0,1-.3-1.613c-.038-.637-.038-.833-.038-2.363s0-1.724.038-2.363a4.248,4.248,0,0,1,.3-1.612,3.926,3.926,0,0,1,.825-1.237,3.123,3.123,0,0,1,1.237-.825,5.1,5.1,0,0,1,1.612-.3c.638-.038.834-.038,2.363-.038s1.725,0,2.363.038a4.256,4.256,0,0,1,1.613.3,3.945,3.945,0,0,1,1.237.825,3.135,3.135,0,0,1,.825,1.237,5.133,5.133,0,0,1,.3,1.612c.038.638.038.834.038,2.363s0,1.725-.038,2.363a4.256,4.256,0,0,1-.3,1.613,3.977,3.977,0,0,1-.825,1.237,3.135,3.135,0,0,1-1.237.825,5.124,5.124,0,0,1-1.613.3c-.637.038-.833.038-2.363.038S10.275,18.375,9.637,18.337Zm-.971-11-.041.014A2.153,2.153,0,0,0,7.387,8.588a2.907,2.907,0,0,0-.225,1.125c-.037.6-.037.791-.037,2.287v2.25a3.7,3.7,0,0,0,.211,1.083l.014.042a2.146,2.146,0,0,0,1.237,1.237,2.894,2.894,0,0,0,1.125.225c.6.038.791.038,2.287.038h2.25a3.727,3.727,0,0,0,1.078-.21l.047-.015a2.153,2.153,0,0,0,1.237-1.237,2.894,2.894,0,0,0,.225-1.125c.038-.6.038-.792.038-2.288V9.75a3.742,3.742,0,0,0-.21-1.079l-.015-.046a2.16,2.16,0,0,0-1.237-1.238,2.907,2.907,0,0,0-1.125-.225c-.6-.037-.792-.037-2.288-.037H9.75A3.746,3.746,0,0,0,8.666,7.336ZM8.7,12A3.307,3.307,0,1,1,12,15.3,3.264,3.264,0,0,1,8.7,12Zm1.5,0A1.8,1.8,0,1,0,12,10.2,1.824,1.824,0,0,0,10.2,12Zm4.274-3.188a.713.713,0,1,1,.713.712A.713.713,0,0,1,14.475,8.813Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineTwitter" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12ZM6,15.788a3.271,3.271,0,0,0,.6.037,4.844,4.844,0,0,0,3.075-1.049A2.507,2.507,0,0,1,7.387,13.05a1.815,1.815,0,0,0,.45.038,3.673,3.673,0,0,0,.638-.076,2.454,2.454,0,0,1-1.988-2.4v-.038a2.3,2.3,0,0,0,1.125.3A2.537,2.537,0,0,1,6.525,8.813a2.359,2.359,0,0,1,.338-1.238,6.923,6.923,0,0,0,5.062,2.587A2.88,2.88,0,0,1,11.85,9.6a2.472,2.472,0,0,1,2.475-2.475,2.413,2.413,0,0,1,1.762.787,4.737,4.737,0,0,0,1.575-.6,2.422,2.422,0,0,1-1.087,1.35A4.431,4.431,0,0,0,18,8.287a5.56,5.56,0,0,1-1.2,1.275v.3a6.959,6.959,0,0,1-7.013,7.013A6.887,6.887,0,0,1,6,15.788Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/Outline/Behance" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm12.937,3.825a2.285,2.285,0,0,1-.9-.637,2.34,2.34,0,0,1-.562-.975,3.248,3.248,0,0,1-.187-1.237,3.306,3.306,0,0,1,.225-1.238,2.72,2.72,0,0,1,1.537-1.613,3.121,3.121,0,0,1,1.2-.225,2.786,2.786,0,0,1,1.274.3,2.548,2.548,0,0,1,.9.788,2.985,2.985,0,0,1,.488,1.125,3.827,3.827,0,0,1,.112,1.313H14.25a1.708,1.708,0,0,0,.412,1.125,1.382,1.382,0,0,0,1.012.337,1.291,1.291,0,0,0,.825-.263.885.885,0,0,0,.412-.525H18.3a2.664,2.664,0,0,1-1.012,1.5,2.913,2.913,0,0,1-1.65.45A2.986,2.986,0,0,1,14.437,15.825Zm.488-4.537a1.169,1.169,0,0,0-.412.338.9.9,0,0,0-.225.412c-.007.031-.015.061-.023.09a1.144,1.144,0,0,0-.052.285h2.551a1.4,1.4,0,0,0-.3-.938,1.11,1.11,0,0,0-.9-.338A1.148,1.148,0,0,0,14.925,11.288Zm-9.3,4.687v-8.1H9.338a4.21,4.21,0,0,1,1.012.113,2.51,2.51,0,0,1,.787.337,2.02,2.02,0,0,1,.525.6,2.321,2.321,0,0,1,.188.937,1.7,1.7,0,0,1-.263,1.013,2.344,2.344,0,0,1-.788.675,2.1,2.1,0,0,1,1.087.751,2.443,2.443,0,0,1,.337,1.312A2.3,2.3,0,0,1,12,14.663a2.067,2.067,0,0,1-.637.75,2.472,2.472,0,0,1-.9.412,4.7,4.7,0,0,1-1.013.15ZM7.35,14.55H9.187v.037h.077a1.649,1.649,0,0,0,.41-.036.837.837,0,0,0,.412-.188.6.6,0,0,0,.263-.338,1.087,1.087,0,0,0,.113-.525,1.11,1.11,0,0,0-.338-.9,1.341,1.341,0,0,0-.9-.263H7.35Zm0-3.451H9.113v.038h0a1.176,1.176,0,0,0,.745-.224.931.931,0,0,0,.3-.75.8.8,0,0,0-.112-.45l0,0a1.022,1.022,0,0,0-.259-.3,1.116,1.116,0,0,0-.375-.149,1.819,1.819,0,0,0-.45-.038H7.35Zm6.6-1.912V8.4h3.188v.788Z" fill="#3f3b3b"></path>
</svg>
</a>
</div>
</div>
</aside>
</div>
<div class="col-sm">
<div class="text-right 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/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3F3B3B"></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 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" alt="UM">
</a>
<button class="navbar-toggler pr-0" type="button" data-toggle="collapse" data-target="#menu-13" aria-controls="menu-13" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
</button>
<div class="collapse navbar-collapse" id="menu-13">
<ul class="navbar-nav ml-auto pt-3 pt-lg-0">
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
</ul>
<div class="fabrx-header-links ml-0 ml-lg-5">
<a href="#0" class="btn btn-primary mr-3">Button</a>
<a href="#0" class="btn btn-link ml-2 ml-md-4">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</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 pr-0 pr-lg-5">
<h2 class="font-weight-bold">Super awesome headline</h2>
<p class="h6 mb-0">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture.</p>
<form class="pr-0 pr-md-5 mt-4 mt-md-5">
<div class="form-group mb-md-4">
<label for="Input6" class="control-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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="#605f5f"></path>
</g>
</svg>
</label>
<input type="text" name="Input6" placeholder="Email" class="form-control" id="Input6">
</div>
<button type="submit" class="btn btn-lg btn-primary btn-block">Signup</button>
</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
Super 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 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" alt="UM">
</a>
<button class="navbar-toggler pr-0" type="button" data-toggle="collapse" data-target="#menu-14" aria-controls="menu-14" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
</button>
<div class="collapse navbar-collapse" id="menu-14">
<ul class="navbar-nav ml-auto pt-3 pt-lg-0">
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
</ul>
<div class="fabrx-header-links ml-0 ml-lg-5">
<a href="#0" class="btn btn-primary mr-3">Button</a>
<a href="#0" class="btn btn-link ml-2 ml-md-4">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
</nav>
</div>
</header>
<!-- Row, No Gutters, 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 pr-0 pr-lg-5">
<h5 class="font-weight-regular">Short headline</h5>
<h2 class="font-weight-bold mt-3 mt-lg-4">Super awesome headline</h2>
<p class="h6">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 mt-4">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="text-right 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 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" alt="UM"></a>
</div>
<div class="fabrx-aside-body fabrx-scroll accordion2as" 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-toggle="collapse" data-target="#collapseFour45" aria-expanded="false" aria-controls="collapseFour45">
<span class="dropdown-text">Link</span>
<svg class="ml-2" data-name="Icon/Arrows/Chevron/Down" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24.091 24">
<path data-name="Icon Color" d="M-2.182,24,0,21.818-9.818,12,0,2.182-2.182,0l-12,12Z" transform="translate(0.091 4.909) rotate(-90)" fill="#3F3B3B"></path>
</svg>
</a>
<div id="collapseFour45" class="collapse" data-parent=".accordion2as">
<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 ml-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="Icon/Social/OutlineFacebook" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm9.262,5.625V12.488H9V10.5h1.8V9a2.424,2.424,0,0,1,2.625-2.625A11.921,11.921,0,0,1,15,6.45v1.8H13.912c-.862,0-1.012.412-1.012.975V10.5h2.025l-.262,1.987H12.9v5.137Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineInstagram" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm8.137,6.338a4.248,4.248,0,0,1-1.612-.3,3.941,3.941,0,0,1-1.237-.825,3.116,3.116,0,0,1-.825-1.237,5.11,5.11,0,0,1-.3-1.613c-.038-.637-.038-.833-.038-2.363s0-1.724.038-2.363a4.248,4.248,0,0,1,.3-1.612,3.926,3.926,0,0,1,.825-1.237,3.123,3.123,0,0,1,1.237-.825,5.1,5.1,0,0,1,1.612-.3c.638-.038.834-.038,2.363-.038s1.725,0,2.363.038a4.256,4.256,0,0,1,1.613.3,3.945,3.945,0,0,1,1.237.825,3.135,3.135,0,0,1,.825,1.237,5.133,5.133,0,0,1,.3,1.612c.038.638.038.834.038,2.363s0,1.725-.038,2.363a4.256,4.256,0,0,1-.3,1.613,3.977,3.977,0,0,1-.825,1.237,3.135,3.135,0,0,1-1.237.825,5.124,5.124,0,0,1-1.613.3c-.637.038-.833.038-2.363.038S10.275,18.375,9.637,18.337Zm-.971-11-.041.014A2.153,2.153,0,0,0,7.387,8.588a2.907,2.907,0,0,0-.225,1.125c-.037.6-.037.791-.037,2.287v2.25a3.7,3.7,0,0,0,.211,1.083l.014.042a2.146,2.146,0,0,0,1.237,1.237,2.894,2.894,0,0,0,1.125.225c.6.038.791.038,2.287.038h2.25a3.727,3.727,0,0,0,1.078-.21l.047-.015a2.153,2.153,0,0,0,1.237-1.237,2.894,2.894,0,0,0,.225-1.125c.038-.6.038-.792.038-2.288V9.75a3.742,3.742,0,0,0-.21-1.079l-.015-.046a2.16,2.16,0,0,0-1.237-1.238,2.907,2.907,0,0,0-1.125-.225c-.6-.037-.792-.037-2.288-.037H9.75A3.746,3.746,0,0,0,8.666,7.336ZM8.7,12A3.307,3.307,0,1,1,12,15.3,3.264,3.264,0,0,1,8.7,12Zm1.5,0A1.8,1.8,0,1,0,12,10.2,1.824,1.824,0,0,0,10.2,12Zm4.274-3.188a.713.713,0,1,1,.713.712A.713.713,0,0,1,14.475,8.813Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineTwitter" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12ZM6,15.788a3.271,3.271,0,0,0,.6.037,4.844,4.844,0,0,0,3.075-1.049A2.507,2.507,0,0,1,7.387,13.05a1.815,1.815,0,0,0,.45.038,3.673,3.673,0,0,0,.638-.076,2.454,2.454,0,0,1-1.988-2.4v-.038a2.3,2.3,0,0,0,1.125.3A2.537,2.537,0,0,1,6.525,8.813a2.359,2.359,0,0,1,.338-1.238,6.923,6.923,0,0,0,5.062,2.587A2.88,2.88,0,0,1,11.85,9.6a2.472,2.472,0,0,1,2.475-2.475,2.413,2.413,0,0,1,1.762.787,4.737,4.737,0,0,0,1.575-.6,2.422,2.422,0,0,1-1.087,1.35A4.431,4.431,0,0,0,18,8.287a5.56,5.56,0,0,1-1.2,1.275v.3a6.959,6.959,0,0,1-7.013,7.013A6.887,6.887,0,0,1,6,15.788Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/Outline/Behance" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm12.937,3.825a2.285,2.285,0,0,1-.9-.637,2.34,2.34,0,0,1-.562-.975,3.248,3.248,0,0,1-.187-1.237,3.306,3.306,0,0,1,.225-1.238,2.72,2.72,0,0,1,1.537-1.613,3.121,3.121,0,0,1,1.2-.225,2.786,2.786,0,0,1,1.274.3,2.548,2.548,0,0,1,.9.788,2.985,2.985,0,0,1,.488,1.125,3.827,3.827,0,0,1,.112,1.313H14.25a1.708,1.708,0,0,0,.412,1.125,1.382,1.382,0,0,0,1.012.337,1.291,1.291,0,0,0,.825-.263.885.885,0,0,0,.412-.525H18.3a2.664,2.664,0,0,1-1.012,1.5,2.913,2.913,0,0,1-1.65.45A2.986,2.986,0,0,1,14.437,15.825Zm.488-4.537a1.169,1.169,0,0,0-.412.338.9.9,0,0,0-.225.412c-.007.031-.015.061-.023.09a1.144,1.144,0,0,0-.052.285h2.551a1.4,1.4,0,0,0-.3-.938,1.11,1.11,0,0,0-.9-.338A1.148,1.148,0,0,0,14.925,11.288Zm-9.3,4.687v-8.1H9.338a4.21,4.21,0,0,1,1.012.113,2.51,2.51,0,0,1,.787.337,2.02,2.02,0,0,1,.525.6,2.321,2.321,0,0,1,.188.937,1.7,1.7,0,0,1-.263,1.013,2.344,2.344,0,0,1-.788.675,2.1,2.1,0,0,1,1.087.751,2.443,2.443,0,0,1,.337,1.312A2.3,2.3,0,0,1,12,14.663a2.067,2.067,0,0,1-.637.75,2.472,2.472,0,0,1-.9.412,4.7,4.7,0,0,1-1.013.15ZM7.35,14.55H9.187v.037h.077a1.649,1.649,0,0,0,.41-.036.837.837,0,0,0,.412-.188.6.6,0,0,0,.263-.338,1.087,1.087,0,0,0,.113-.525,1.11,1.11,0,0,0-.338-.9,1.341,1.341,0,0,0-.9-.263H7.35Zm0-3.451H9.113v.038h0a1.176,1.176,0,0,0,.745-.224.931.931,0,0,0,.3-.75.8.8,0,0,0-.112-.45l0,0a1.022,1.022,0,0,0-.259-.3,1.116,1.116,0,0,0-.375-.149,1.819,1.819,0,0,0-.45-.038H7.35Zm6.6-1.912V8.4h3.188v.788Z" fill="#3f3b3b"></path>
</svg>
</a>
</div>
</div>
</aside>
</div>
<div class="col-md p-4">
<div class="text-right d-block d-xl-none mb-3 mb-xl-0">
<a href="#0" class="aside-toggle">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3F3B3B"></path>
</svg>
</a>
</div>
<div class="pl-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">
</div>
</div>
<div class="masonry-item oneforth">
<div class="card">
<img src="assets/images/galleries/gallery-2.png" alt="Gallery">
</div>
</div>
<div class="masonry-item oneforth">
<div class="card">
<img src="assets/images/galleries/gallery-4.png" alt="Gallery">
</div>
</div>
<div class="masonry-item onethird">
<div class="card">
<img src="assets/images/galleries/gallery-3.png" alt="Gallery">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-hero">
<!-- 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" alt="UM">
</a>
<div class="fabrx-header-links ml-auto">
<a href="#0" class="mx-3 fabrx-carts">
<svg data-name="Icon/Cart" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M17,20.829a2.846,2.846,0,1,1,2.846,2.894A2.873,2.873,0,0,1,17,20.829Zm1.57,0A1.277,1.277,0,1,0,19.848,19.5,1.3,1.3,0,0,0,18.572,20.829Zm-13.935,0a2.846,2.846,0,1,1,2.846,2.894A2.874,2.874,0,0,1,4.637,20.829Zm1.57,0A1.277,1.277,0,1,0,7.483,19.5,1.3,1.3,0,0,0,6.206,20.829Zm.246-4.49a.781.781,0,0,1-.749-.55l-.024-.1L3.216,1.57H.785A.786.786,0,0,1,.006.883L0,.785A.786.786,0,0,1,.686.006L.785,0H3.875a.781.781,0,0,1,.749.55l.024.1L5.18,3.693H22.938a.785.785,0,0,1,.784.832l-.013.1L21.649,15.7a.782.782,0,0,1-.67.634l-.1.006Zm.659-1.57H20.225l1.769-9.508H5.452Z" transform="translate(0.138 0.138)" fill="#3f3b3b"></path>
</svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ml-2 ml-md-4">
<svg data-name="Icon/Notification" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M11.25,24a3.4,3.4,0,0,1-3.3-2.625H0v-1.5a3,3,0,0,0,3-3V10.5A8.15,8.15,0,0,1,4.706,5.484,8.47,8.47,0,0,1,9,2.55v-.3a2.25,2.25,0,1,1,4.5,0v.3a8.471,8.471,0,0,1,4.294,2.934A8.15,8.15,0,0,1,19.5,10.5v6.375a3,3,0,0,0,3,3v1.5H14.55A3.4,3.4,0,0,1,11.25,24ZM9.525,21.375a1.885,1.885,0,0,0,3.451,0ZM11.25,3.75A6.758,6.758,0,0,0,4.5,10.5v6.375a4.465,4.465,0,0,1-1.163,3H19.163a4.466,4.466,0,0,1-1.163-3V10.5A6.758,6.758,0,0,0,11.25,3.75Zm0-2.25a.751.751,0,0,0-.75.75h.75a4.983,4.983,0,0,1,.75.038V2.25A.751.751,0,0,0,11.25,1.5Z" transform="translate(1)" fill="#3f3b3b"></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 pr-0 pr-lg-5">
<div class="badge badge-primary badge-lg">Tag</div>
<h2 class="font-weight-bold mt-4">Super awesome headline</h2>
<p class="h6">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 ml-2 ml-sm-3">Button</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="text-center text-lg-left py-5 mt-0 mt-lg-5 pr-3 pr-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 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" alt="UM">
</a>
<div class="fabrx-header-links ml-auto">
<a href="#0" class="mx-3 fabrx-carts">
<svg data-name="Icon/Cart" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M17,20.829a2.846,2.846,0,1,1,2.846,2.894A2.873,2.873,0,0,1,17,20.829Zm1.57,0A1.277,1.277,0,1,0,19.848,19.5,1.3,1.3,0,0,0,18.572,20.829Zm-13.935,0a2.846,2.846,0,1,1,2.846,2.894A2.874,2.874,0,0,1,4.637,20.829Zm1.57,0A1.277,1.277,0,1,0,7.483,19.5,1.3,1.3,0,0,0,6.206,20.829Zm.246-4.49a.781.781,0,0,1-.749-.55l-.024-.1L3.216,1.57H.785A.786.786,0,0,1,.006.883L0,.785A.786.786,0,0,1,.686.006L.785,0H3.875a.781.781,0,0,1,.749.55l.024.1L5.18,3.693H22.938a.785.785,0,0,1,.784.832l-.013.1L21.649,15.7a.782.782,0,0,1-.67.634l-.1.006Zm.659-1.57H20.225l1.769-9.508H5.452Z" transform="translate(0.138 0.138)" fill="#3f3b3b"></path>
</svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ml-2 ml-md-4">
<svg data-name="Icon/Notification" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M11.25,24a3.4,3.4,0,0,1-3.3-2.625H0v-1.5a3,3,0,0,0,3-3V10.5A8.15,8.15,0,0,1,4.706,5.484,8.47,8.47,0,0,1,9,2.55v-.3a2.25,2.25,0,1,1,4.5,0v.3a8.471,8.471,0,0,1,4.294,2.934A8.15,8.15,0,0,1,19.5,10.5v6.375a3,3,0,0,0,3,3v1.5H14.55A3.4,3.4,0,0,1,11.25,24ZM9.525,21.375a1.885,1.885,0,0,0,3.451,0ZM11.25,3.75A6.758,6.758,0,0,0,4.5,10.5v6.375a4.465,4.465,0,0,1-1.163,3H19.163a4.466,4.466,0,0,1-1.163-3V10.5A6.758,6.758,0,0,0,11.25,3.75Zm0-2.25a.751.751,0,0,0-.75.75h.75a4.983,4.983,0,0,1,.75.038V2.25A.751.751,0,0,0,11.25,1.5Z" transform="translate(1)" fill="#3f3b3b"></path>
</svg>
</a>
</div>
</nav>
</div>
</header>
<!-- Container, 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-0 mt-lg-5 pt-0 pt-lg-5">
<h2 class="font-weight-bold">Super awesome headline</h2>
<p class="h6">Realm of the galaxies across the centuries</p>
<div class="mt-4">
<a href="#0" class="btn btn-xl btn-primary">Button</a>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="fabrx-caption mt-5 pt-0 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: 43px;" alt="UM">
</a>
<div class="fabrx-header-links d-flex ml-auto order-0 order-lg-2">
<a href="#0" class="mx-3 fabrx-carts">
<svg data-name="Icon/Cart" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M17,20.829a2.846,2.846,0,1,1,2.846,2.894A2.873,2.873,0,0,1,17,20.829Zm1.57,0A1.277,1.277,0,1,0,19.848,19.5,1.3,1.3,0,0,0,18.572,20.829Zm-13.935,0a2.846,2.846,0,1,1,2.846,2.894A2.874,2.874,0,0,1,4.637,20.829Zm1.57,0A1.277,1.277,0,1,0,7.483,19.5,1.3,1.3,0,0,0,6.206,20.829Zm.246-4.49a.781.781,0,0,1-.749-.55l-.024-.1L3.216,1.57H.785A.786.786,0,0,1,.006.883L0,.785A.786.786,0,0,1,.686.006L.785,0H3.875a.781.781,0,0,1,.749.55l.024.1L5.18,3.693H22.938a.785.785,0,0,1,.784.832l-.013.1L21.649,15.7a.782.782,0,0,1-.67.634l-.1.006Zm.659-1.57H20.225l1.769-9.508H5.452Z" transform="translate(0.138 0.138)" fill="#3f3b3b"></path>
</svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ml-2 ml-md-4">
<svg data-name="Icon/Notification" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M11.25,24a3.4,3.4,0,0,1-3.3-2.625H0v-1.5a3,3,0,0,0,3-3V10.5A8.15,8.15,0,0,1,4.706,5.484,8.47,8.47,0,0,1,9,2.55v-.3a2.25,2.25,0,1,1,4.5,0v.3a8.471,8.471,0,0,1,4.294,2.934A8.15,8.15,0,0,1,19.5,10.5v6.375a3,3,0,0,0,3,3v1.5H14.55A3.4,3.4,0,0,1,11.25,24ZM9.525,21.375a1.885,1.885,0,0,0,3.451,0ZM11.25,3.75A6.758,6.758,0,0,0,4.5,10.5v6.375a4.465,4.465,0,0,1-1.163,3H19.163a4.466,4.466,0,0,1-1.163-3V10.5A6.758,6.758,0,0,0,11.25,3.75Zm0-2.25a.751.751,0,0,0-.75.75h.75a4.983,4.983,0,0,1,.75.038V2.25A.751.751,0,0,0,11.25,1.5Z" transform="translate(1)" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<button class="navbar-toggler pr-0 ml-2 ml-md-3" type="button" data-toggle="collapse" data-target="#menu-15" aria-controls="menu-15" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
</button>
<div class="collapse navbar-collapse" id="menu-15">
<ul class="navbar-nav m-auto pt-3 pt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</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="h1 font-weight-bold">Headline in action rules</h2>
<p class="h6 text-dark pr-5">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture.</p>
<div class="mt-4">
<a href="#0" class="btn btn-lg btn-primary mb-3">Button</a>
<a href="#0" class="btn btn-lg btn-outline-primary ml-0 ml-sm-3 mb-3">Button</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="text-left text-lg-right 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">
</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">
<!-- 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" alt="UM">
</a>
<div class="fabrx-header-links ml-auto ml-lg-5 order-0 order-lg-2">
<a href="#0" class="mr-2 mr-md-3">
<svg data-name="Icon/Search" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M21.048,21.91a.738.738,0,0,1-.531-.207l-4.959-5.123a9.258,9.258,0,0,1-6.133,2.271,9.431,9.431,0,1,1,7.193-3.293l4.957,5.087a.8.8,0,0,1-.007,1.067A.736.736,0,0,1,21.048,21.91ZM9.426,1.514a7.931,7.931,0,1,0,7.912,7.912A7.921,7.921,0,0,0,9.426,1.514Z" transform="translate(1 1)" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0" class="ml-4 d-none d-lg-inline-block">
<svg data-name="Icon/Hamburger 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M8,9A1,1,0,0,1,8,7H23a1,1,0,1,1,0,2ZM1,2A1,1,0,0,1,1,0H23a1,1,0,1,1,0,2Z" transform="translate(0 8)" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<button class="navbar-toggler pr-0" type="button" data-toggle="collapse" data-target="#menu-16" aria-controls="menu-16" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M8,9A1,1,0,0,1,8,7H23a1,1,0,1,1,0,2ZM1,2A1,1,0,0,1,1,0H23a1,1,0,1,1,0,2Z" transform="translate(0 8)" fill="#3f3b3b"></path>
</svg>
</button>
<div class="collapse navbar-collapse" id="menu-16">
<ul class="navbar-nav ml-auto pt-3 pt-lg-0">
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<!-- Container -->
<div class="container">
<div class="row align-items-center vh-100">
<div class="col-lg-6">
<div class="hero-caption pt-4 pt-md-5 pb-2 pb-md-5">
<h2 class="font-weight-bold">Here is a super awesome headline</h2>
<p class="h6 text-dark pr-0 pr-md-5">Realm of the galaxies across the centuries the carbon in our apple pies vanquish the impossible another world venture.</p>
<div class="mt-4">
<a href="#0" class="btn btn-lg btn-primary">Button</a>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="text-right py-4 py-lg-5 mt-0 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-md-6 mb-4">
<div class="card shadow-40">
<div class="card-body d-flex py-3 py-sm-5">
<div class="float-left ml-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="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<div class="float-right order-1">
<h6 class="font-weight-normal">Ship of the imagination star stuff harvesting star light descended from</h6>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 mb-4">
<div class="card shadow-40">
<div class="card-body d-flex py-3 py-sm-5">
<div class="float-left ml-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="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<div class="float-right order-1">
<h6 class="font-weight-normal">Ship of the imagination star stuff harvesting star light descended from</h6>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 mb-4">
<div class="card shadow-40">
<div class="card-body d-flex py-3 py-sm-5">
<div class="float-left ml-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="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<div class="float-right order-1">
<h6 class="font-weight-normal">Ship of the imagination star stuff harvesting star light descended from</h6>
</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 -->
<header class="fabrx-header">
<div class="container">
<nav class="navbar navbar-expand-lg has-header-inner">
<div class="fabrx-header-links">
<a href="#0" class="mr-3">
<svg data-name="Icon/Search" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M21.048,21.91a.738.738,0,0,1-.531-.207l-4.959-5.123a9.258,9.258,0,0,1-6.133,2.271,9.431,9.431,0,1,1,7.193-3.293l4.957,5.087a.8.8,0,0,1-.007,1.067A.736.736,0,0,1,21.048,21.91ZM9.426,1.514a7.931,7.931,0,1,0,7.912,7.912A7.921,7.921,0,0,0,9.426,1.514Z" transform="translate(1 1)" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0" class="ml-2 ml-md-4">
<svg data-name="Icon/Gift" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"></path>
</svg>
</a>
</div>
<a class="navbar-brand m-auto" href="#0">
<img src="assets/images/brand-icons/brand-icon-4.svg" alt="UM">
</a>
<div class="fabrx-header-links">
<a href="#0" class="mx-3 fabrx-carts">
<svg data-name="Icon/Cart" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M17,20.829a2.846,2.846,0,1,1,2.846,2.894A2.873,2.873,0,0,1,17,20.829Zm1.57,0A1.277,1.277,0,1,0,19.848,19.5,1.3,1.3,0,0,0,18.572,20.829Zm-13.935,0a2.846,2.846,0,1,1,2.846,2.894A2.874,2.874,0,0,1,4.637,20.829Zm1.57,0A1.277,1.277,0,1,0,7.483,19.5,1.3,1.3,0,0,0,6.206,20.829Zm.246-4.49a.781.781,0,0,1-.749-.55l-.024-.1L3.216,1.57H.785A.786.786,0,0,1,.006.883L0,.785A.786.786,0,0,1,.686.006L.785,0H3.875a.781.781,0,0,1,.749.55l.024.1L5.18,3.693H22.938a.785.785,0,0,1,.784.832l-.013.1L21.649,15.7a.782.782,0,0,1-.67.634l-.1.006Zm.659-1.57H20.225l1.769-9.508H5.452Z" transform="translate(0.138 0.138)" fill="#3f3b3b"></path>
</svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ml-2 ml-md-4">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></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="hero-caption pt-4 pt-md-5 pb-5 px-0 px-lg-5 mb-3 mb-md-0 text-center">
<h2 class="font-weight-bold px-0 px-lg-5">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">
<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="M16.8,0l2.754,2.754L13.7,8.6,8.9,3.8,0,12.7l1.7,1.7L8.9,7.2,13.7,12l7.548-7.554L24,7.2V0Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
<span class="ml-2">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-left text-lg-right pb-2 pb-lg-5 pt-4 pt-sm-5">
<img src="assets/images/vectors/vector-19.svg" alt="Vector">
</div>
</div>
</div>
</div>
</section>
Short headline
Your awesome feature 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
Tag
<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 pr-0 pr-md-5">
<h5 class="font-weight-regular">Short headline</h5>
<h2 class="font-weight-bold mt-2 mt-md-4">Your awesome feature headline</h2>
<p class="h5 pr-0 pr-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 mt-2 mt-md-4">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
<div class="col-lg-6">
<div class="text-left text-lg-right mb-2 mb-lg-5 mt-4 mt-md-5 position-relative">
<img src="assets/images/vectors/vector-27.png" class="w-100" alt="Vector">
<div class="badge badge-primary badge-absolute badge-lg">Tag</div>
</div>
</div>
</div>
</div>
</section>
Tag
Short headline
Your awesome feature 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-section bg-white">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="text-left text-lg-right mb-4 mb-md-5 mt-2 mt-lg-5 position-relative">
<img src="assets/images/vectors/vector-26.png" alt="Vector">
<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-2 pt-md-5 pl-0 pl-xl-5">
<h5 class="font-weight-regular">Short headline</h5>
<h2 class="font-weight-bold mt-2 mt-md-4">Your awesome feature headline</h2>
<p class="h5 pr-0 pr-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 mt-2 mt-md-4">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-hero">
<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 pr-0 pr-sm-5 pt-5 pb-5">
<ul class="nav nav-tabs nav-tabs-line nav-tags-stack flex-column pr-0 pr-sm-5">
<li class="nav-item">
<a class="nav-link active" data-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 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></path>
</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-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 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></path>
</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-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 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></path>
</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-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 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></path>
</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-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 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></path>
</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-lg-6">
<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">
<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 pr-0 pr-sm-5 pt-5 pb-5">
<h3 class="font-weight-bold mb-3 mb-md-4">Your awesome feature headline here</h3>
<p class="pr-0 pr-md-5 text-dark font-weight-light">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 mt-0 mt-md-5">
<li>
<svg data-name="Icon/Gift" xmlns="http://www.w3.org/2000/svg" width="32" height="32" 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"></path>
</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 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"></path>
</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 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"></path>
</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 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"></path>
</svg>
<span>Fully responsive</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="fabrx-caption pt-4 pt-md-5">
<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-hero">
<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-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 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></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-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 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></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-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 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></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="myTabContent">
<div class="tab-pane fade show active" id="FeatureOne1" role="tabpanel">
<div class="card shadow-40">
<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 p-4 p-xl-5">
<h4 class="mb-3">Awesome Feature</h4>
<p class="h6">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 mt-0 mt-md-4">Button</a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="FeatureTwo1" role="tabpanel">
<div class="card shadow-40">
<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 p-4 p-xl-5">
<h4 class="mb-3">Awesome Feature</h4>
<p class="h6">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 mt-0 mt-md-4">Button</a>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="FeatureThree1" role="tabpanel">
<div class="card shadow-40">
<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 p-4 p-xl-5">
<h4 class="mb-3">Awesome Feature</h4>
<p class="h6">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 mt-0 mt-md-4">Button</a>
</div>
</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-lg-4">
<ul class="nav nav-tabs flex-column item-boxes">
<li class="nav-item">
<a class="nav-link active" data-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-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-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-lg-8">
<div class="tab-content text-center mt-4 mt-md-5 mt-lg-0" id="myTabContent">
<div class="tab-pane fade show active" id="FeatureOne2" role="tabpanel">
<img src="assets/images/vectors/vector-23.png" alt="Vector">
</div>
<div class="tab-pane fade" id="FeatureTwo2" role="tabpanel">
<img src="assets/images/vectors/vector-23.png" alt="Vector">
</div>
<div class="tab-pane fade" id="FeatureThree2" role="tabpanel">
<img src="assets/images/vectors/vector-23.png" alt="Vector">
</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-lg-7">
<div class="pr-0 pr-lg-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-toggle="tab" href="#Active">Active</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#Inactive1">Inactive</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#Inactive2">Inactive</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#Inactive3">Inactive</a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="Active" role="tabpanel">
<div class="hero-caption pt-4 pr-0 pr-sm-2 pr-xl-5">
<p>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="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
<div class="tab-pane fade" id="Inactive1" role="tabpanel">
<div class="hero-caption pt-4 pr-0 pr-sm-2 pr-xl-5">
<p>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="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
<div class="tab-pane fade" id="Inactive2" role="tabpanel">
<div class="hero-caption pt-4 pr-0 pr-sm-2 pr-xl-5">
<p>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="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
<div class="tab-pane fade" id="Inactive3" role="tabpanel">
<div class="hero-caption pt-4 pr-0 pr-sm-2 pr-xl-5">
<p>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="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-5">
<img src="assets/images/vectors/vector-24.png" alt="Vector">
</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-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40 text-center">
<div class="card-body p-md-5">
<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="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<h5 class="mb-2">Feature Headline</h5>
<p class="text-dark">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-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40 text-center">
<div class="card-body p-md-5">
<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="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<h5 class="mb-2">Feature Headline</h5>
<p class="text-dark">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-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40 text-center">
<div class="card-body p-md-5">
<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="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<h5 class="mb-2">Feature Headline</h5>
<p class="text-dark">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-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body p-md-5">
<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="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<h5 class="mb-2">Feature Headline</h5>
<p class="text-dark">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-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body p-md-5">
<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="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<h5 class="mb-2">Feature Headline</h5>
<p class="text-dark">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-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body p-md-5">
<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="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<h5 class="mb-2">Feature Headline</h5>
<p class="text-dark">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-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body d-flex">
<div class="float-left mr-4">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<div class="float-right">
<h6 class="font-weight-normal">Ship of the imagination star stuff harvesting star light descended from</h6>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body d-flex">
<div class="float-left mr-4">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<div class="float-right">
<h6 class="font-weight-normal">Ship of the imagination star stuff harvesting star light descended from</h6>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body d-flex">
<div class="float-left mr-4">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<div class="float-right">
<h6 class="font-weight-normal">Ship of the imagination star stuff harvesting star light descended from</h6>
</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-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body d-flex">
<div class="float-left ml-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="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<div class="float-right">
<h6 class="font-weight-normal">Ship of the imagination star stuff harvesting star light descended from</h6>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body d-flex">
<div class="float-left ml-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="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<div class="float-right">
<h6 class="font-weight-normal">Ship of the imagination star stuff harvesting star light descended from</h6>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body d-flex">
<div class="float-left ml-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="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<div class="float-right">
<h6 class="font-weight-normal">Ship of the imagination star stuff harvesting star light descended from</h6>
</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-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body d-flex">
<div class="float-left mr-4">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<div class="float-right">
<h5 class="mb-2">Feature Headline</h5>
<h6 class="font-weight-normal">Ship of the imagination star stuff harvesting star light descended from</h6>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body d-flex">
<div class="float-left mr-4">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<div class="float-right">
<h5 class="mb-2">Feature Headline</h5>
<h6 class="font-weight-normal">Ship of the imagination star stuff harvesting star light descended from</h6>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body d-flex">
<div class="float-left mr-4">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<path data-name="Icon Color" d="M15.356,38.423l2.25-1.948L22.475,41.8V23.965h2.993v18.13l4.943-4.941,2.1,2.1L23.9,47.864Zm-5.62-6.212a9.75,9.75,0,0,1-3-19.024A7.9,7.9,0,0,1,14.605,6a8.393,8.393,0,0,1,1.35.148,12.331,12.331,0,0,1,23,6.212v.376A9.752,9.752,0,0,1,38.2,32.206H31.459v-3H38.2a6.742,6.742,0,0,0,0-13.484H35.5L35.8,14a13.647,13.647,0,0,0,.148-1.647A9.363,9.363,0,0,0,26.591,3,9.5,9.5,0,0,0,18.05,8.462l-.524,1.274-1.276-.45a5.721,5.721,0,0,0-1.645-.3,4.855,4.855,0,0,0-4.869,4.867v.376l.074,1.35L8.462,15.8A6.82,6.82,0,0,0,3,22.468,6.712,6.712,0,0,0,9.736,29.21h6.743v3Z" fill="#006eff"></path>
</svg>
</div>
<div class="float-right">
<h5 class="mb-2">Feature Headline</h5>
<h6 class="font-weight-normal">Ship of the imagination star stuff harvesting star light descended from</h6>
</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-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body p-md-5">
<h5 class="mb-2">Feature Headline</h5>
<p class="text-dark 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 xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
<path data-name="Icon Color" d="M9.546,5.091H0V2.546H9.546V0L14,3.712,9.546,7.425Z" transform="translate(0 3.5)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body p-md-5">
<h5 class="mb-2">Feature Headline</h5>
<p class="text-dark 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 xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
<path data-name="Icon Color" d="M9.546,5.091H0V2.546H9.546V0L14,3.712,9.546,7.425Z" transform="translate(0 3.5)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
</div>
<div class="col-xl-4 col-md-6 my-3">
<div class="card rounded-6 shadow-40">
<div class="card-body p-md-5">
<h5 class="mb-2">Feature Headline</h5>
<p class="text-dark 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 xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14">
<path data-name="Icon Color" d="M9.546,5.091H0V2.546H9.546V0L14,3.712,9.546,7.425Z" transform="translate(0 3.5)" fill="#006eff"></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>
</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 text-center bg-white">
<div class="container">
<p class="text-center text-secondary mb-4">Happy Clients, Happy us</p>
<div class="swiper-slider-box">
<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>
</div>
</div>
</div>
</section>
0+
Daily content pieces
0
Users per day
0+
Featured articles
<section class="fabrx-section text-center 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" data-countup='{"endValue":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" data-countup='{"endValue":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" data-countup='{"endValue":12}'>0</span>+</h2>
<p>Featured articles</p>
</div>
</div>
</div>
</div>
</section>
Actions
Headline is a beatiful way to begin dreaming
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">
<div class="row g-0">
<div class="col-lg-6 bg-white py-5">
<div class="d-flex align-items-center h-100 justify-content-end py-5">
<div class="fabrx-caption pr-0 pr-md-5">
<div class="pr-0 pr-md-5">
<h3 class="font-weight-bold mb-4">Headline is a beatiful way to begin dreaming</h3>
<p class="h6 text-dark font-weight-light">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="mt-4 pt-2">
<a href="#0" class="btn btn-lg btn-primary mr-2">Button</a>
<a href="#0" class="btn btn-lg btn-link ml-0 ml-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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></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-lg-8 col-md-6">
<div class="hero-caption pr-0 pr-lg-5 text-center text-md-left">
<h3 class="font-weight-bold mb-0">Make it super awesome <br>with this headline</h3>
</div>
</div>
<div class="col-lg-4 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="24" height="24" 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="#605f5f"></path>
</g>
</svg>
</label>
<input type="text" name="Input6" placeholder="Email" class="form-control" id="Input6">
</div>
<button type="submit" class="btn btn-lg btn-primary btn-block">Signup</button>
</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-0 px-md-5">
<div class="hero-caption">
<h2 class="font-weight-bold mb-0">Sign up now</h2>
<p class="h5">Stay tuned with our latest offers and updates</p>
</div>
<form class="mt-4 px-0 px-md-5 pt-2 mx-0 mx-md-5">
<div class="form-group mb-md-3">
<label for="Input6" class="control-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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="#605f5f"></path>
</g>
</svg>
</label>
<input type="text" name="Input6" placeholder="Email" class="form-control" id="Input6">
</div>
<button type="submit" class="btn btn-lg btn-primary btn-block">Signup</button>
</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="mb-3">Make it super awesome 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-2">Never miss an update</h3>
<p class="font-size-14 text-dark">Signup to our newsletter to get a weekly digest</p>
</div>
<form class="mt-4 px-0 px-md-5">
<div class="px-0 px-md-5">
<div class="form-group">
<a href="#0" class="btn btn-primary control-icon control-icon-right">
<svg data-name="Icon/Check" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.325,18.857,0,11.532,2.182,9.351l5.143,5.143L21.818,0,24,2.182Z" transform="translate(0 3)" fill="#fff"></path>
</svg>
</a>
<input type="text" name="Input16" placeholder="Placeholder" class="form-control" id="Input16">
</div>
</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-2">Stay updated</h3>
<p class="font-size-14 text-dark">Follow us on social media for the latest news!</p>
</div>
<div class="fabrx-social">
<a href="#0">
<svg data-name="Icon/Social/OutlineFacebook" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm9.262,5.625V12.488H9V10.5h1.8V9a2.424,2.424,0,0,1,2.625-2.625A11.921,11.921,0,0,1,15,6.45v1.8H13.912c-.862,0-1.012.412-1.012.975V10.5h2.025l-.262,1.987H12.9v5.137Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineInstagram" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm8.137,6.338a4.248,4.248,0,0,1-1.612-.3,3.941,3.941,0,0,1-1.237-.825,3.116,3.116,0,0,1-.825-1.237,5.11,5.11,0,0,1-.3-1.613c-.038-.637-.038-.833-.038-2.363s0-1.724.038-2.363a4.248,4.248,0,0,1,.3-1.612,3.926,3.926,0,0,1,.825-1.237,3.123,3.123,0,0,1,1.237-.825,5.1,5.1,0,0,1,1.612-.3c.638-.038.834-.038,2.363-.038s1.725,0,2.363.038a4.256,4.256,0,0,1,1.613.3,3.945,3.945,0,0,1,1.237.825,3.135,3.135,0,0,1,.825,1.237,5.133,5.133,0,0,1,.3,1.612c.038.638.038.834.038,2.363s0,1.725-.038,2.363a4.256,4.256,0,0,1-.3,1.613,3.977,3.977,0,0,1-.825,1.237,3.135,3.135,0,0,1-1.237.825,5.124,5.124,0,0,1-1.613.3c-.637.038-.833.038-2.363.038S10.275,18.375,9.637,18.337Zm-.971-11-.041.014A2.153,2.153,0,0,0,7.387,8.588a2.907,2.907,0,0,0-.225,1.125c-.037.6-.037.791-.037,2.287v2.25a3.7,3.7,0,0,0,.211,1.083l.014.042a2.146,2.146,0,0,0,1.237,1.237,2.894,2.894,0,0,0,1.125.225c.6.038.791.038,2.287.038h2.25a3.727,3.727,0,0,0,1.078-.21l.047-.015a2.153,2.153,0,0,0,1.237-1.237,2.894,2.894,0,0,0,.225-1.125c.038-.6.038-.792.038-2.288V9.75a3.742,3.742,0,0,0-.21-1.079l-.015-.046a2.16,2.16,0,0,0-1.237-1.238,2.907,2.907,0,0,0-1.125-.225c-.6-.037-.792-.037-2.288-.037H9.75A3.746,3.746,0,0,0,8.666,7.336ZM8.7,12A3.307,3.307,0,1,1,12,15.3,3.264,3.264,0,0,1,8.7,12Zm1.5,0A1.8,1.8,0,1,0,12,10.2,1.824,1.824,0,0,0,10.2,12Zm4.274-3.188a.713.713,0,1,1,.713.712A.713.713,0,0,1,14.475,8.813Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineTwitter" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12ZM6,15.788a3.271,3.271,0,0,0,.6.037,4.844,4.844,0,0,0,3.075-1.049A2.507,2.507,0,0,1,7.387,13.05a1.815,1.815,0,0,0,.45.038,3.673,3.673,0,0,0,.638-.076,2.454,2.454,0,0,1-1.988-2.4v-.038a2.3,2.3,0,0,0,1.125.3A2.537,2.537,0,0,1,6.525,8.813a2.359,2.359,0,0,1,.338-1.238,6.923,6.923,0,0,0,5.062,2.587A2.88,2.88,0,0,1,11.85,9.6a2.472,2.472,0,0,1,2.475-2.475,2.413,2.413,0,0,1,1.762.787,4.737,4.737,0,0,0,1.575-.6,2.422,2.422,0,0,1-1.087,1.35A4.431,4.431,0,0,0,18,8.287a5.56,5.56,0,0,1-1.2,1.275v.3a6.959,6.959,0,0,1-7.013,7.013A6.887,6.887,0,0,1,6,15.788Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/Outline/Behance" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm12.937,3.825a2.285,2.285,0,0,1-.9-.637,2.34,2.34,0,0,1-.562-.975,3.248,3.248,0,0,1-.187-1.237,3.306,3.306,0,0,1,.225-1.238,2.72,2.72,0,0,1,1.537-1.613,3.121,3.121,0,0,1,1.2-.225,2.786,2.786,0,0,1,1.274.3,2.548,2.548,0,0,1,.9.788,2.985,2.985,0,0,1,.488,1.125,3.827,3.827,0,0,1,.112,1.313H14.25a1.708,1.708,0,0,0,.412,1.125,1.382,1.382,0,0,0,1.012.337,1.291,1.291,0,0,0,.825-.263.885.885,0,0,0,.412-.525H18.3a2.664,2.664,0,0,1-1.012,1.5,2.913,2.913,0,0,1-1.65.45A2.986,2.986,0,0,1,14.437,15.825Zm.488-4.537a1.169,1.169,0,0,0-.412.338.9.9,0,0,0-.225.412c-.007.031-.015.061-.023.09a1.144,1.144,0,0,0-.052.285h2.551a1.4,1.4,0,0,0-.3-.938,1.11,1.11,0,0,0-.9-.338A1.148,1.148,0,0,0,14.925,11.288Zm-9.3,4.687v-8.1H9.338a4.21,4.21,0,0,1,1.012.113,2.51,2.51,0,0,1,.787.337,2.02,2.02,0,0,1,.525.6,2.321,2.321,0,0,1,.188.937,1.7,1.7,0,0,1-.263,1.013,2.344,2.344,0,0,1-.788.675,2.1,2.1,0,0,1,1.087.751,2.443,2.443,0,0,1,.337,1.312A2.3,2.3,0,0,1,12,14.663a2.067,2.067,0,0,1-.637.75,2.472,2.472,0,0,1-.9.412,4.7,4.7,0,0,1-1.013.15ZM7.35,14.55H9.187v.037h.077a1.649,1.649,0,0,0,.41-.036.837.837,0,0,0,.412-.188.6.6,0,0,0,.263-.338,1.087,1.087,0,0,0,.113-.525,1.11,1.11,0,0,0-.338-.9,1.341,1.341,0,0,0-.9-.263H7.35Zm0-3.451H9.113v.038h0a1.176,1.176,0,0,0,.745-.224.931.931,0,0,0,.3-.75.8.8,0,0,0-.112-.45l0,0a1.022,1.022,0,0,0-.259-.3,1.116,1.116,0,0,0-.375-.149,1.819,1.819,0,0,0-.45-.038H7.35Zm6.6-1.912V8.4h3.188v.788Z" fill="#3f3b3b"></path>
</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-2">Make it super awesome with this headline</h2>
<p class="h6 font-weight-light text-dark">Billions upon billions bits of moving fluff invent the universe science rogue Rig Veda, orion's sword rich in heavy atoms</p>
<div class="mt-4">
<a href="#0" class="btn btn-xl btn-primary mb-3">Button</a>
<a href="#0" class="btn btn-xl btn-outline-primary ml-0 ml-sm-3 mb-3">Button</a>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="row g-0">
<div class="col-lg-6 py-5">
<div class="d-flex align-items-center h-100 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 justify-content-end">
<div class="hero-caption text-center py-5">
<div class="badge badge-primary badge-md">Tag</div>
<h3 class="mb-2 mb-lg-4 mt-3 font-weight-regular">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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></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">
<div class="row align-items-center">
<div class="col-lg-7">
<img src="assets/images/vectors/vector-28.png" alt="Vector">
</div>
<div class="col-lg-5">
<div class="hero-caption px-0 px-xl-5 pt-4 pt-lg-0">
<h3 class="font-weight-bold mb-2">Make it super awesome</h3>
<p class="font-size-14">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">
<img class="card-img-top" src="assets/images/placeholders/placeholder-20.jpg" alt="Card Image">
<div class="card-body">
<small class="card-subtitle mb-2 text-muted">12 hours ago</small>
<h6 class="card-title font-weight-normal"><a href="#0">Hidden universe revealed in stunning first images from German telescope</a></h6>
<div class="clearfix pt-md-3">
<div class="float-left">
<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-right">
<div class="dropdown">
<a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="Action1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M13.889,2.889a1.445,1.445,0,1,1,1.445-1.445A1.446,1.446,0,0,1,13.889,2.889Zm-6.222,0A1.445,1.445,0,1,1,9.111,1.444,1.446,1.446,0,0,1,7.667,2.889Zm-6.223,0A1.445,1.445,0,1,1,2.889,1.444,1.446,1.446,0,0,1,1.444,2.889Z" transform="translate(9.778 0.444) rotate(90)" fill="#3f3b3b"></path>
</svg>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="Action1">
<a class="dropdown-item" href="#0">Action</a>
<a class="dropdown-item" href="#0">Another action</a>
<a class="dropdown-item" href="#0">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">
<img class="card-img-top" src="assets/images/placeholders/placeholder-20.jpg" alt="Card Image">
<div class="card-body">
<small class="card-subtitle mb-2 text-muted">12 hours ago</small>
<h6 class="card-title font-weight-normal"><a href="#0">Hidden universe revealed in stunning first images from German telescope</a></h6>
<div class="clearfix pt-md-3">
<div class="float-left">
<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-right">
<div class="dropdown">
<a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="Action2">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M13.889,2.889a1.445,1.445,0,1,1,1.445-1.445A1.446,1.446,0,0,1,13.889,2.889Zm-6.222,0A1.445,1.445,0,1,1,9.111,1.444,1.446,1.446,0,0,1,7.667,2.889Zm-6.223,0A1.445,1.445,0,1,1,2.889,1.444,1.446,1.446,0,0,1,1.444,2.889Z" transform="translate(9.778 0.444) rotate(90)" fill="#3f3b3b"></path>
</svg>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="Action2">
<a class="dropdown-item" href="#0">Action</a>
<a class="dropdown-item" href="#0">Another action</a>
<a class="dropdown-item" href="#0">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">
<img class="card-img-top" src="assets/images/placeholders/placeholder-20.jpg" alt="Card Image">
<div class="card-body">
<small class="card-subtitle mb-2 text-muted">12 hours ago</small>
<h6 class="card-title font-weight-normal"><a href="#0">Hidden universe revealed in stunning first images from German telescope</a></h6>
<div class="clearfix pt-md-3">
<div class="float-left">
<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-right">
<div class="dropdown">
<a href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="Action3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M13.889,2.889a1.445,1.445,0,1,1,1.445-1.445A1.446,1.446,0,0,1,13.889,2.889Zm-6.222,0A1.445,1.445,0,1,1,9.111,1.444,1.446,1.446,0,0,1,7.667,2.889Zm-6.223,0A1.445,1.445,0,1,1,2.889,1.444,1.446,1.446,0,0,1,1.444,2.889Z" transform="translate(9.778 0.444) rotate(90)" fill="#3f3b3b"></path>
</svg>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="Action3">
<a class="dropdown-item" href="#0">Action</a>
<a class="dropdown-item" href="#0">Another action</a>
<a class="dropdown-item" href="#0">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">
<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">
<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">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40">
<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">
<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">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40">
<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">
<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">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Dark Energy Survey Evolves
Ship of the imagination star stuff harvesting star light descended from astronomers finite but unbounded realm of the galaxies.
Dark Energy Survey Evolves
Ship of the imagination star stuff harvesting star light descended from astronomers finite but unbounded realm of the galaxies.
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-lg-4 col-md-6 my-3">
<div class="card card-sm card-transparent rounded-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 Survey Evolves</h6>
<p class="mb-2">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">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></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">
<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 Survey Evolves</h6>
<p class="mb-2">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">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></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">
<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 Survey Evolves</h6>
<p class="mb-2">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">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></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">
<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">
<div class="row align-items-end g-0">
<div class="col-7">
<small class="card-subtitle text-muted">Electronics</small>
<h6 class="card-title font-weight-normal mb-0"><a href="#0">Moog Synthesizer</a></h6>
</div>
<div class="col-5">
<h5 class="font-weight-bold mb-0 text-right">$468.00</h5>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40">
<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">
<div class="row align-items-end g-0">
<div class="col-7">
<small class="card-subtitle text-muted">Electronics</small>
<h6 class="card-title font-weight-normal mb-0"><a href="#0">Moog Synthesizer</a></h6>
</div>
<div class="col-5">
<h5 class="font-weight-bold mb-0 text-right">$468.00</h5>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40">
<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">
<div class="row align-items-end g-0">
<div class="col-7">
<small class="card-subtitle text-muted">Electronics</small>
<h6 class="card-title font-weight-normal mb-0"><a href="#0">Moog Synthesizer</a></h6>
</div>
<div class="col-5">
<h5 class="font-weight-bold mb-0 text-right">$468.00</h5>
</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 card-sm card-transparent">
<a href="#0" class="badge badge-primary badge-absolute circle stack lg">
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="14.4" viewBox="0 0 23 14.4">
<path data-name="Icon Color" d="M16.1,0l2.639,2.754L13.127,8.6l-4.6-4.8L0,12.7l1.627,1.7,6.9-7.2,4.6,4.8,7.234-7.554L23,7.2V0Z" 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 xmlns="http://www.w3.org/2000/svg" width="23" height="14.4" viewBox="0 0 23 14.4">
<path data-name="Icon Color" d="M16.1,0l2.639,2.754L13.127,8.6l-4.6-4.8L0,12.7l1.627,1.7,6.9-7.2,4.6,4.8,7.234-7.554L23,7.2V0Z" 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 xmlns="http://www.w3.org/2000/svg" width="23" height="14.4" viewBox="0 0 23 14.4">
<path data-name="Icon Color" d="M16.1,0l2.639,2.754L13.127,8.6l-4.6-4.8L0,12.7l1.627,1.7,6.9-7.2,4.6,4.8,7.234-7.554L23,7.2V0Z" 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 xmlns="http://www.w3.org/2000/svg" width="16" height="9.6" viewBox="0 0 16 9.6">
<path data-name="Icon Color" d="M11.2,0l1.836,1.836-3.9,3.9-3.2-3.2L0,8.468,1.132,9.6l4.8-4.8L9.132,8l5.032-5.036L16,4.8V0Z" 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 of Mercury</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 xmlns="http://www.w3.org/2000/svg" width="16" height="9.6" viewBox="0 0 16 9.6">
<path data-name="Icon Color" d="M11.2,0l1.836,1.836-3.9,3.9-3.2-3.2L0,8.468,1.132,9.6l4.8-4.8L9.132,8l5.032-5.036L16,4.8V0Z" 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 of Mercury</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 xmlns="http://www.w3.org/2000/svg" width="16" height="9.6" viewBox="0 0 16 9.6">
<path data-name="Icon Color" d="M11.2,0l1.836,1.836-3.9,3.9-3.2-3.2L0,8.468,1.132,9.6l4.8-4.8L9.132,8l5.032-5.036L16,4.8V0Z" 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 of Mercury</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 xmlns="http://www.w3.org/2000/svg" width="16" height="9.6" viewBox="0 0 16 9.6">
<path data-name="Icon Color" d="M11.2,0l1.836,1.836-3.9,3.9-3.2-3.2L0,8.468,1.132,9.6l4.8-4.8L9.132,8l5.032-5.036L16,4.8V0Z" 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 of Mercury</a></h6>
</div>
</div>
</div>
</div>
</div>
</section>
Dark Energy Survey Evolves
Ship of the imagination star stuff harvesting star light descended from astronomers finite but unbounded realm of the galaxies.
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-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 Evolves</a></h4>
<p>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" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></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 Evolves</a></h4>
<p>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" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></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 px-0 px-lg-4">
<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 mb-0">Feature Headline</h2>
<p class="h6 text-dark font-weight-normal">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 px-0 px-lg-4">
<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 mb-0">Feature Headline</h2>
<p class="h6 text-dark font-weight-normal">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 align-items-start">
<h4 class="card-title font-weight-normal mb-md-3">Moog Grandmother Semi Modular Analog Synthesizer</h4>
<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>
<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 align-items-start">
<h4 class="card-title font-weight-normal mb-md-3">Moog Grandmother Semi Modular Analog Synthesizer</h4>
<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>
<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">
<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="d-flex flex-wrap pb-2">
<div class="form-check form-check-rounded form-check-lg form-check-inline radio-has-check control-has-info-dark">
<input type="radio" id="Option5" name="RadioGroup1" class="form-check-input">
<label class="form-check-label" for="Option5"> </label>
</div>
<div class="form-check form-check-rounded form-check-lg form-check-inline radio-has-check control-has-primary">
<input type="radio" id="Option6" name="RadioGroup1" class="form-check-input">
<label class="form-check-label" for="Option6"> </label>
</div>
<div class="form-check form-check-rounded form-check-lg form-check-inline radio-has-check control-has-success">
<input type="radio" id="Option7" name="RadioGroup1" class="form-check-input">
<label class="form-check-label" for="Option7"> </label>
</div>
<div class="form-check form-check-rounded form-check-lg form-check-inline radio-has-check control-has-warning">
<input type="radio" id="Option8" name="RadioGroup1" class="form-check-input">
<label class="form-check-label" for="Option8"> </label>
</div>
</div>
<h6 class="card-title mb-2">Moog Synthesizer</h6>
<h6 class="mb-0">$249.00</h6>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40">
<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="d-flex flex-wrap pb-2">
<div class="form-check form-check-rounded form-check-lg form-check-inline radio-has-check control-has-info-dark">
<input type="radio" id="Option51" name="RadioGroup12" class="form-check-input">
<label class="form-check-label" for="Option51"> </label>
</div>
<div class="form-check form-check-rounded form-check-lg form-check-inline radio-has-check control-has-primary">
<input type="radio" id="Option61" name="RadioGroup12" class="form-check-input">
<label class="form-check-label" for="Option61"> </label>
</div>
<div class="form-check form-check-rounded form-check-lg form-check-inline radio-has-check control-has-success">
<input type="radio" id="Option71" name="RadioGroup12" class="form-check-input">
<label class="form-check-label" for="Option71"> </label>
</div>
<div class="form-check form-check-rounded form-check-lg form-check-inline radio-has-check control-has-warning">
<input type="radio" id="Option81" name="RadioGroup12" class="form-check-input">
<label class="form-check-label" for="Option81"> </label>
</div>
</div>
<h6 class="card-title mb-2">Moog Synthesizer</h6>
<h6 class="mb-0">$249.00</h6>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40">
<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="d-flex flex-wrap pb-2">
<div class="form-check form-check-rounded form-check-lg form-check-inline radio-has-check control-has-info-dark">
<input type="radio" id="Option52" name="RadioGroup13" class="form-check-input">
<label class="form-check-label" for="Option52"> </label>
</div>
<div class="form-check form-check-rounded form-check-lg form-check-inline radio-has-check control-has-primary">
<input type="radio" id="Option62" name="RadioGroup13" class="form-check-input">
<label class="form-check-label" for="Option62"> </label>
</div>
<div class="form-check form-check-rounded form-check-lg form-check-inline radio-has-check control-has-success">
<input type="radio" id="Option72" name="RadioGroup13" class="form-check-input">
<label class="form-check-label" for="Option72"> </label>
</div>
<div class="form-check form-check-rounded form-check-lg form-check-inline radio-has-check control-has-warning">
<input type="radio" id="Option82" name="RadioGroup13" class="form-check-input">
<label class="form-check-label" for="Option82"> </label>
</div>
</div>
<h6 class="card-title mb-2">Moog Synthesizer</h6>
<h6 class="mb-0">$249.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">
<a href="#0" class="badge badge-primary badge-absolute circle">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M16,4.075a4.157,4.157,0,0,0-8-1.5A4.144,4.144,0,0,0,4.15,0,4.108,4.108,0,0,0,0,4.075v.3C0,8.575,8.3,14,8.3,14S16,8.575,16,4.375Z" transform="translate(0 1.333)" fill="#fff"></path>
</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-secondary">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 xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M16,4.075a4.157,4.157,0,0,0-8-1.5A4.144,4.144,0,0,0,4.15,0,4.108,4.108,0,0,0,0,4.075v.3C0,8.575,8.3,14,8.3,14S16,8.575,16,4.375Z" transform="translate(0 1.333)" fill="#fff"></path>
</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-secondary">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 xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path data-name="Icon Color" d="M16,4.075a4.157,4.157,0,0,0-8-1.5A4.144,4.144,0,0,0,4.15,0,4.108,4.108,0,0,0,0,4.075v.3C0,8.575,8.3,14,8.3,14S16,8.575,16,4.375Z" transform="translate(0 1.333)" fill="#fff"></path>
</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-secondary">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">
<img class="card-img-top" src="assets/images/placeholders/placeholder-30.jpg" alt="Card Image">
<div class="card-body">
<h6 class="card-title">An Awesome Product</h6>
<a href="#0" class="btn btn-primary">Button</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40">
<img class="card-img-top" src="assets/images/placeholders/placeholder-30.jpg" alt="Card Image">
<div class="card-body">
<h6 class="card-title">An Awesome Product</h6>
<a href="#0" class="btn btn-primary">Button</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40">
<img class="card-img-top" src="assets/images/placeholders/placeholder-30.jpg" alt="Card Image">
<div class="card-body">
<h6 class="card-title">An Awesome Product</h6>
<a href="#0" class="btn btn-primary">Button</a>
</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">
<div class="badge badge-primary badge-lg">Tag</div>
<h3 class="card-title mt-2 font-weight-regular"><a href="#0">Dark Energy Survey Evolves</a></h3>
<p class="text-dark h6 font-weight-light">Ship of the imagination star stuff harvesting star light descended from astronomers <br>finite but unbounded realm of the galaxies.</p>
<div class="clearfix mt-3">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Pricing
Pricing plans
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 bg-white">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h2>Pricing plans</h2>
<div class="d-inline-block my-3">
<ul class="nav nav-tabs nav-tabs-lg nav-tabs-rounded p-0">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#Monthly">Monthly</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#Yearly">Yearly</a>
</li>
</ul>
</div>
</div>
</div>
<div class="tab-content mt-3 mb-2">
<div class="tab-pane fade active show" id="Monthly" role="tabpanel">
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40">
<div class="card-body p-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 ml-2">/mo</span></div>
<ul class="fabrx-checks 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-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-40 bg-shade-100">
<div class="card-body p-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 ml-2">/mo</span></div>
<ul class="fabrx-checks 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-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-40">
<div class="card-body p-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 ml-2">/mo</span></div>
<ul class="fabrx-checks 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-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-40">
<div class="card-body p-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 ml-2">/mo</span></div>
<ul class="fabrx-checks 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-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-40 bg-shade-100">
<div class="card-body p-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 ml-2">/mo</span></div>
<ul class="fabrx-checks 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-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-40">
<div class="card-body p-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 ml-2">/mo</span></div>
<ul class="fabrx-checks 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-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 plans
Find your perfect hosting plan
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 bg-white">
<div class="container">
<div class="row">
<div class="col-md-12 text-center mb-4">
<h2 class="mb-0">Pricing plans</h2>
<p>Find your perfect hosting plan</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card shadow-40">
<div class="card-body p-5">
<div class="plan-heading">
<h5 class="mb-0">Free</h5>
<div class="plan-price"><span class="h5 text-primary font-weight-bold">$0</span> /month</div>
</div>
<ul class="fabrx-checks mt-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-40 bg-shade-100">
<div class="card-body p-5">
<div class="plan-heading">
<h5 class="mb-0">Free</h5>
<div class="plan-price"><span class="h5 text-primary font-weight-bold">$0</span> /month</div>
</div>
<ul class="fabrx-checks mt-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-40">
<div class="card-body p-5">
<div class="plan-heading">
<h5 class="mb-0">Free</h5>
<div class="plan-price"><span class="h5 text-primary font-weight-bold">$0</span> /month</div>
</div>
<ul class="fabrx-checks mt-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 bg-white">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-4 mb-4 mb-md-0">
<div class="pt-0 pt-md-5 pr-0 pr-lg-5 mt-5">
<h3 class="font-weight-bold">Customized <br>Pricing Plans</h3>
<ul class="fabrx-lines text-left 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-lg-3 col-md-4 mb-4 mb-md-0">
<div class="card rounded-0 border-left">
<div class="card-body px-4 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>$</sup>10</span> <span class="h6 ml-2">/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 24 24">
<path data-name="Icon Color" d="M7.325,18.857,0,11.532,2.182,9.351l5.143,5.143L21.818,0,24,2.182Z" transform="translate(0 3)" fill="#3f3b3b"></path>
</svg>
</li>
<li>
<svg data-name="Icon/Check" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.325,18.857,0,11.532,2.182,9.351l5.143,5.143L21.818,0,24,2.182Z" transform="translate(0 3)" fill="#3f3b3b"></path>
</svg>
</li>
<li>
<svg data-name="Icon/Check" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.325,18.857,0,11.532,2.182,9.351l5.143,5.143L21.818,0,24,2.182Z" transform="translate(0 3)" fill="#3f3b3b"></path>
</svg>
</li>
<li>Feature</li>
<li>Feature</li>
</ul>
<div class="pb-5"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 mb-4 mb-md-0">
<div class="card rounded-0 border-left">
<div class="card-body px-4 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>$</sup>20</span> <span class="h6 ml-2">/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 24 24">
<path data-name="Icon Color" d="M7.325,18.857,0,11.532,2.182,9.351l5.143,5.143L21.818,0,24,2.182Z" transform="translate(0 3)" fill="#3f3b3b"></path>
</svg>
</li>
<li>
<svg data-name="Icon/Check" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.325,18.857,0,11.532,2.182,9.351l5.143,5.143L21.818,0,24,2.182Z" transform="translate(0 3)" fill="#3f3b3b"></path>
</svg>
</li>
<li>
<svg data-name="Icon/Check" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.325,18.857,0,11.532,2.182,9.351l5.143,5.143L21.818,0,24,2.182Z" transform="translate(0 3)" fill="#3f3b3b"></path>
</svg>
</li>
<li>Feature</li>
<li>Feature</li>
</ul>
<div class="pb-5"><a href="#0" class="btn btn-lg btn-primary">Subscribe</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-md-12 text-center mb-3">
<h2>Pricing plans</h2>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 my-3 offset-lg-2">
<div class="card shadow-20">
<div class="card-body p-0">
<div class="plan-heading p-5 bg-light border-bottom rounded-top">
<div class="text-center">
<svg data-name="Icon/Gift" xmlns="http://www.w3.org/2000/svg" width="36" height="33" 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"></path>
</svg>
<span class="d-block font-size-14 pt-1">Starter</span>
</div>
<div class="plan-price"><span class="h3 font-weight-bold">$0</span> <span class="h6">/mo</span></div>
</div>
<ul class="fabrx-checks py-4 px-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-20">
<div class="card-body p-0">
<div class="plan-heading p-5 bg-light border-bottom rounded-top">
<div class="text-center">
<svg data-name="Icon/Gift" xmlns="http://www.w3.org/2000/svg" width="36" height="33" 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"></path>
</svg>
<span class="d-block font-size-14 pt-1">Starter</span>
</div>
<div class="plan-price"><span class="h3 font-weight-bold">$20</span> <span class="h6">/mo</span></div>
</div>
<ul class="fabrx-checks py-4 px-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 plans
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 bg-white">
<div class="container">
<div class="row">
<div class="col-12 mb-5">
<h2>Pricing plans</h2>
</div>
</div>
</div>
<hr class="m-0">
<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-xl-3 col-md-4">
<div class="has-vertical-line py-4">
<h6 class="mb-2 mb-md-4 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-xl-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">
<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">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
</div>
</div>
</div>
<div class="col-xl-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 class="bg-shade-100">
<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-xl-3 col-md-4">
<div class="has-vertical-line py-4">
<h6 class="mb-2 mb-md-4 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-xl-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">
<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">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
</div>
</div>
</div>
<div class="col-xl-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="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-xl-3 col-md-4">
<div class="has-vertical-line py-4">
<h6 class="mb-2 mb-md-4 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-xl-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">
<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">
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
<li>Single domain</li>
</ul>
</div>
</div>
</div>
<div class="col-xl-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>
</section>
Pricing plans
Team License
The carbon in our apple pies with pretty stories for which there's little good evidence
$10Team License
The carbon in our apple pies with pretty stories for which there's little good evidence
$25Team License
The carbon in our apple pies with pretty stories for which there's little good evidence
$48
<section class="fabrx-section bg-white">
<div class="container">
<div class="row">
<div class="col-md-12 text-center mb-4">
<h2>Pricing plans</h2>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 my-3">
<div class="card rounded-12 shadow-40">
<div class="card-body p-5 text-center">
<h5 class="mb-4">Team License</h5>
<p>The carbon in our apple pies with pretty stories for which there's little good evidence </p>
<span class="h2 d-block pt-2 font-weight-bold">$10</span>
<div class="pt-1"><a href="#0" class="btn btn-xl btn-block 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-100">
<div class="card-body p-5 text-center">
<h5 class="mb-4">Team License</h5>
<p>The carbon in our apple pies with pretty stories for which there's little good evidence </p>
<span class="h2 d-block pt-2 font-weight-bold">$25</span>
<div class="pt-1"><a href="#0" class="btn btn-xl btn-block 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">
<div class="card-body p-5 text-center">
<h5 class="mb-4">Team License</h5>
<p>The carbon in our apple pies with pretty stories for which there's little good evidence </p>
<span class="h2 d-block pt-2 font-weight-bold">$48</span>
<div class="pt-1"><a href="#0" class="btn btn-xl btn-block btn-primary">Subscribe</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
Galleries
<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="M20.25,24a3.761,3.761,0,0,1-3.75-3.75,4.131,4.131,0,0,1,.023-.445,2.06,2.06,0,0,1,.095-.422L6.68,14.32A3.784,3.784,0,0,1,5.4,15.363a3.613,3.613,0,0,1-1.652.387,3.627,3.627,0,0,1-2.649-1.1,3.734,3.734,0,0,1,0-5.3A3.627,3.627,0,0,1,3.75,8.25,3.648,3.648,0,0,1,6.516,9.492l10.077-4.9c-.031-.142-.054-.285-.07-.422A3.9,3.9,0,0,1,16.5,3.75,3.627,3.627,0,0,1,17.6,1.1a3.735,3.735,0,0,1,5.3,0A3.627,3.627,0,0,1,24,3.75,3.626,3.626,0,0,1,22.9,6.4a3.734,3.734,0,0,1-4.371.68,3.877,3.877,0,0,1-1.3-1.125L7.289,10.781a4.68,4.68,0,0,1,.152.586A3.322,3.322,0,0,1,7.5,12a3.577,3.577,0,0,1-.035.5,3.265,3.265,0,0,1-.105.481l9.891,5.039a3.534,3.534,0,0,1,1.277-1.113,3.681,3.681,0,0,1,1.723-.41A3.746,3.746,0,0,1,22.9,22.9,3.627,3.627,0,0,1,20.25,24Zm0-6a2.24,2.24,0,1,0,1.594.656A2.179,2.179,0,0,0,20.25,18ZM3.75,9.75a2.254,2.254,0,0,0-1.594,3.844,2.179,2.179,0,0,0,1.594.656,2.178,2.178,0,0,0,1.593-.656,2.262,2.262,0,0,0,0-3.188A2.178,2.178,0,0,0,3.75,9.75ZM20.25,1.5A2.24,2.24,0,0,0,18,3.75a2.178,2.178,0,0,0,.656,1.593,2.262,2.262,0,0,0,3.188,0A2.178,2.178,0,0,0,22.5,3.75,2.24,2.24,0,0,0,20.25,1.5Z" fill="#3f3b3b"/>
</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="M4.875,24a5.066,5.066,0,0,1-1.841-.352,4.489,4.489,0,0,1-1.6-1.078A4.485,4.485,0,0,1,.352,20.965,5.038,5.038,0,0,1,0,19.125,4.945,4.945,0,0,1,.352,17.3,4.738,4.738,0,0,1,1.43,15.68l2.953-3.047a4.8,4.8,0,0,1,1.606-1.066,4.891,4.891,0,0,1,1.84-.364,4.758,4.758,0,0,1,1.055.117,4.851,4.851,0,0,1,1.008.352L8.718,12.844a2.7,2.7,0,0,0-.433-.105,2.947,2.947,0,0,0-.457-.035,3.38,3.38,0,0,0-2.39.984L2.314,16.936A3.183,3.183,0,0,0,1.5,19.125a3.268,3.268,0,0,0,.984,2.39,3.68,3.68,0,0,0,1.1.727,3.357,3.357,0,0,0,2.579,0,3.679,3.679,0,0,0,1.1-.727l3.023-2.929a3.157,3.157,0,0,0,.844-1.418,3.3,3.3,0,0,0,.023-1.606l1.2-1.172a4.922,4.922,0,0,1,.328,2.753,4.471,4.471,0,0,1-1.337,2.5L8.115,22.77a4.429,4.429,0,0,1-1.4.878A5.056,5.056,0,0,1,4.875,24Zm2.578-6.61a.734.734,0,0,1-.281-.059.6.6,0,0,1-.235-.176l-.084-.087a.658.658,0,0,1-.15-.427.744.744,0,0,1,.234-.539l9.07-9.141a.738.738,0,0,1,1.078,0,.7.7,0,0,1,.212.516.781.781,0,0,1-.212.539l-9.094,9.14a.813.813,0,0,1-.257.176A.736.736,0,0,1,7.453,17.391ZM16.1,12.774a6.349,6.349,0,0,1-.938-.07,3.858,3.858,0,0,1-.914-.258l1.2-1.2a2.388,2.388,0,0,0,.328.023H16.1a3.374,3.374,0,0,0,1.3-.257,3.337,3.337,0,0,0,1.09-.727l3.023-3.046A3.193,3.193,0,0,0,22.5,4.875a3.273,3.273,0,0,0-.985-2.391,3.656,3.656,0,0,0-1.1-.726,3.355,3.355,0,0,0-2.578,0,3.656,3.656,0,0,0-1.1.726l-3.024,2.93A3.175,3.175,0,0,0,12.832,7a3.5,3.5,0,0,0,.058,1.77L11.719,9.938A4.881,4.881,0,0,1,11.3,7.031,4.707,4.707,0,0,1,12.656,4.36L15.68,1.43A4.485,4.485,0,0,1,17.285.352a4.984,4.984,0,0,1,3.679,0A4.485,4.485,0,0,1,22.57,1.43a4.489,4.489,0,0,1,1.078,1.6A5.066,5.066,0,0,1,24,4.875,4.97,4.97,0,0,1,23.648,6.7,4.75,4.75,0,0,1,22.57,8.321l-3.023,3.023a4.8,4.8,0,0,1-1.606,1.067A4.914,4.914,0,0,1,16.1,12.774Z" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<h4 class="card-title font-weight-regular text-white mb-0 mb-lg-3">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="M20.25,24a3.761,3.761,0,0,1-3.75-3.75,4.131,4.131,0,0,1,.023-.445,2.06,2.06,0,0,1,.095-.422L6.68,14.32A3.784,3.784,0,0,1,5.4,15.363a3.613,3.613,0,0,1-1.652.387,3.627,3.627,0,0,1-2.649-1.1,3.734,3.734,0,0,1,0-5.3A3.627,3.627,0,0,1,3.75,8.25,3.648,3.648,0,0,1,6.516,9.492l10.077-4.9c-.031-.142-.054-.285-.07-.422A3.9,3.9,0,0,1,16.5,3.75,3.627,3.627,0,0,1,17.6,1.1a3.735,3.735,0,0,1,5.3,0A3.627,3.627,0,0,1,24,3.75,3.626,3.626,0,0,1,22.9,6.4a3.734,3.734,0,0,1-4.371.68,3.877,3.877,0,0,1-1.3-1.125L7.289,10.781a4.68,4.68,0,0,1,.152.586A3.322,3.322,0,0,1,7.5,12a3.577,3.577,0,0,1-.035.5,3.265,3.265,0,0,1-.105.481l9.891,5.039a3.534,3.534,0,0,1,1.277-1.113,3.681,3.681,0,0,1,1.723-.41A3.746,3.746,0,0,1,22.9,22.9,3.627,3.627,0,0,1,20.25,24Zm0-6a2.24,2.24,0,1,0,1.594.656A2.179,2.179,0,0,0,20.25,18ZM3.75,9.75a2.254,2.254,0,0,0-1.594,3.844,2.179,2.179,0,0,0,1.594.656,2.178,2.178,0,0,0,1.593-.656,2.262,2.262,0,0,0,0-3.188A2.178,2.178,0,0,0,3.75,9.75ZM20.25,1.5A2.24,2.24,0,0,0,18,3.75a2.178,2.178,0,0,0,.656,1.593,2.262,2.262,0,0,0,3.188,0A2.178,2.178,0,0,0,22.5,3.75,2.24,2.24,0,0,0,20.25,1.5Z" fill="#3f3b3b"/>
</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="M4.875,24a5.066,5.066,0,0,1-1.841-.352,4.489,4.489,0,0,1-1.6-1.078A4.485,4.485,0,0,1,.352,20.965,5.038,5.038,0,0,1,0,19.125,4.945,4.945,0,0,1,.352,17.3,4.738,4.738,0,0,1,1.43,15.68l2.953-3.047a4.8,4.8,0,0,1,1.606-1.066,4.891,4.891,0,0,1,1.84-.364,4.758,4.758,0,0,1,1.055.117,4.851,4.851,0,0,1,1.008.352L8.718,12.844a2.7,2.7,0,0,0-.433-.105,2.947,2.947,0,0,0-.457-.035,3.38,3.38,0,0,0-2.39.984L2.314,16.936A3.183,3.183,0,0,0,1.5,19.125a3.268,3.268,0,0,0,.984,2.39,3.68,3.68,0,0,0,1.1.727,3.357,3.357,0,0,0,2.579,0,3.679,3.679,0,0,0,1.1-.727l3.023-2.929a3.157,3.157,0,0,0,.844-1.418,3.3,3.3,0,0,0,.023-1.606l1.2-1.172a4.922,4.922,0,0,1,.328,2.753,4.471,4.471,0,0,1-1.337,2.5L8.115,22.77a4.429,4.429,0,0,1-1.4.878A5.056,5.056,0,0,1,4.875,24Zm2.578-6.61a.734.734,0,0,1-.281-.059.6.6,0,0,1-.235-.176l-.084-.087a.658.658,0,0,1-.15-.427.744.744,0,0,1,.234-.539l9.07-9.141a.738.738,0,0,1,1.078,0,.7.7,0,0,1,.212.516.781.781,0,0,1-.212.539l-9.094,9.14a.813.813,0,0,1-.257.176A.736.736,0,0,1,7.453,17.391ZM16.1,12.774a6.349,6.349,0,0,1-.938-.07,3.858,3.858,0,0,1-.914-.258l1.2-1.2a2.388,2.388,0,0,0,.328.023H16.1a3.374,3.374,0,0,0,1.3-.257,3.337,3.337,0,0,0,1.09-.727l3.023-3.046A3.193,3.193,0,0,0,22.5,4.875a3.273,3.273,0,0,0-.985-2.391,3.656,3.656,0,0,0-1.1-.726,3.355,3.355,0,0,0-2.578,0,3.656,3.656,0,0,0-1.1.726l-3.024,2.93A3.175,3.175,0,0,0,12.832,7a3.5,3.5,0,0,0,.058,1.77L11.719,9.938A4.881,4.881,0,0,1,11.3,7.031,4.707,4.707,0,0,1,12.656,4.36L15.68,1.43A4.485,4.485,0,0,1,17.285.352a4.984,4.984,0,0,1,3.679,0A4.485,4.485,0,0,1,22.57,1.43a4.489,4.489,0,0,1,1.078,1.6A5.066,5.066,0,0,1,24,4.875,4.97,4.97,0,0,1,23.648,6.7,4.75,4.75,0,0,1,22.57,8.321l-3.023,3.023a4.8,4.8,0,0,1-1.606,1.067A4.914,4.914,0,0,1,16.1,12.774Z" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<h4 class="card-title font-weight-regular text-white mb-0 mb-lg-3">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="M20.25,24a3.761,3.761,0,0,1-3.75-3.75,4.131,4.131,0,0,1,.023-.445,2.06,2.06,0,0,1,.095-.422L6.68,14.32A3.784,3.784,0,0,1,5.4,15.363a3.613,3.613,0,0,1-1.652.387,3.627,3.627,0,0,1-2.649-1.1,3.734,3.734,0,0,1,0-5.3A3.627,3.627,0,0,1,3.75,8.25,3.648,3.648,0,0,1,6.516,9.492l10.077-4.9c-.031-.142-.054-.285-.07-.422A3.9,3.9,0,0,1,16.5,3.75,3.627,3.627,0,0,1,17.6,1.1a3.735,3.735,0,0,1,5.3,0A3.627,3.627,0,0,1,24,3.75,3.626,3.626,0,0,1,22.9,6.4a3.734,3.734,0,0,1-4.371.68,3.877,3.877,0,0,1-1.3-1.125L7.289,10.781a4.68,4.68,0,0,1,.152.586A3.322,3.322,0,0,1,7.5,12a3.577,3.577,0,0,1-.035.5,3.265,3.265,0,0,1-.105.481l9.891,5.039a3.534,3.534,0,0,1,1.277-1.113,3.681,3.681,0,0,1,1.723-.41A3.746,3.746,0,0,1,22.9,22.9,3.627,3.627,0,0,1,20.25,24Zm0-6a2.24,2.24,0,1,0,1.594.656A2.179,2.179,0,0,0,20.25,18ZM3.75,9.75a2.254,2.254,0,0,0-1.594,3.844,2.179,2.179,0,0,0,1.594.656,2.178,2.178,0,0,0,1.593-.656,2.262,2.262,0,0,0,0-3.188A2.178,2.178,0,0,0,3.75,9.75ZM20.25,1.5A2.24,2.24,0,0,0,18,3.75a2.178,2.178,0,0,0,.656,1.593,2.262,2.262,0,0,0,3.188,0A2.178,2.178,0,0,0,22.5,3.75,2.24,2.24,0,0,0,20.25,1.5Z" fill="#3f3b3b"/>
</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="M4.875,24a5.066,5.066,0,0,1-1.841-.352,4.489,4.489,0,0,1-1.6-1.078A4.485,4.485,0,0,1,.352,20.965,5.038,5.038,0,0,1,0,19.125,4.945,4.945,0,0,1,.352,17.3,4.738,4.738,0,0,1,1.43,15.68l2.953-3.047a4.8,4.8,0,0,1,1.606-1.066,4.891,4.891,0,0,1,1.84-.364,4.758,4.758,0,0,1,1.055.117,4.851,4.851,0,0,1,1.008.352L8.718,12.844a2.7,2.7,0,0,0-.433-.105,2.947,2.947,0,0,0-.457-.035,3.38,3.38,0,0,0-2.39.984L2.314,16.936A3.183,3.183,0,0,0,1.5,19.125a3.268,3.268,0,0,0,.984,2.39,3.68,3.68,0,0,0,1.1.727,3.357,3.357,0,0,0,2.579,0,3.679,3.679,0,0,0,1.1-.727l3.023-2.929a3.157,3.157,0,0,0,.844-1.418,3.3,3.3,0,0,0,.023-1.606l1.2-1.172a4.922,4.922,0,0,1,.328,2.753,4.471,4.471,0,0,1-1.337,2.5L8.115,22.77a4.429,4.429,0,0,1-1.4.878A5.056,5.056,0,0,1,4.875,24Zm2.578-6.61a.734.734,0,0,1-.281-.059.6.6,0,0,1-.235-.176l-.084-.087a.658.658,0,0,1-.15-.427.744.744,0,0,1,.234-.539l9.07-9.141a.738.738,0,0,1,1.078,0,.7.7,0,0,1,.212.516.781.781,0,0,1-.212.539l-9.094,9.14a.813.813,0,0,1-.257.176A.736.736,0,0,1,7.453,17.391ZM16.1,12.774a6.349,6.349,0,0,1-.938-.07,3.858,3.858,0,0,1-.914-.258l1.2-1.2a2.388,2.388,0,0,0,.328.023H16.1a3.374,3.374,0,0,0,1.3-.257,3.337,3.337,0,0,0,1.09-.727l3.023-3.046A3.193,3.193,0,0,0,22.5,4.875a3.273,3.273,0,0,0-.985-2.391,3.656,3.656,0,0,0-1.1-.726,3.355,3.355,0,0,0-2.578,0,3.656,3.656,0,0,0-1.1.726l-3.024,2.93A3.175,3.175,0,0,0,12.832,7a3.5,3.5,0,0,0,.058,1.77L11.719,9.938A4.881,4.881,0,0,1,11.3,7.031,4.707,4.707,0,0,1,12.656,4.36L15.68,1.43A4.485,4.485,0,0,1,17.285.352a4.984,4.984,0,0,1,3.679,0A4.485,4.485,0,0,1,22.57,1.43a4.489,4.489,0,0,1,1.078,1.6A5.066,5.066,0,0,1,24,4.875,4.97,4.97,0,0,1,23.648,6.7,4.75,4.75,0,0,1,22.57,8.321l-3.023,3.023a4.8,4.8,0,0,1-1.606,1.067A4.914,4.914,0,0,1,16.1,12.774Z" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<h4 class="card-title font-weight-regular text-white mb-0 mb-lg-3">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="M20.25,24a3.761,3.761,0,0,1-3.75-3.75,4.131,4.131,0,0,1,.023-.445,2.06,2.06,0,0,1,.095-.422L6.68,14.32A3.784,3.784,0,0,1,5.4,15.363a3.613,3.613,0,0,1-1.652.387,3.627,3.627,0,0,1-2.649-1.1,3.734,3.734,0,0,1,0-5.3A3.627,3.627,0,0,1,3.75,8.25,3.648,3.648,0,0,1,6.516,9.492l10.077-4.9c-.031-.142-.054-.285-.07-.422A3.9,3.9,0,0,1,16.5,3.75,3.627,3.627,0,0,1,17.6,1.1a3.735,3.735,0,0,1,5.3,0A3.627,3.627,0,0,1,24,3.75,3.626,3.626,0,0,1,22.9,6.4a3.734,3.734,0,0,1-4.371.68,3.877,3.877,0,0,1-1.3-1.125L7.289,10.781a4.68,4.68,0,0,1,.152.586A3.322,3.322,0,0,1,7.5,12a3.577,3.577,0,0,1-.035.5,3.265,3.265,0,0,1-.105.481l9.891,5.039a3.534,3.534,0,0,1,1.277-1.113,3.681,3.681,0,0,1,1.723-.41A3.746,3.746,0,0,1,22.9,22.9,3.627,3.627,0,0,1,20.25,24Zm0-6a2.24,2.24,0,1,0,1.594.656A2.179,2.179,0,0,0,20.25,18ZM3.75,9.75a2.254,2.254,0,0,0-1.594,3.844,2.179,2.179,0,0,0,1.594.656,2.178,2.178,0,0,0,1.593-.656,2.262,2.262,0,0,0,0-3.188A2.178,2.178,0,0,0,3.75,9.75ZM20.25,1.5A2.24,2.24,0,0,0,18,3.75a2.178,2.178,0,0,0,.656,1.593,2.262,2.262,0,0,0,3.188,0A2.178,2.178,0,0,0,22.5,3.75,2.24,2.24,0,0,0,20.25,1.5Z" fill="#3f3b3b"/>
</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="M4.875,24a5.066,5.066,0,0,1-1.841-.352,4.489,4.489,0,0,1-1.6-1.078A4.485,4.485,0,0,1,.352,20.965,5.038,5.038,0,0,1,0,19.125,4.945,4.945,0,0,1,.352,17.3,4.738,4.738,0,0,1,1.43,15.68l2.953-3.047a4.8,4.8,0,0,1,1.606-1.066,4.891,4.891,0,0,1,1.84-.364,4.758,4.758,0,0,1,1.055.117,4.851,4.851,0,0,1,1.008.352L8.718,12.844a2.7,2.7,0,0,0-.433-.105,2.947,2.947,0,0,0-.457-.035,3.38,3.38,0,0,0-2.39.984L2.314,16.936A3.183,3.183,0,0,0,1.5,19.125a3.268,3.268,0,0,0,.984,2.39,3.68,3.68,0,0,0,1.1.727,3.357,3.357,0,0,0,2.579,0,3.679,3.679,0,0,0,1.1-.727l3.023-2.929a3.157,3.157,0,0,0,.844-1.418,3.3,3.3,0,0,0,.023-1.606l1.2-1.172a4.922,4.922,0,0,1,.328,2.753,4.471,4.471,0,0,1-1.337,2.5L8.115,22.77a4.429,4.429,0,0,1-1.4.878A5.056,5.056,0,0,1,4.875,24Zm2.578-6.61a.734.734,0,0,1-.281-.059.6.6,0,0,1-.235-.176l-.084-.087a.658.658,0,0,1-.15-.427.744.744,0,0,1,.234-.539l9.07-9.141a.738.738,0,0,1,1.078,0,.7.7,0,0,1,.212.516.781.781,0,0,1-.212.539l-9.094,9.14a.813.813,0,0,1-.257.176A.736.736,0,0,1,7.453,17.391ZM16.1,12.774a6.349,6.349,0,0,1-.938-.07,3.858,3.858,0,0,1-.914-.258l1.2-1.2a2.388,2.388,0,0,0,.328.023H16.1a3.374,3.374,0,0,0,1.3-.257,3.337,3.337,0,0,0,1.09-.727l3.023-3.046A3.193,3.193,0,0,0,22.5,4.875a3.273,3.273,0,0,0-.985-2.391,3.656,3.656,0,0,0-1.1-.726,3.355,3.355,0,0,0-2.578,0,3.656,3.656,0,0,0-1.1.726l-3.024,2.93A3.175,3.175,0,0,0,12.832,7a3.5,3.5,0,0,0,.058,1.77L11.719,9.938A4.881,4.881,0,0,1,11.3,7.031,4.707,4.707,0,0,1,12.656,4.36L15.68,1.43A4.485,4.485,0,0,1,17.285.352a4.984,4.984,0,0,1,3.679,0A4.485,4.485,0,0,1,22.57,1.43a4.489,4.489,0,0,1,1.078,1.6A5.066,5.066,0,0,1,24,4.875,4.97,4.97,0,0,1,23.648,6.7,4.75,4.75,0,0,1,22.57,8.321l-3.023,3.023a4.8,4.8,0,0,1-1.606,1.067A4.914,4.914,0,0,1,16.1,12.774Z" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<h4 class="card-title font-weight-regular text-white mb-0 mb-lg-3">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="M20.25,24a3.761,3.761,0,0,1-3.75-3.75,4.131,4.131,0,0,1,.023-.445,2.06,2.06,0,0,1,.095-.422L6.68,14.32A3.784,3.784,0,0,1,5.4,15.363a3.613,3.613,0,0,1-1.652.387,3.627,3.627,0,0,1-2.649-1.1,3.734,3.734,0,0,1,0-5.3A3.627,3.627,0,0,1,3.75,8.25,3.648,3.648,0,0,1,6.516,9.492l10.077-4.9c-.031-.142-.054-.285-.07-.422A3.9,3.9,0,0,1,16.5,3.75,3.627,3.627,0,0,1,17.6,1.1a3.735,3.735,0,0,1,5.3,0A3.627,3.627,0,0,1,24,3.75,3.626,3.626,0,0,1,22.9,6.4a3.734,3.734,0,0,1-4.371.68,3.877,3.877,0,0,1-1.3-1.125L7.289,10.781a4.68,4.68,0,0,1,.152.586A3.322,3.322,0,0,1,7.5,12a3.577,3.577,0,0,1-.035.5,3.265,3.265,0,0,1-.105.481l9.891,5.039a3.534,3.534,0,0,1,1.277-1.113,3.681,3.681,0,0,1,1.723-.41A3.746,3.746,0,0,1,22.9,22.9,3.627,3.627,0,0,1,20.25,24Zm0-6a2.24,2.24,0,1,0,1.594.656A2.179,2.179,0,0,0,20.25,18ZM3.75,9.75a2.254,2.254,0,0,0-1.594,3.844,2.179,2.179,0,0,0,1.594.656,2.178,2.178,0,0,0,1.593-.656,2.262,2.262,0,0,0,0-3.188A2.178,2.178,0,0,0,3.75,9.75ZM20.25,1.5A2.24,2.24,0,0,0,18,3.75a2.178,2.178,0,0,0,.656,1.593,2.262,2.262,0,0,0,3.188,0A2.178,2.178,0,0,0,22.5,3.75,2.24,2.24,0,0,0,20.25,1.5Z" fill="#3f3b3b"/>
</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="M4.875,24a5.066,5.066,0,0,1-1.841-.352,4.489,4.489,0,0,1-1.6-1.078A4.485,4.485,0,0,1,.352,20.965,5.038,5.038,0,0,1,0,19.125,4.945,4.945,0,0,1,.352,17.3,4.738,4.738,0,0,1,1.43,15.68l2.953-3.047a4.8,4.8,0,0,1,1.606-1.066,4.891,4.891,0,0,1,1.84-.364,4.758,4.758,0,0,1,1.055.117,4.851,4.851,0,0,1,1.008.352L8.718,12.844a2.7,2.7,0,0,0-.433-.105,2.947,2.947,0,0,0-.457-.035,3.38,3.38,0,0,0-2.39.984L2.314,16.936A3.183,3.183,0,0,0,1.5,19.125a3.268,3.268,0,0,0,.984,2.39,3.68,3.68,0,0,0,1.1.727,3.357,3.357,0,0,0,2.579,0,3.679,3.679,0,0,0,1.1-.727l3.023-2.929a3.157,3.157,0,0,0,.844-1.418,3.3,3.3,0,0,0,.023-1.606l1.2-1.172a4.922,4.922,0,0,1,.328,2.753,4.471,4.471,0,0,1-1.337,2.5L8.115,22.77a4.429,4.429,0,0,1-1.4.878A5.056,5.056,0,0,1,4.875,24Zm2.578-6.61a.734.734,0,0,1-.281-.059.6.6,0,0,1-.235-.176l-.084-.087a.658.658,0,0,1-.15-.427.744.744,0,0,1,.234-.539l9.07-9.141a.738.738,0,0,1,1.078,0,.7.7,0,0,1,.212.516.781.781,0,0,1-.212.539l-9.094,9.14a.813.813,0,0,1-.257.176A.736.736,0,0,1,7.453,17.391ZM16.1,12.774a6.349,6.349,0,0,1-.938-.07,3.858,3.858,0,0,1-.914-.258l1.2-1.2a2.388,2.388,0,0,0,.328.023H16.1a3.374,3.374,0,0,0,1.3-.257,3.337,3.337,0,0,0,1.09-.727l3.023-3.046A3.193,3.193,0,0,0,22.5,4.875a3.273,3.273,0,0,0-.985-2.391,3.656,3.656,0,0,0-1.1-.726,3.355,3.355,0,0,0-2.578,0,3.656,3.656,0,0,0-1.1.726l-3.024,2.93A3.175,3.175,0,0,0,12.832,7a3.5,3.5,0,0,0,.058,1.77L11.719,9.938A4.881,4.881,0,0,1,11.3,7.031,4.707,4.707,0,0,1,12.656,4.36L15.68,1.43A4.485,4.485,0,0,1,17.285.352a4.984,4.984,0,0,1,3.679,0A4.485,4.485,0,0,1,22.57,1.43a4.489,4.489,0,0,1,1.078,1.6A5.066,5.066,0,0,1,24,4.875,4.97,4.97,0,0,1,23.648,6.7,4.75,4.75,0,0,1,22.57,8.321l-3.023,3.023a4.8,4.8,0,0,1-1.606,1.067A4.914,4.914,0,0,1,16.1,12.774Z" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<h4 class="card-title font-weight-regular text-white mb-0 mb-lg-3">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="M20.25,24a3.761,3.761,0,0,1-3.75-3.75,4.131,4.131,0,0,1,.023-.445,2.06,2.06,0,0,1,.095-.422L6.68,14.32A3.784,3.784,0,0,1,5.4,15.363a3.613,3.613,0,0,1-1.652.387,3.627,3.627,0,0,1-2.649-1.1,3.734,3.734,0,0,1,0-5.3A3.627,3.627,0,0,1,3.75,8.25,3.648,3.648,0,0,1,6.516,9.492l10.077-4.9c-.031-.142-.054-.285-.07-.422A3.9,3.9,0,0,1,16.5,3.75,3.627,3.627,0,0,1,17.6,1.1a3.735,3.735,0,0,1,5.3,0A3.627,3.627,0,0,1,24,3.75,3.626,3.626,0,0,1,22.9,6.4a3.734,3.734,0,0,1-4.371.68,3.877,3.877,0,0,1-1.3-1.125L7.289,10.781a4.68,4.68,0,0,1,.152.586A3.322,3.322,0,0,1,7.5,12a3.577,3.577,0,0,1-.035.5,3.265,3.265,0,0,1-.105.481l9.891,5.039a3.534,3.534,0,0,1,1.277-1.113,3.681,3.681,0,0,1,1.723-.41A3.746,3.746,0,0,1,22.9,22.9,3.627,3.627,0,0,1,20.25,24Zm0-6a2.24,2.24,0,1,0,1.594.656A2.179,2.179,0,0,0,20.25,18ZM3.75,9.75a2.254,2.254,0,0,0-1.594,3.844,2.179,2.179,0,0,0,1.594.656,2.178,2.178,0,0,0,1.593-.656,2.262,2.262,0,0,0,0-3.188A2.178,2.178,0,0,0,3.75,9.75ZM20.25,1.5A2.24,2.24,0,0,0,18,3.75a2.178,2.178,0,0,0,.656,1.593,2.262,2.262,0,0,0,3.188,0A2.178,2.178,0,0,0,22.5,3.75,2.24,2.24,0,0,0,20.25,1.5Z" fill="#3f3b3b"/>
</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="M4.875,24a5.066,5.066,0,0,1-1.841-.352,4.489,4.489,0,0,1-1.6-1.078A4.485,4.485,0,0,1,.352,20.965,5.038,5.038,0,0,1,0,19.125,4.945,4.945,0,0,1,.352,17.3,4.738,4.738,0,0,1,1.43,15.68l2.953-3.047a4.8,4.8,0,0,1,1.606-1.066,4.891,4.891,0,0,1,1.84-.364,4.758,4.758,0,0,1,1.055.117,4.851,4.851,0,0,1,1.008.352L8.718,12.844a2.7,2.7,0,0,0-.433-.105,2.947,2.947,0,0,0-.457-.035,3.38,3.38,0,0,0-2.39.984L2.314,16.936A3.183,3.183,0,0,0,1.5,19.125a3.268,3.268,0,0,0,.984,2.39,3.68,3.68,0,0,0,1.1.727,3.357,3.357,0,0,0,2.579,0,3.679,3.679,0,0,0,1.1-.727l3.023-2.929a3.157,3.157,0,0,0,.844-1.418,3.3,3.3,0,0,0,.023-1.606l1.2-1.172a4.922,4.922,0,0,1,.328,2.753,4.471,4.471,0,0,1-1.337,2.5L8.115,22.77a4.429,4.429,0,0,1-1.4.878A5.056,5.056,0,0,1,4.875,24Zm2.578-6.61a.734.734,0,0,1-.281-.059.6.6,0,0,1-.235-.176l-.084-.087a.658.658,0,0,1-.15-.427.744.744,0,0,1,.234-.539l9.07-9.141a.738.738,0,0,1,1.078,0,.7.7,0,0,1,.212.516.781.781,0,0,1-.212.539l-9.094,9.14a.813.813,0,0,1-.257.176A.736.736,0,0,1,7.453,17.391ZM16.1,12.774a6.349,6.349,0,0,1-.938-.07,3.858,3.858,0,0,1-.914-.258l1.2-1.2a2.388,2.388,0,0,0,.328.023H16.1a3.374,3.374,0,0,0,1.3-.257,3.337,3.337,0,0,0,1.09-.727l3.023-3.046A3.193,3.193,0,0,0,22.5,4.875a3.273,3.273,0,0,0-.985-2.391,3.656,3.656,0,0,0-1.1-.726,3.355,3.355,0,0,0-2.578,0,3.656,3.656,0,0,0-1.1.726l-3.024,2.93A3.175,3.175,0,0,0,12.832,7a3.5,3.5,0,0,0,.058,1.77L11.719,9.938A4.881,4.881,0,0,1,11.3,7.031,4.707,4.707,0,0,1,12.656,4.36L15.68,1.43A4.485,4.485,0,0,1,17.285.352a4.984,4.984,0,0,1,3.679,0A4.485,4.485,0,0,1,22.57,1.43a4.489,4.489,0,0,1,1.078,1.6A5.066,5.066,0,0,1,24,4.875,4.97,4.97,0,0,1,23.648,6.7,4.75,4.75,0,0,1,22.57,8.321l-3.023,3.023a4.8,4.8,0,0,1-1.606,1.067A4.914,4.914,0,0,1,16.1,12.774Z" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<h4 class="card-title font-weight-regular text-white mb-0 mb-lg-3">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="M20.25,24a3.761,3.761,0,0,1-3.75-3.75,4.131,4.131,0,0,1,.023-.445,2.06,2.06,0,0,1,.095-.422L6.68,14.32A3.784,3.784,0,0,1,5.4,15.363a3.613,3.613,0,0,1-1.652.387,3.627,3.627,0,0,1-2.649-1.1,3.734,3.734,0,0,1,0-5.3A3.627,3.627,0,0,1,3.75,8.25,3.648,3.648,0,0,1,6.516,9.492l10.077-4.9c-.031-.142-.054-.285-.07-.422A3.9,3.9,0,0,1,16.5,3.75,3.627,3.627,0,0,1,17.6,1.1a3.735,3.735,0,0,1,5.3,0A3.627,3.627,0,0,1,24,3.75,3.626,3.626,0,0,1,22.9,6.4a3.734,3.734,0,0,1-4.371.68,3.877,3.877,0,0,1-1.3-1.125L7.289,10.781a4.68,4.68,0,0,1,.152.586A3.322,3.322,0,0,1,7.5,12a3.577,3.577,0,0,1-.035.5,3.265,3.265,0,0,1-.105.481l9.891,5.039a3.534,3.534,0,0,1,1.277-1.113,3.681,3.681,0,0,1,1.723-.41A3.746,3.746,0,0,1,22.9,22.9,3.627,3.627,0,0,1,20.25,24Zm0-6a2.24,2.24,0,1,0,1.594.656A2.179,2.179,0,0,0,20.25,18ZM3.75,9.75a2.254,2.254,0,0,0-1.594,3.844,2.179,2.179,0,0,0,1.594.656,2.178,2.178,0,0,0,1.593-.656,2.262,2.262,0,0,0,0-3.188A2.178,2.178,0,0,0,3.75,9.75ZM20.25,1.5A2.24,2.24,0,0,0,18,3.75a2.178,2.178,0,0,0,.656,1.593,2.262,2.262,0,0,0,3.188,0A2.178,2.178,0,0,0,22.5,3.75,2.24,2.24,0,0,0,20.25,1.5Z" fill="#3f3b3b"/>
</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="M4.875,24a5.066,5.066,0,0,1-1.841-.352,4.489,4.489,0,0,1-1.6-1.078A4.485,4.485,0,0,1,.352,20.965,5.038,5.038,0,0,1,0,19.125,4.945,4.945,0,0,1,.352,17.3,4.738,4.738,0,0,1,1.43,15.68l2.953-3.047a4.8,4.8,0,0,1,1.606-1.066,4.891,4.891,0,0,1,1.84-.364,4.758,4.758,0,0,1,1.055.117,4.851,4.851,0,0,1,1.008.352L8.718,12.844a2.7,2.7,0,0,0-.433-.105,2.947,2.947,0,0,0-.457-.035,3.38,3.38,0,0,0-2.39.984L2.314,16.936A3.183,3.183,0,0,0,1.5,19.125a3.268,3.268,0,0,0,.984,2.39,3.68,3.68,0,0,0,1.1.727,3.357,3.357,0,0,0,2.579,0,3.679,3.679,0,0,0,1.1-.727l3.023-2.929a3.157,3.157,0,0,0,.844-1.418,3.3,3.3,0,0,0,.023-1.606l1.2-1.172a4.922,4.922,0,0,1,.328,2.753,4.471,4.471,0,0,1-1.337,2.5L8.115,22.77a4.429,4.429,0,0,1-1.4.878A5.056,5.056,0,0,1,4.875,24Zm2.578-6.61a.734.734,0,0,1-.281-.059.6.6,0,0,1-.235-.176l-.084-.087a.658.658,0,0,1-.15-.427.744.744,0,0,1,.234-.539l9.07-9.141a.738.738,0,0,1,1.078,0,.7.7,0,0,1,.212.516.781.781,0,0,1-.212.539l-9.094,9.14a.813.813,0,0,1-.257.176A.736.736,0,0,1,7.453,17.391ZM16.1,12.774a6.349,6.349,0,0,1-.938-.07,3.858,3.858,0,0,1-.914-.258l1.2-1.2a2.388,2.388,0,0,0,.328.023H16.1a3.374,3.374,0,0,0,1.3-.257,3.337,3.337,0,0,0,1.09-.727l3.023-3.046A3.193,3.193,0,0,0,22.5,4.875a3.273,3.273,0,0,0-.985-2.391,3.656,3.656,0,0,0-1.1-.726,3.355,3.355,0,0,0-2.578,0,3.656,3.656,0,0,0-1.1.726l-3.024,2.93A3.175,3.175,0,0,0,12.832,7a3.5,3.5,0,0,0,.058,1.77L11.719,9.938A4.881,4.881,0,0,1,11.3,7.031,4.707,4.707,0,0,1,12.656,4.36L15.68,1.43A4.485,4.485,0,0,1,17.285.352a4.984,4.984,0,0,1,3.679,0A4.485,4.485,0,0,1,22.57,1.43a4.489,4.489,0,0,1,1.078,1.6A5.066,5.066,0,0,1,24,4.875,4.97,4.97,0,0,1,23.648,6.7,4.75,4.75,0,0,1,22.57,8.321l-3.023,3.023a4.8,4.8,0,0,1-1.606,1.067A4.914,4.914,0,0,1,16.1,12.774Z" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<h4 class="card-title font-weight-regular text-white mb-0 mb-lg-3">Nebula</h4>
<p class="font-size-14 text-white">This is a short description</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Testimonials
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-6 shadow-40">
<div class="card-body">
<div class="testimonial-author d-flex align-items-center mt-0 mt-md-4">
<div class="fabrx-avatar lg"><img src="assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<div class="pl-3">
<strong class="d-block">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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-3">
<div class="card rounded-6 shadow-40">
<div class="card-body">
<div class="testimonial-author d-flex align-items-center mt-0 mt-md-4">
<div class="fabrx-avatar lg"><img src="assets/images/avatars/avatar-2.png" alt="Avatar"></div>
<div class="pl-3">
<strong class="d-block">Azah Anyeni</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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-3">
<div class="card rounded-6 shadow-40">
<div class="card-body">
<div class="testimonial-author d-flex align-items-center mt-0 mt-md-4">
<div class="fabrx-avatar lg"><img src="assets/images/avatars/avatar-3.png" alt="Avatar"></div>
<div class="pl-3">
<strong class="d-block">Cecilia Pozo</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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>
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.
Henry Richardson
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.
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-6 mt-3">
<div class="card text-left mt-0 mt-md-5">
<h3 class="font-weight-bold mb-4">See what clients say about us</h3>
<p class="font-size-14">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum.</p>
</div>
</div>
<div class="col-xl-8 col-lg-6">
<div class="swiper-slider-box">
<div class="swiper-container swiper-two">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="card rounded-6 shadow-40 m-3">
<div class="card-body">
<div class="testimonial-author d-flex align-items-center mt-0 mt-md-4">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<div class="pl-3">
<strong class="d-block">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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="swiper-slide">
<div class="card rounded-6 shadow-40 m-3">
<div class="card-body">
<div class="testimonial-author d-flex align-items-center mt-0 mt-md-4">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-2.png" alt="Avatar"></div>
<div class="pl-3">
<strong class="d-block">Henry Richardson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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="swiper-slide">
<div class="card rounded-6 shadow-40 m-3">
<div class="card-body">
<div class="testimonial-author d-flex align-items-center mt-0 mt-md-4">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<div class="pl-3">
<strong class="d-block">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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="swiper-slide">
<div class="card rounded-6 shadow-40 m-3">
<div class="card-body">
<div class="testimonial-author d-flex align-items-center mt-0 mt-md-4">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<div class="pl-3">
<strong class="d-block">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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="swiper-slide">
<div class="card rounded-6 shadow-40 m-3">
<div class="card-body">
<div class="testimonial-author d-flex align-items-center mt-0 mt-md-4">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<div class="pl-3">
<strong class="d-block">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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="swiper-slide">
<div class="card rounded-6 shadow-40 m-3">
<div class="card-body">
<div class="testimonial-author d-flex align-items-center mt-0 mt-md-4">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<div class="pl-3">
<strong class="d-block">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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="swiper-slide">
<div class="card rounded-6 shadow-40 m-3">
<div class="card-body">
<div class="testimonial-author d-flex align-items-center mt-0 mt-md-4">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<div class="pl-3">
<strong class="d-block">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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="swiper-slide">
<div class="card rounded-6 shadow-40 m-3">
<div class="card-body">
<div class="testimonial-author d-flex align-items-center mt-0 mt-md-4">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<div class="pl-3">
<strong class="d-block">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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="swiper-slide">
<div class="card rounded-6 shadow-40 m-3">
<div class="card-body">
<div class="testimonial-author d-flex align-items-center mt-0 mt-md-4">
<div class="fabrx-avatar lg"><img src="../assets/images/avatars/avatar-1.png" alt="Avatar"></div>
<div class="pl-3">
<strong class="d-block">Sammy Lawson</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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 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-3">
<div class="card rounded-6 shadow-40">
<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">Edward Lindgren</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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-3">
<div class="card rounded-6 shadow-40">
<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">Jesús Moruga</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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-3">
<div class="card rounded-6 shadow-40">
<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">Abayo Stevens</strong>
<small class="d-block text-muted">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14">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-right 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
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 of the stars Sea of Tranquility
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 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
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 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">
<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">Beth Murphy</strong>
<small class="d-block text-secondary">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 text-dark">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-slide">
<div class="card">
<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-2.png" alt="Avatar"></a>
<div class="px-3">
<strong class="d-block">Jesús Moruga</strong>
<small class="d-block text-secondary">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 text-dark">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-slide">
<div class="card">
<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-3.png" alt="Avatar"></a>
<div class="px-3">
<strong class="d-block">Abayo Stevens</strong>
<small class="d-block text-secondary">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 text-dark">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-slide">
<div class="card">
<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">Beth Murphy</strong>
<small class="d-block text-secondary">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 text-dark">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-slide">
<div class="card">
<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-2.png" alt="Avatar"></a>
<div class="px-3">
<strong class="d-block">Jesús Moruga</strong>
<small class="d-block text-secondary">Creative Director, Amazon</small>
</div>
</div>
<p class="font-size-14 text-dark">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>
</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-8 col-md-12 offset-lg-2">
<div class="card text-center">
<h3 class="mb-2 mb-md-4">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
Signup
Already have an account? Sign in
<section class="fabrx-section">
<div class="row g-0">
<div class="col-lg-6 bg-white">
<div class="fabrx-min-height py-5">
<div class="fabrx-caption pr-0 pr-md-5">
<div class="pr-0 pr-md-5">
<h2 class="font-weight-bold mb-4">Signup</h2>
<form class="my-4 mr-0 mr-md-5 pr-0 pr-md-5">
<div class="form-group mb-md-4">
<label for="Input6" class="control-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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="#605f5f"></path>
</g>
</svg>
</label>
<input type="text" name="Input6" placeholder="Email" class="form-control" id="Input6">
</div>
<div class="form-group mb-md-4">
<input type="text" name="Input6" placeholder="Password" class="form-control" id="Input6">
</div>
<div class="form-group d-flex font-size-14">
<div class="form-check form-check-rounded mr-1">
<input type="checkbox" id="signup" name="signup" class="form-check-input">
<label class="form-check-label text-muted font-size-14" for="signup">I Accept</label>
</div>
<a href="#0" class="text-dark">Terms & Conditions</a>
</div>
<button type="submit" class="btn btn-lg btn-primary btn-block mt-4">Signup</button>
</form>
<p class="font-size-14 text-secondary pt-2 mb-0 mb-md-3">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-0 px-md-5">
<div class="hero-caption px-0 px-md-5">
<h2 class="mb-0">Request a quote</h2>
<p class="h6">If your company requires custom features and premuim support, we offer solutions to startups and big corporations.</p>
</div>
<form class="mt-4 px-0 px-lg-5 py-2 mx-0 mx-md-5">
<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="Input16" placeholder="Email" class="form-control" id="Input16">
</div>
<div class="row">
<div class="col-sm-6 pr-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>
<button type="submit" class="btn btn-xl btn-primary btn-block">Send</button>
</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-0 px-md-5">
<div class="hero-caption px-0 px-md-5">
<h2 class="mb-0">Sign in</h2>
<p class="font-weight-light font-size-14 text-dark">Sign in now to start customizing</p>
</div>
<form class="my-4 mx-0 mx-lg-5 px-0 px-lg-5">
<div class="form-group">
<label for="Input6" class="control-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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="#959393"></path>
</g>
</svg>
</label>
<input type="text" name="Input6" placeholder="Email" class="form-control" id="Input6">
</div>
<div class="form-group">
<input type="text" name="Input6" placeholder="Password" class="form-control" id="Input6">
</div>
<div class="form-group text-left mt-4">
<div class="form-check form-check-rounded mr-1">
<input type="checkbox" id="Remember" name="Remember" class="form-check-input">
<label class="form-check-label" for="Remember">Remember me</label>
</div>
</div>
<button type="submit" class="btn btn-xl btn-primary btn-block mt-3">Sign in</button>
</form>
<div class="clearfix text-center mt-3 mt-md-5 pt-2 pt-md-4">
<p><a href="#0" class="text-dark">Forgot password?</a></p>
<p class="mb-0 mb-md-3"><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 pr-0 pr-md-5">
<h2 class="font-weight-bold">A platform for collaboration.</h2>
<p class="h6 pr-0 pr-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-lg-4 col-md-12 offset-lg-2">
<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="Input16" placeholder="Email" class="form-control" id="Input16">
</div>
<div class="row">
<div class="col-sm-6 pr-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>
<button type="submit" class="btn btn-xl btn-primary btn-block">Send</button>
</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 pr-0 pr-xl-5 mt-0 mt-md-4">
<h5 class="font-weight-regular pb-2 pb-lg-3">Short headline</h5>
<h2 class="font-weight-bold mt-0 mt-md-4">Super awesome headline</h2>
<p class="h6 pr-0 pr-md-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 p-4 p-lg-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="24" height="24" 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="#959393"></path>
</g>
</svg>
</label>
<input type="text" name="Input6" placeholder="Email" class="form-control" id="Input6">
</div>
<div class="form-group mb-md-4">
<input type="text" name="Input6" placeholder="Password" class="form-control" id="Input6">
</div>
<div class="form-group d-flex">
<div class="custom-control custom-checkbox custom-control-white custom-control-rounded mr-1">
<input type="checkbox" id="signupTwo" name="signupTwo" class="custom-control-input">
<label class="custom-control-label text-white" for="signupTwo">I Accept</label>
</div>
<a href="#0" class="text-white font-weight-medium">Terms & Conditions</a>
</div>
<div class="btn-group btn-block shadow-none mt-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">Already have an account? <a href="#0" class="text-white font-weight-medium">Sign in</a></p>
</div>
</div>
</div>
</div>
</section>
Comments
Comments (25)
-
Charles Davies
5 minutes agoRich 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.
-
Charles Davies
5 minutes agoRich 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.
<section class="fabrx-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-left text-sm-right">
<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 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 mr-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>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="16" height="16" viewBox="0 0 16 14">
<path data-name="Icon Color" d="M16,4.075a4.157,4.157,0,0,0-8-1.5A4.144,4.144,0,0,0,4.15,0,4.108,4.108,0,0,0,0,4.075v.3C0,8.575,8.3,14,8.3,14S16,8.575,16,4.375Z" fill="#959393"></path>
</svg>
56
</a>
</li>
<li>
<a href="#0">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 14">
<path data-name="Icon Color" d="M8,4.5V0L0,7l8,7V9.5a9.42,9.42,0,0,1,7.7,2.7l.3.3A8,8,0,0,0,8,4.5Z" fill="#959393"></path>
</svg>
Reply
</a>
</li>
<li><a href="#0">Replies (1)</a></li>
</ul>
</div>
</div>
<ol class="list-unstyled mb-0">
<li class="comment-item">
<div class="media">
<a href="#0" class="fabrx-avatar fabrx-status dnd lg align-self-start mr-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">Yeah right! 😍</p>
<p>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="16" height="14" viewBox="0 0 16 14">
<path data-name="Icon Color" d="M16,4.075a4.157,4.157,0,0,0-8-1.5A4.144,4.144,0,0,0,4.15,0,4.108,4.108,0,0,0,0,4.075v.3C0,8.575,8.3,14,8.3,14S16,8.575,16,4.375Z" fill="#959393"></path>
</svg>
56
</a>
</li>
<li>
<a href="#0">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="14" viewBox="0 0 16 14">
<path data-name="Icon Color" d="M8,4.5V0L0,7l8,7V9.5a9.42,9.42,0,0,1,7.7,2.7l.3.3A8,8,0,0,0,8,4.5Z" fill="#959393"></path>
</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 mr-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>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="16" height="16" viewBox="0 0 16 14">
<path data-name="Icon Color" d="M16,4.075a4.157,4.157,0,0,0-8-1.5A4.144,4.144,0,0,0,4.15,0,4.108,4.108,0,0,0,0,4.075v.3C0,8.575,8.3,14,8.3,14S16,8.575,16,4.375Z" fill="#959393"></path>
</svg>
56
</a>
</li>
<li>
<a href="#0">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 14">
<path data-name="Icon Color" d="M8,4.5V0L0,7l8,7V9.5a9.42,9.42,0,0,1,7.7,2.7l.3.3A8,8,0,0,0,8,4.5Z" fill="#959393"></path>
</svg>
Reply
</a>
</li>
<li><a href="#0">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">
<div class="form-group">
<textarea rows="8" class="form-control border-0" placeholder="Start typing..."></textarea>
</div>
<div class="form-group text-right mb-0">
<button type="submit" class="btn btn-lg btn-primary">
<span class="mr-3">Send</span>
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24">
<g id="Icon_Send" data-name="Icon/Send" transform="translate(0)">
<path data-name="Icon Color" d="M23.883.117a.4.4,0,0,0-.419-.093l-23.2,8.4a.4.4,0,0,0-.037.737l8.354,4.01,7.546-5.578a.2.2,0,0,1,.28.28L10.83,15.419l4.01,8.354A.4.4,0,0,0,15.2,24h.02a.4.4,0,0,0,.356-.263l8.4-23.2A.4.4,0,0,0,23.883.117Z" transform="translate(0 0)" fill="#fff"></path>
</g>
</svg>
</button>
</div>
</div>
</form>
</div>
</section>
Texts
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-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-toggle="tab" href="#Toasts">Toasts</a>
</li>
<li>
<a class="nav-link" data-toggle="tab" href="#FormElements">Form Elements</a>
</li>
<li>
<a class="nav-link" data-toggle="tab" href="#Dropdowns">Dropdowns</a>
</li>
<li>
<a class="nav-link" data-toggle="tab" href="#Toggles">Toggles</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#Colors">Colors</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#Styleguide">Style guide</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#Sliders">Sliders</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#Datepickers">Date pickers</a>
</li>
</ul>
</div>
<div class="col-xl-7 col-md-9">
<div class="tab-content border-left py-2 pl-4 pl-lg-5 pr-0 pr-lg-5" id="myTabContent">
<div class="tab-pane fade" id="Components" role="tabpanel">
<div class="hero-caption">
<p>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>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>
</div>
</div>
<div class="tab-pane fade show active" id="Toasts" role="tabpanel">
<div class="hero-caption">
<p>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>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>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>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>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>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>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>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>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>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>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>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>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>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>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>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>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>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>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>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>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>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 mt-md-4">
<div class="col-md-6 pt-3 pt-md-4">
<div class="hero-caption pr-0 pr-lg-5">
<h5>Can I go to the moon?</h5>
<p>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-4">
<div class="hero-caption pr-0 pr-lg-5">
<h5>Are we alone in the universe?</h5>
<p class="pr-0 pr-lg-5">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-4">
<div class="hero-caption pr-0 pr-lg-5">
<h5>Why are we so special?</h5>
<p class="pr-0 pr-lg-5">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-4">
<div class="hero-caption pr-0 pr-lg-5">
<h5>Can we time travel to the future?</h5>
<p class="pr-0 pr-lg-5">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-4">
<div class="hero-caption pr-0 pr-lg-5">
<h5>All about Nebulas</h5>
<p class="pr-0 pr-lg-5">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-4">
<div class="hero-caption pr-0 pr-lg-5">
<h5>What is a blackhole?</h5>
<p class="pr-0 pr-lg-5">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-2 col-sm-1">
<div class="badge badge-primary circle">1</div>
</div>
<div class="col-10 col-sm-11">
<div class="hero-caption pr-0 pr-lg-5 pl-0 pl-sm-2">
<h5 class="mb-3">Can I go to the moon?</h5>
<p>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-2 col-sm-1">
<div class="badge badge-primary circle">2</div>
</div>
<div class="col-10 col-sm-11">
<div class="hero-caption pr-0 pr-lg-5 pl-0 pl-sm-2">
<h5 class="mb-3">Can I go to the moon?</h5>
<p>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-2 col-sm-1">
<div class="badge badge-primary circle">3</div>
</div>
<div class="col-10 col-sm-11">
<div class="hero-caption pr-0 pr-lg-5 pl-0 pl-sm-2">
<h5 class="mb-3">Can I go to the moon?</h5>
<p>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-2 col-sm-1">
<div class="badge badge-primary circle">4</div>
</div>
<div class="col-10 col-sm-11">
<div class="hero-caption pr-0 pr-lg-5 pl-0 pl-sm-2">
<h5 class="mb-3">Can I go to the moon?</h5>
<p>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="pr-0 pr-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" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></path>
</svg>
<span class="h6 font-weight-regular ml-3 mb-0 text-left">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapse1" class="collapse" aria-labelledby="heading1" data-parent="#accordion">
<div class="card-body p-0">
<div class="hero-caption">
<p>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" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></path>
</svg>
<span class="h6 font-weight-regular ml-3 mb-0 text-left">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapse2" class="collapse" aria-labelledby="heading2" data-parent="#accordion">
<div class="card-body p-0">
<div class="hero-caption">
<p>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" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></path>
</svg>
<span class="h6 font-weight-regular ml-3 mb-0 text-left">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapse3" class="collapse" aria-labelledby="heading3" data-parent="#accordion">
<div class="card-body p-0">
<div class="hero-caption">
<p>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" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></path>
</svg>
<span class="h6 font-weight-regular ml-3 mb-0 text-left">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapse4" class="collapse" aria-labelledby="heading4" data-parent="#accordion">
<div class="card-body p-0">
<div class="hero-caption">
<p>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="pr-0 pr-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" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></path>
</svg>
<span class="h6 font-weight-regular ml-3 mb-0 text-left">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapseFive" class="collapse" aria-labelledby="headingFive" data-parent="#accordion1">
<div class="card-body p-0">
<div class="hero-caption">
<p>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" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></path>
</svg>
<span class="h6 font-weight-regular ml-3 mb-0 text-left">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapseSix" class="collapse" aria-labelledby="headingSix" data-parent="#accordion1">
<div class="card-body p-0">
<div class="hero-caption">
<p>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" data-toggle="collapse" data-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></path>
</svg>
<span class="h6 font-weight-regular ml-3 mb-0 text-left">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapseSeven" class="collapse" aria-labelledby="headingSeven" data-parent="#accordion1">
<div class="card-body p-0">
<div class="hero-caption">
<p>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" data-toggle="collapse" data-target="#collapseEight" aria-expanded="false" aria-controls="collapseEight">
<svg data-name="Icon/Arrows/Chevron/Forward" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M2.182,24,0,21.818,9.818,12,0,2.182,2.182,0l12,12Z" transform="translate(5)" fill="#3f3b3b"></path>
</svg>
<span class="h6 font-weight-regular ml-3 mb-0 text-left">What is Fabrx design system?</span>
</button>
</h5>
</div>
<div id="collapseEight" class="collapse" aria-labelledby="headingEight" data-parent="#accordion1">
<div class="card-body p-0">
<div class="hero-caption">
<p>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
<!-- 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/Calendar" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.5,24A1.5,1.5,0,0,1,0,22.5V3.375a1.5,1.5,0,0,1,1.5-1.5H6V0H7.5V1.875h9V0H18V1.875h4.5a1.5,1.5,0,0,1,1.5,1.5V22.5A1.5,1.5,0,0,1,22.5,24Zm0-1.5h21V9H1.5Zm21-15V3.375H18V5.25H16.5V3.375h-9V5.25H6V3.375H1.5V7.5Zm-6,11.625v-1.5h3.75v1.5Zm-6.375,0v-1.5h3.75v1.5Zm-6.375,0v-1.5H7.5v1.5ZM16.5,13.5V12h3.75v1.5Zm-6.375,0V12h3.75v1.5Zm-6.375,0V12H7.5v1.5Z" fill="#3f3b3b"/>
</svg>
<span class="dropdown-text ml-2">Calendar</span>
</span>
</a>
</li>
<li class="active">
<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 ml-2">Messages</span>
</span>
<div class="badge badge-primary circle ssm ml-auto">10</div>
</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 ml-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 ml-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-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24.001 24">
<g data-name="Icon/Settings" transform="translate(0.001)">
<path data-name="Icon Color" d="M13.631,24H10.179a1.675,1.675,0,0,1-1.65-1.421L8.2,20.337a9.332,9.332,0,0,1-1.952-1.093l-2.3.886a1.663,1.663,0,0,1-.6.112,1.68,1.68,0,0,1-1.429-.8L.239,16.668a1.655,1.655,0,0,1,.426-2.186l1.873-1.4A8.517,8.517,0,0,1,2.462,12a8.091,8.091,0,0,1,.075-1.062L.665,9.535A1.655,1.655,0,0,1,.239,7.349L1.916,4.577a1.672,1.672,0,0,1,2.029-.692l2.3.886A9.742,9.742,0,0,1,8.2,3.681l.332-2.26A1.675,1.675,0,0,1,10.183,0h3.451a1.675,1.675,0,0,1,1.65,1.421l.329,2.242a9.327,9.327,0,0,1,1.951,1.092l2.3-.886a1.67,1.67,0,0,1,2.029.692l1.677,2.771a1.653,1.653,0,0,1-.426,2.186l-1.873,1.4A8.539,8.539,0,0,1,21.351,12a8.1,8.1,0,0,1-.075,1.063l1.872,1.4a1.664,1.664,0,0,1,.664,1.372l.188.109,0,.007-.184-.112-.127-.078-1.268-.777-.019.031,1.284.758-.324-.2.327.189.127.078v.011l.18.106,0,.007-.176-.11-.13-.081.13.081a1.661,1.661,0,0,1-.238.794L21.9,19.422a1.67,1.67,0,0,1-2.029.692l-2.3-.887a9.752,9.752,0,0,1-1.951,1.092l-.333,2.26A1.674,1.674,0,0,1,13.631,24ZM6.537,17.156h0l.745.554a7.447,7.447,0,0,0,1.7.952l.893.357.077.526.061.418.321,2.19h3.132l.462-3.141.881-.362a7.847,7.847,0,0,0,1.717-.958l.746-.554.477.184.392.15,2.245.864,1.51-2.5-2.613-1.957.139-.968A6.523,6.523,0,0,0,19.5,12a6.808,6.808,0,0,0-.074-.941l-.131-.962.435-.326.347-.26L21.9,8.142l-1.51-2.5-3.113,1.2-.746-.554a7.486,7.486,0,0,0-1.7-.953l-.893-.357-.077-.525L13.8,4.036l-.321-2.19H10.343L9.88,4.988,9,5.349a7.914,7.914,0,0,0-1.717.959l-.745.554-.478-.184-.391-.151L3.423,5.664l-1.51,2.5,2.613,1.957-.139.968A6.529,6.529,0,0,0,4.316,12a6.947,6.947,0,0,0,.073.942l.131.962-.435.326-.347.26L1.913,15.857l1.51,2.5,3.113-1.2Zm5.37-1.279A3.877,3.877,0,1,1,15.838,12,3.909,3.909,0,0,1,11.907,15.877Zm0-5.908A2.031,2.031,0,1,0,13.986,12,2.057,2.057,0,0,0,11.907,9.969Z" fill="#3f3b3b"></path>
</g>
</svg>
<span class="dropdown-text ml-2">Settings</span>
</span>
<svg data-name="Icon/Arrows/Chevron/Down" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24.091 24">
<path data-name="Icon Color" d="M-2.182,24,0,21.818-9.818,12,0,2.182-2.182,0l-12,12Z" transform="translate(0.091 4.909) rotate(-90)" fill="#959393"></path>
</svg>
</a>
<div id="collapseOne" class="collapse" data-parent=".accordion">
<ul class="list-unstyled menu-category pt-2">
<li>
<a href="#0">
<span>
<svg data-name="Icon/Calendar" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.5,24A1.5,1.5,0,0,1,0,22.5V3.375a1.5,1.5,0,0,1,1.5-1.5H6V0H7.5V1.875h9V0H18V1.875h4.5a1.5,1.5,0,0,1,1.5,1.5V22.5A1.5,1.5,0,0,1,22.5,24Zm0-1.5h21V9H1.5Zm21-15V3.375H18V5.25H16.5V3.375h-9V5.25H6V3.375H1.5V7.5Zm-6,11.625v-1.5h3.75v1.5Zm-6.375,0v-1.5h3.75v1.5Zm-6.375,0v-1.5H7.5v1.5ZM16.5,13.5V12h3.75v1.5Zm-6.375,0V12h3.75v1.5Zm-6.375,0V12H7.5v1.5Z" fill="#3f3b3b"/>
</svg>
<span class="dropdown-text ml-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 ml-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 ml-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 ml-2">Users</span>
</span>
</a>
</li>
</ul>
</div>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon/Trending" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M16.8,0l2.754,2.754L13.7,8.6,8.9,3.8,0,12.7l1.7,1.7L8.9,7.2,13.7,12l7.548-7.554L24,7.2V0Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
<span class="dropdown-text ml-2">Trends</span>
</span>
<div class="badge badge-primary badge-md ml-auto">New</div>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon/Download Cloud" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.678,19.211,8.8,18.238,11.237,20.9V11.983h1.5v9.065l2.471-2.471,1.048,1.048-4.3,4.307Zm-2.81-3.106a4.875,4.875,0,0,1-1.5-9.512A3.951,3.951,0,0,1,7.3,3a4.2,4.2,0,0,1,.675.074,6.165,6.165,0,0,1,11.5,3.106v.188A4.876,4.876,0,0,1,19.1,16.1H15.729v-1.5H19.1a3.371,3.371,0,0,0,0-6.742h-1.35L17.9,7a6.824,6.824,0,0,0,.074-.823A4.682,4.682,0,0,0,13.3,1.5,4.749,4.749,0,0,0,9.025,4.231l-.262.637-.638-.225a2.861,2.861,0,0,0-.823-.15A2.427,2.427,0,0,0,4.868,6.926v.188l.037.675L4.231,7.9A3.41,3.41,0,0,0,1.5,11.234a3.356,3.356,0,0,0,3.371,3.371H8.24v1.5Z" fill="#3f3b3b"/>
</svg>
<span class="dropdown-text ml-2">Downloads</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<div class="fabrx-aside-footer">
<a href="#0" class="font-size-12"><img src="assets/images/icons/signout.svg" alt="Sign out" class="mr-2" width="20"> Sign out</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="pl-2">
<strong class="d-block text-dark font-size-14 font-weight-medium">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/Calendar" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.5,24A1.5,1.5,0,0,1,0,22.5V3.375a1.5,1.5,0,0,1,1.5-1.5H6V0H7.5V1.875h9V0H18V1.875h4.5a1.5,1.5,0,0,1,1.5,1.5V22.5A1.5,1.5,0,0,1,22.5,24Zm0-1.5h21V9H1.5Zm21-15V3.375H18V5.25H16.5V3.375h-9V5.25H6V3.375H1.5V7.5Zm-6,11.625v-1.5h3.75v1.5Zm-6.375,0v-1.5h3.75v1.5Zm-6.375,0v-1.5H7.5v1.5ZM16.5,13.5V12h3.75v1.5Zm-6.375,0V12h3.75v1.5Zm-6.375,0V12H7.5v1.5Z" fill="#3f3b3b"/>
</svg>
<span class="dropdown-text ml-2">Calendar</span>
</span>
</a>
</li>
<li class="active">
<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 ml-2">Messages</span>
</span>
<div class="badge badge-primary circle ssm ml-auto">10</div>
</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 ml-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 ml-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-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24.001 24">
<g data-name="Icon/Settings" transform="translate(0.001)">
<path data-name="Icon Color" d="M13.631,24H10.179a1.675,1.675,0,0,1-1.65-1.421L8.2,20.337a9.332,9.332,0,0,1-1.952-1.093l-2.3.886a1.663,1.663,0,0,1-.6.112,1.68,1.68,0,0,1-1.429-.8L.239,16.668a1.655,1.655,0,0,1,.426-2.186l1.873-1.4A8.517,8.517,0,0,1,2.462,12a8.091,8.091,0,0,1,.075-1.062L.665,9.535A1.655,1.655,0,0,1,.239,7.349L1.916,4.577a1.672,1.672,0,0,1,2.029-.692l2.3.886A9.742,9.742,0,0,1,8.2,3.681l.332-2.26A1.675,1.675,0,0,1,10.183,0h3.451a1.675,1.675,0,0,1,1.65,1.421l.329,2.242a9.327,9.327,0,0,1,1.951,1.092l2.3-.886a1.67,1.67,0,0,1,2.029.692l1.677,2.771a1.653,1.653,0,0,1-.426,2.186l-1.873,1.4A8.539,8.539,0,0,1,21.351,12a8.1,8.1,0,0,1-.075,1.063l1.872,1.4a1.664,1.664,0,0,1,.664,1.372l.188.109,0,.007-.184-.112-.127-.078-1.268-.777-.019.031,1.284.758-.324-.2.327.189.127.078v.011l.18.106,0,.007-.176-.11-.13-.081.13.081a1.661,1.661,0,0,1-.238.794L21.9,19.422a1.67,1.67,0,0,1-2.029.692l-2.3-.887a9.752,9.752,0,0,1-1.951,1.092l-.333,2.26A1.674,1.674,0,0,1,13.631,24ZM6.537,17.156h0l.745.554a7.447,7.447,0,0,0,1.7.952l.893.357.077.526.061.418.321,2.19h3.132l.462-3.141.881-.362a7.847,7.847,0,0,0,1.717-.958l.746-.554.477.184.392.15,2.245.864,1.51-2.5-2.613-1.957.139-.968A6.523,6.523,0,0,0,19.5,12a6.808,6.808,0,0,0-.074-.941l-.131-.962.435-.326.347-.26L21.9,8.142l-1.51-2.5-3.113,1.2-.746-.554a7.486,7.486,0,0,0-1.7-.953l-.893-.357-.077-.525L13.8,4.036l-.321-2.19H10.343L9.88,4.988,9,5.349a7.914,7.914,0,0,0-1.717.959l-.745.554-.478-.184-.391-.151L3.423,5.664l-1.51,2.5,2.613,1.957-.139.968A6.529,6.529,0,0,0,4.316,12a6.947,6.947,0,0,0,.073.942l.131.962-.435.326-.347.26L1.913,15.857l1.51,2.5,3.113-1.2Zm5.37-1.279A3.877,3.877,0,1,1,15.838,12,3.909,3.909,0,0,1,11.907,15.877Zm0-5.908A2.031,2.031,0,1,0,13.986,12,2.057,2.057,0,0,0,11.907,9.969Z" fill="#3f3b3b"></path>
</g>
</svg>
<span class="dropdown-text ml-2">Settings</span>
</span>
<svg data-name="Icon/Arrows/Chevron/Down" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24.091 24">
<path data-name="Icon Color" d="M-2.182,24,0,21.818-9.818,12,0,2.182-2.182,0l-12,12Z" transform="translate(0.091 4.909) rotate(-90)" fill="#959393"></path>
</svg>
</a>
<div id="collapseThree" class="collapse" data-parent=".accordion1">
<ul class="list-unstyled menu-category pt-2">
<li>
<a href="#0">
<span>
<svg data-name="Icon/Calendar" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.5,24A1.5,1.5,0,0,1,0,22.5V3.375a1.5,1.5,0,0,1,1.5-1.5H6V0H7.5V1.875h9V0H18V1.875h4.5a1.5,1.5,0,0,1,1.5,1.5V22.5A1.5,1.5,0,0,1,22.5,24Zm0-1.5h21V9H1.5Zm21-15V3.375H18V5.25H16.5V3.375h-9V5.25H6V3.375H1.5V7.5Zm-6,11.625v-1.5h3.75v1.5Zm-6.375,0v-1.5h3.75v1.5Zm-6.375,0v-1.5H7.5v1.5ZM16.5,13.5V12h3.75v1.5Zm-6.375,0V12h3.75v1.5Zm-6.375,0V12H7.5v1.5Z" fill="#3f3b3b"/>
</svg>
<span class="dropdown-text ml-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 ml-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 ml-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 ml-2">Users</span>
</span>
</a>
</li>
</ul>
</div>
</li>
<li>
<a href="#0" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<span>
<svg data-name="Icon/Trending" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M16.8,0l2.754,2.754L13.7,8.6,8.9,3.8,0,12.7l1.7,1.7L8.9,7.2,13.7,12l7.548-7.554L24,7.2V0Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
<span class="dropdown-text ml-2">Trends</span>
</span>
<svg data-name="Icon/Arrows/Chevron/Down" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24.091 24">
<path data-name="Icon Color" d="M-2.182,24,0,21.818-9.818,12,0,2.182-2.182,0l-12,12Z" transform="translate(0.091 4.909) rotate(-90)" fill="#959393"></path>
</svg>
</a>
<div id="collapseTwo" class="collapse" data-parent=".accordion1">
<ul class="list-unstyled menu-category pt-2">
<li>
<a href="#0">
<span>
<svg data-name="Icon/Calendar" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.5,24A1.5,1.5,0,0,1,0,22.5V3.375a1.5,1.5,0,0,1,1.5-1.5H6V0H7.5V1.875h9V0H18V1.875h4.5a1.5,1.5,0,0,1,1.5,1.5V22.5A1.5,1.5,0,0,1,22.5,24Zm0-1.5h21V9H1.5Zm21-15V3.375H18V5.25H16.5V3.375h-9V5.25H6V3.375H1.5V7.5Zm-6,11.625v-1.5h3.75v1.5Zm-6.375,0v-1.5h3.75v1.5Zm-6.375,0v-1.5H7.5v1.5ZM16.5,13.5V12h3.75v1.5Zm-6.375,0V12h3.75v1.5Zm-6.375,0V12H7.5v1.5Z" fill="#3f3b3b"/>
</svg>
<span class="dropdown-text ml-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 ml-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 ml-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 ml-2">Users</span>
</span>
</a>
</li>
</ul>
</div>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon/Download Cloud" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.678,19.211,8.8,18.238,11.237,20.9V11.983h1.5v9.065l2.471-2.471,1.048,1.048-4.3,4.307Zm-2.81-3.106a4.875,4.875,0,0,1-1.5-9.512A3.951,3.951,0,0,1,7.3,3a4.2,4.2,0,0,1,.675.074,6.165,6.165,0,0,1,11.5,3.106v.188A4.876,4.876,0,0,1,19.1,16.1H15.729v-1.5H19.1a3.371,3.371,0,0,0,0-6.742h-1.35L17.9,7a6.824,6.824,0,0,0,.074-.823A4.682,4.682,0,0,0,13.3,1.5,4.749,4.749,0,0,0,9.025,4.231l-.262.637-.638-.225a2.861,2.861,0,0,0-.823-.15A2.427,2.427,0,0,0,4.868,6.926v.188l.037.675L4.231,7.9A3.41,3.41,0,0,0,1.5,11.234a3.356,3.356,0,0,0,3.371,3.371H8.24v1.5Z" fill="#3f3b3b"/>
</svg>
<span class="dropdown-text ml-2">Downloads</span>
</span>
</a>
</li>
</ul>
</div>
<div class="fabrx-aside-footer">
<a href="#0" class="font-size-12"><img src="assets/images/icons/signout.svg" alt="Sign out" class="mr-2" width="20"> Sign out</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="UM"></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-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
<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 24.091 24">
<path data-name="Icon Color" d="M-2.182,24,0,21.818-9.818,12,0,2.182-2.182,0l-12,12Z" transform="translate(0.091 4.909) rotate(-90)" fill="#3F3B3B"></path>
</svg>
</a>
<div id="collapseFour" class="collapse" data-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 ml-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>
</aside>
<aside class="fabrx-aside fabrx-aside-four">
<div class="fabrx-aside-header bg-white">
<a href="#0" class="ml-auto">
<svg data-name="Icon/Close" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M20,1.761,18.239,0,10,8.208,1.761,0,0,1.761,8.208,10,0,18.239,1.761,20,10,11.792,18.239,20,20,18.239,11.792,10Z" transform="translate(2 2)" fill="#006EFF"></path>
</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>© 2020 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/Calendar" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.5,24A1.5,1.5,0,0,1,0,22.5V3.375a1.5,1.5,0,0,1,1.5-1.5H6V0H7.5V1.875h9V0H18V1.875h4.5a1.5,1.5,0,0,1,1.5,1.5V22.5A1.5,1.5,0,0,1,22.5,24Zm0-1.5h21V9H1.5Zm21-15V3.375H18V5.25H16.5V3.375h-9V5.25H6V3.375H1.5V7.5Zm-6,11.625v-1.5h3.75v1.5Zm-6.375,0v-1.5h3.75v1.5Zm-6.375,0v-1.5H7.5v1.5ZM16.5,13.5V12h3.75v1.5Zm-6.375,0V12h3.75v1.5Zm-6.375,0V12H7.5v1.5Z" fill="#fff"/>
</svg>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon/Heart Fill" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M24,6.113a6.235,6.235,0,0,0-12-2.25A6.216,6.216,0,0,0,6.225,0,6.162,6.162,0,0,0,0,6.113v.45C0,12.863,12.45,21,12.45,21S24,12.863,24,6.563Z" transform="translate(0 2)" fill="#fff"></path>
</svg>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg data-name="Icon/Download Cloud" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M7.678,19.211,8.8,18.238,11.237,20.9V11.983h1.5v9.065l2.471-2.471,1.048,1.048-4.3,4.307Zm-2.81-3.106a4.875,4.875,0,0,1-1.5-9.512A3.951,3.951,0,0,1,7.3,3a4.2,4.2,0,0,1,.675.074,6.165,6.165,0,0,1,11.5,3.106v.188A4.876,4.876,0,0,1,19.1,16.1H15.729v-1.5H19.1a3.371,3.371,0,0,0,0-6.742h-1.35L17.9,7a6.824,6.824,0,0,0,.074-.823A4.682,4.682,0,0,0,13.3,1.5,4.749,4.749,0,0,0,9.025,4.231l-.262.637-.638-.225a2.861,2.861,0,0,0-.823-.15A2.427,2.427,0,0,0,4.868,6.926v.188l.037.675L4.231,7.9A3.41,3.41,0,0,0,1.5,11.234a3.356,3.356,0,0,0,3.371,3.371H8.24v1.5Z" fill="#fff"></path>
</svg>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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="#fff"></path>
</g>
</svg>
</span>
</a>
</li>
<li>
<a href="#0">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24.001 24">
<g data-name="Icon/Settings" transform="translate(0.001)">
<path data-name="Icon Color" d="M13.631,24H10.179a1.675,1.675,0,0,1-1.65-1.421L8.2,20.337a9.332,9.332,0,0,1-1.952-1.093l-2.3.886a1.663,1.663,0,0,1-.6.112,1.68,1.68,0,0,1-1.429-.8L.239,16.668a1.655,1.655,0,0,1,.426-2.186l1.873-1.4A8.517,8.517,0,0,1,2.462,12a8.091,8.091,0,0,1,.075-1.062L.665,9.535A1.655,1.655,0,0,1,.239,7.349L1.916,4.577a1.672,1.672,0,0,1,2.029-.692l2.3.886A9.742,9.742,0,0,1,8.2,3.681l.332-2.26A1.675,1.675,0,0,1,10.183,0h3.451a1.675,1.675,0,0,1,1.65,1.421l.329,2.242a9.327,9.327,0,0,1,1.951,1.092l2.3-.886a1.67,1.67,0,0,1,2.029.692l1.677,2.771a1.653,1.653,0,0,1-.426,2.186l-1.873,1.4A8.539,8.539,0,0,1,21.351,12a8.1,8.1,0,0,1-.075,1.063l1.872,1.4a1.664,1.664,0,0,1,.664,1.372l.188.109,0,.007-.184-.112-.127-.078-1.268-.777-.019.031,1.284.758-.324-.2.327.189.127.078v.011l.18.106,0,.007-.176-.11-.13-.081.13.081a1.661,1.661,0,0,1-.238.794L21.9,19.422a1.67,1.67,0,0,1-2.029.692l-2.3-.887a9.752,9.752,0,0,1-1.951,1.092l-.333,2.26A1.674,1.674,0,0,1,13.631,24ZM6.537,17.156h0l.745.554a7.447,7.447,0,0,0,1.7.952l.893.357.077.526.061.418.321,2.19h3.132l.462-3.141.881-.362a7.847,7.847,0,0,0,1.717-.958l.746-.554.477.184.392.15,2.245.864,1.51-2.5-2.613-1.957.139-.968A6.523,6.523,0,0,0,19.5,12a6.808,6.808,0,0,0-.074-.941l-.131-.962.435-.326.347-.26L21.9,8.142l-1.51-2.5-3.113,1.2-.746-.554a7.486,7.486,0,0,0-1.7-.953l-.893-.357-.077-.525L13.8,4.036l-.321-2.19H10.343L9.88,4.988,9,5.349a7.914,7.914,0,0,0-1.717.959l-.745.554-.478-.184-.391-.151L3.423,5.664l-1.51,2.5,2.613,1.957-.139.968A6.529,6.529,0,0,0,4.316,12a6.947,6.947,0,0,0,.073.942l.131.962-.435.326-.347.26L1.913,15.857l1.51,2.5,3.113-1.2Zm5.37-1.279A3.877,3.877,0,1,1,15.838,12,3.909,3.909,0,0,1,11.907,15.877Zm0-5.908A2.031,2.031,0,1,0,13.986,12,2.057,2.057,0,0,0,11.907,9.969Z" fill="#fff"></path>
</g>
</svg>
</span>
</a>
</li>
</ul>
</div>
</div>
<div class="fabrx-aside-footer">
<a href="#0" class="font-size-12">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
<g data-name="Icon/Signout" transform="translate(0)">
<path data-name="Icon Color" d="M-22.5,24H-9.75a1.459,1.459,0,0,0,1.066-.434A1.456,1.456,0,0,0-8.25,22.5V15.727h-1.5v5.859a.884.884,0,0,1-.27.645.883.883,0,0,1-.644.269H-21.586a.844.844,0,0,1-.633-.269.906.906,0,0,1-.258-.645l.023-19.172a.9.9,0,0,1,.258-.644.844.844,0,0,1,.633-.269h10.9a.88.88,0,0,1,.644.269.883.883,0,0,1,.27.644V8.25h1.5V1.5A1.456,1.456,0,0,0-8.683.434,1.459,1.459,0,0,0-9.75,0H-22.5a1.468,1.468,0,0,0-1.055.434A1.436,1.436,0,0,0-24,1.5v21a1.436,1.436,0,0,0,.446,1.067A1.468,1.468,0,0,0-22.5,24Zm17.531-7.219a.743.743,0,0,0,.282-.059,1.069,1.069,0,0,0,.257-.153L0,12.023-4.43,7.476a.744.744,0,0,0-.539-.234.747.747,0,0,0-.539.234A.721.721,0,0,0-5.719,8a.719.719,0,0,0,.211.527l2.719,2.719H-15.727a.733.733,0,0,0-.539.211.736.736,0,0,0-.211.539.745.745,0,0,0,.211.527.712.712,0,0,0,.539.223H-2.742l-2.766,2.742a.783.783,0,0,0-.211.538.784.784,0,0,0,.211.539,1.058,1.058,0,0,0,.258.153A.734.734,0,0,0-4.969,16.781Z" transform="translate(24)" fill="#3f3b3b"/>
</g>
</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-dark-trans-8">
<svg data-name="Icon/User" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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="#fff"/>
</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 xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
<g data-name="Icon/Signout" transform="translate(0)">
<path data-name="Icon Color" d="M-22.5,24H-9.75a1.459,1.459,0,0,0,1.066-.434A1.456,1.456,0,0,0-8.25,22.5V15.727h-1.5v5.859a.884.884,0,0,1-.27.645.883.883,0,0,1-.644.269H-21.586a.844.844,0,0,1-.633-.269.906.906,0,0,1-.258-.645l.023-19.172a.9.9,0,0,1,.258-.644.844.844,0,0,1,.633-.269h10.9a.88.88,0,0,1,.644.269.883.883,0,0,1,.27.644V8.25h1.5V1.5A1.456,1.456,0,0,0-8.683.434,1.459,1.459,0,0,0-9.75,0H-22.5a1.468,1.468,0,0,0-1.055.434A1.436,1.436,0,0,0-24,1.5v21a1.436,1.436,0,0,0,.446,1.067A1.468,1.468,0,0,0-22.5,24Zm17.531-7.219a.743.743,0,0,0,.282-.059,1.069,1.069,0,0,0,.257-.153L0,12.023-4.43,7.476a.744.744,0,0,0-.539-.234.747.747,0,0,0-.539.234A.721.721,0,0,0-5.719,8a.719.719,0,0,0,.211.527l2.719,2.719H-15.727a.733.733,0,0,0-.539.211.736.736,0,0,0-.211.539.745.745,0,0,0,.211.527.712.712,0,0,0,.539.223H-2.742l-2.766,2.742a.783.783,0,0,0-.211.538.784.784,0,0,0,.211.539,1.058,1.058,0,0,0,.258.153A.734.734,0,0,0-4.969,16.781Z" transform="translate(24)" fill="#3f3b3b"/>
</g>
</svg>
</a>
</div>
</aside>
Menus Horizontal
<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: 43px;" alt="UM">
</a>
<div class="fabrx-header-links d-flex ml-auto ml-lg-5 order-0 order-lg-2">
<a href="#0" class="mr-1 mr-md-3">
<svg data-name="Icon/Search" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M21.048,21.91a.738.738,0,0,1-.531-.207l-4.959-5.123a9.258,9.258,0,0,1-6.133,2.271,9.431,9.431,0,1,1,7.193-3.293l4.957,5.087a.8.8,0,0,1-.007,1.067A.736.736,0,0,1,21.048,21.91ZM9.426,1.514a7.931,7.931,0,1,0,7.912,7.912A7.921,7.921,0,0,0,9.426,1.514Z" transform="translate(1 1)" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0" class="ml-4 d-none d-lg-inline-block">
<svg data-name="Icon/Hamburger 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M8,9A1,1,0,0,1,8,7H23a1,1,0,1,1,0,2ZM1,2A1,1,0,0,1,1,0H23a1,1,0,1,1,0,2Z" transform="translate(0 8)" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<button class="navbar-toggler pr-0" type="button" data-toggle="collapse" data-target="#menu-1" aria-controls="menu-1" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger 02" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M8,9A1,1,0,0,1,8,7H23a1,1,0,1,1,0,2ZM1,2A1,1,0,0,1,1,0H23a1,1,0,1,1,0,2Z" transform="translate(0 8)" fill="#3f3b3b"></path>
</svg>
</button>
<div class="collapse navbar-collapse" id="menu-1">
<ul class="navbar-nav ml-auto pt-3 pt-lg-0">
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</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="UM">
</a>
<button class="navbar-toggler pr-0" type="button" data-toggle="collapse" data-target="#menu-2" aria-controls="menu-2" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
</button>
<div class="collapse navbar-collapse" id="menu-2">
<ul class="navbar-nav ml-auto pt-3 pt-lg-0">
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
</ul>
<div class="fabrx-header-links ml-0 ml-lg-5">
<a href="#0" class="btn btn-primary mr-3">Button</a>
<a href="#0" class="btn btn-link ml-2 ml-md-4">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</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" alt="UM">
</a>
<button class="navbar-toggler pr-0" type="button" data-toggle="collapse" data-target="#menu-3" aria-controls="menu-3" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
</button>
<div class="collapse navbar-collapse" id="menu-3">
<ul class="navbar-nav ml-auto pt-3 pt-lg-0">
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
</ul>
<div class="fabrx-header-links ml-0 ml-lg-5">
<a href="#0" class="btn btn-primary">Button</a>
<a href="#0" class="btn btn-outline-primary ml-2 ml-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: 43px;" alt="UM">
</a>
<div class="fabrx-header-links d-flex ml-auto">
<a href="#0" class="mx-3 fabrx-carts">
<svg data-name="Icon/Cart" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M17,20.829a2.846,2.846,0,1,1,2.846,2.894A2.873,2.873,0,0,1,17,20.829Zm1.57,0A1.277,1.277,0,1,0,19.848,19.5,1.3,1.3,0,0,0,18.572,20.829Zm-13.935,0a2.846,2.846,0,1,1,2.846,2.894A2.874,2.874,0,0,1,4.637,20.829Zm1.57,0A1.277,1.277,0,1,0,7.483,19.5,1.3,1.3,0,0,0,6.206,20.829Zm.246-4.49a.781.781,0,0,1-.749-.55l-.024-.1L3.216,1.57H.785A.786.786,0,0,1,.006.883L0,.785A.786.786,0,0,1,.686.006L.785,0H3.875a.781.781,0,0,1,.749.55l.024.1L5.18,3.693H22.938a.785.785,0,0,1,.784.832l-.013.1L21.649,15.7a.782.782,0,0,1-.67.634l-.1.006Zm.659-1.57H20.225l1.769-9.508H5.452Z" transform="translate(0.138 0.138)" fill="#3f3b3b"></path>
</svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ml-2 ml-md-4">
<svg data-name="Icon/Notification" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M11.25,24a3.4,3.4,0,0,1-3.3-2.625H0v-1.5a3,3,0,0,0,3-3V10.5A8.15,8.15,0,0,1,4.706,5.484,8.47,8.47,0,0,1,9,2.55v-.3a2.25,2.25,0,1,1,4.5,0v.3a8.471,8.471,0,0,1,4.294,2.934A8.15,8.15,0,0,1,19.5,10.5v6.375a3,3,0,0,0,3,3v1.5H14.55A3.4,3.4,0,0,1,11.25,24ZM9.525,21.375a1.885,1.885,0,0,0,3.451,0ZM11.25,3.75A6.758,6.758,0,0,0,4.5,10.5v6.375a4.465,4.465,0,0,1-1.163,3H19.163a4.466,4.466,0,0,1-1.163-3V10.5A6.758,6.758,0,0,0,11.25,3.75Zm0-2.25a.751.751,0,0,0-.75.75h.75a4.983,4.983,0,0,1,.75.038V2.25A.751.751,0,0,0,11.25,1.5Z" transform="translate(1)" fill="#3f3b3b"></path>
</svg>
</a>
</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: 43px;" alt="UM">
</a>
<div class="fabrx-header-links d-flex ml-auto order-0 order-lg-2">
<a href="#0" class="mx-3 fabrx-carts">
<svg data-name="Icon/Cart" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M17,20.829a2.846,2.846,0,1,1,2.846,2.894A2.873,2.873,0,0,1,17,20.829Zm1.57,0A1.277,1.277,0,1,0,19.848,19.5,1.3,1.3,0,0,0,18.572,20.829Zm-13.935,0a2.846,2.846,0,1,1,2.846,2.894A2.874,2.874,0,0,1,4.637,20.829Zm1.57,0A1.277,1.277,0,1,0,7.483,19.5,1.3,1.3,0,0,0,6.206,20.829Zm.246-4.49a.781.781,0,0,1-.749-.55l-.024-.1L3.216,1.57H.785A.786.786,0,0,1,.006.883L0,.785A.786.786,0,0,1,.686.006L.785,0H3.875a.781.781,0,0,1,.749.55l.024.1L5.18,3.693H22.938a.785.785,0,0,1,.784.832l-.013.1L21.649,15.7a.782.782,0,0,1-.67.634l-.1.006Zm.659-1.57H20.225l1.769-9.508H5.452Z" transform="translate(0.138 0.138)" fill="#3f3b3b"></path>
</svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ml-2 ml-md-4">
<svg data-name="Icon/Notification" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M11.25,24a3.4,3.4,0,0,1-3.3-2.625H0v-1.5a3,3,0,0,0,3-3V10.5A8.15,8.15,0,0,1,4.706,5.484,8.47,8.47,0,0,1,9,2.55v-.3a2.25,2.25,0,1,1,4.5,0v.3a8.471,8.471,0,0,1,4.294,2.934A8.15,8.15,0,0,1,19.5,10.5v6.375a3,3,0,0,0,3,3v1.5H14.55A3.4,3.4,0,0,1,11.25,24ZM9.525,21.375a1.885,1.885,0,0,0,3.451,0ZM11.25,3.75A6.758,6.758,0,0,0,4.5,10.5v6.375a4.465,4.465,0,0,1-1.163,3H19.163a4.466,4.466,0,0,1-1.163-3V10.5A6.758,6.758,0,0,0,11.25,3.75Zm0-2.25a.751.751,0,0,0-.75.75h.75a4.983,4.983,0,0,1,.75.038V2.25A.751.751,0,0,0,11.25,1.5Z" transform="translate(1)" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<button class="navbar-toggler pr-0 ml-2 ml-md-3" type="button" data-toggle="collapse" data-target="#menu-4" aria-controls="menu-4" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></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 active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</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="UM">
</a>
<button class="navbar-toggler pr-0" type="button" data-toggle="collapse" data-target="#menu-5" aria-controls="menu-5" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></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 active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</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 ml-2 ml-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 ml-auto ml-lg-0">
<a href="#0" class="mr-2 mr-md-3">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0" class="ml-2 ml-lg-4 mr-lg-3">
<svg data-name="Icon/Search" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M21.048,21.91a.738.738,0,0,1-.531-.207l-4.959-5.123a9.258,9.258,0,0,1-6.133,2.271,9.431,9.431,0,1,1,7.193-3.293l4.957,5.087a.8.8,0,0,1-.007,1.067A.736.736,0,0,1,21.048,21.91ZM9.426,1.514a7.931,7.931,0,1,0,7.912,7.912A7.921,7.921,0,0,0,9.426,1.514Z" transform="translate(1 1)" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<a class="navbar-brand m-auto" href="#0">
<img src="assets/images/brand-icons/brand-icon-4.svg" alt="UM">
</a>
<div class="fabrx-header-links ml-2 ml-lg-auto">
<a href="#0" class="mr-3 ml-2 ml-md-3 fabrx-carts">
<svg data-name="Icon/Cart" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M17,20.829a2.846,2.846,0,1,1,2.846,2.894A2.873,2.873,0,0,1,17,20.829Zm1.57,0A1.277,1.277,0,1,0,19.848,19.5,1.3,1.3,0,0,0,18.572,20.829Zm-13.935,0a2.846,2.846,0,1,1,2.846,2.894A2.874,2.874,0,0,1,4.637,20.829Zm1.57,0A1.277,1.277,0,1,0,7.483,19.5,1.3,1.3,0,0,0,6.206,20.829Zm.246-4.49a.781.781,0,0,1-.749-.55l-.024-.1L3.216,1.57H.785A.786.786,0,0,1,.006.883L0,.785A.786.786,0,0,1,.686.006L.785,0H3.875a.781.781,0,0,1,.749.55l.024.1L5.18,3.693H22.938a.785.785,0,0,1,.784.832l-.013.1L21.649,15.7a.782.782,0,0,1-.67.634l-.1.006Zm.659-1.57H20.225l1.769-9.508H5.452Z" transform="translate(0.138 0.138)" fill="#3f3b3b"></path>
</svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ml-2 ml-md-4">
<svg data-name="Icon/Notification" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M11.25,24a3.4,3.4,0,0,1-3.3-2.625H0v-1.5a3,3,0,0,0,3-3V10.5A8.15,8.15,0,0,1,4.706,5.484,8.47,8.47,0,0,1,9,2.55v-.3a2.25,2.25,0,1,1,4.5,0v.3a8.471,8.471,0,0,1,4.294,2.934A8.15,8.15,0,0,1,19.5,10.5v6.375a3,3,0,0,0,3,3v1.5H14.55A3.4,3.4,0,0,1,11.25,24ZM9.525,21.375a1.885,1.885,0,0,0,3.451,0ZM11.25,3.75A6.758,6.758,0,0,0,4.5,10.5v6.375a4.465,4.465,0,0,1-1.163,3H19.163a4.466,4.466,0,0,1-1.163-3V10.5A6.758,6.758,0,0,0,11.25,3.75Zm0-2.25a.751.751,0,0,0-.75.75h.75a4.983,4.983,0,0,1,.75.038V2.25A.751.751,0,0,0,11.25,1.5Z" transform="translate(1)" fill="#3f3b3b"></path>
</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: 43px;" alt="UM">
</a>
<div class="fabrx-header-links d-flex ml-auto">
<a href="#0" class="mr-2 mr-md-3 d-none d-lg-inline-block">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0" class="ml-0 ml-lg-4">
<svg data-name="Icon/Search" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M21.048,21.91a.738.738,0,0,1-.531-.207l-4.959-5.123a9.258,9.258,0,0,1-6.133,2.271,9.431,9.431,0,1,1,7.193-3.293l4.957,5.087a.8.8,0,0,1-.007,1.067A.736.736,0,0,1,21.048,21.91ZM9.426,1.514a7.931,7.931,0,1,0,7.912,7.912A7.921,7.921,0,0,0,9.426,1.514Z" transform="translate(1 1)" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<button class="navbar-toggler pr-0 ml-2 ml-md-3" type="button" data-toggle="collapse" data-target="#menu-10" aria-controls="menu-10" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
</button>
<div class="collapse navbar-collapse" id="menu-10">
<div class="fabrx-header-links ml-lg-auto pt-3 pt-lg-0">
<a href="#0" class="btn btn-primary">Button</a>
<a href="#0" class="btn btn-outline-primary ml-2 ml-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: 43px;" alt="UM">
</a>
<div class="fabrx-header-links d-flex order-0 order-lg-2 ml-auto">
<a href="#0" class="mx-3 fabrx-carts">
<svg data-name="Icon/Cart" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M17,20.829a2.846,2.846,0,1,1,2.846,2.894A2.873,2.873,0,0,1,17,20.829Zm1.57,0A1.277,1.277,0,1,0,19.848,19.5,1.3,1.3,0,0,0,18.572,20.829Zm-13.935,0a2.846,2.846,0,1,1,2.846,2.894A2.874,2.874,0,0,1,4.637,20.829Zm1.57,0A1.277,1.277,0,1,0,7.483,19.5,1.3,1.3,0,0,0,6.206,20.829Zm.246-4.49a.781.781,0,0,1-.749-.55l-.024-.1L3.216,1.57H.785A.786.786,0,0,1,.006.883L0,.785A.786.786,0,0,1,.686.006L.785,0H3.875a.781.781,0,0,1,.749.55l.024.1L5.18,3.693H22.938a.785.785,0,0,1,.784.832l-.013.1L21.649,15.7a.782.782,0,0,1-.67.634l-.1.006Zm.659-1.57H20.225l1.769-9.508H5.452Z" transform="translate(0.138 0.138)" fill="#3f3b3b"></path>
</svg>
<div class="badge badge-primary badge-absolute circle ssm">2</div>
</a>
<a href="#0" class="ml-2 ml-md-4">
<svg data-name="Icon/Notification" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M11.25,24a3.4,3.4,0,0,1-3.3-2.625H0v-1.5a3,3,0,0,0,3-3V10.5A8.15,8.15,0,0,1,4.706,5.484,8.47,8.47,0,0,1,9,2.55v-.3a2.25,2.25,0,1,1,4.5,0v.3a8.471,8.471,0,0,1,4.294,2.934A8.15,8.15,0,0,1,19.5,10.5v6.375a3,3,0,0,0,3,3v1.5H14.55A3.4,3.4,0,0,1,11.25,24ZM9.525,21.375a1.885,1.885,0,0,0,3.451,0ZM11.25,3.75A6.758,6.758,0,0,0,4.5,10.5v6.375a4.465,4.465,0,0,1-1.163,3H19.163a4.466,4.466,0,0,1-1.163-3V10.5A6.758,6.758,0,0,0,11.25,3.75Zm0-2.25a.751.751,0,0,0-.75.75h.75a4.983,4.983,0,0,1,.75.038V2.25A.751.751,0,0,0,11.25,1.5Z" transform="translate(1)" fill="#3f3b3b"></path>
</svg>
</a>
</div>
<button class="navbar-toggler pr-0 ml-2 ml-md-3" type="button" data-toggle="collapse" data-target="#menu-7" aria-controls="menu-7" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
</button>
<div class="collapse navbar-collapse" id="menu-7">
<ul class="navbar-nav pt-3 pt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</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" alt="UM">
</a>
<button class="navbar-toggler pr-0 ml-auto" type="button" data-toggle="collapse" data-target="#menu-11" aria-controls="menu-11" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
</button>
<div class="collapse navbar-collapse" id="menu-11">
<ul class="navbar-nav pt-3 pt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
</ul>
<div class="fabrx-header-links ml-lg-auto">
<a href="#0" class="btn btn-primary">Button</a>
<a href="#0" class="btn btn-outline-primary ml-2 ml-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" alt="UM">
</a>
<button class="navbar-toggler pr-0" type="button" data-toggle="collapse" data-target="#menu-8" aria-controls="menu-8" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></path>
</svg>
</button>
<div class="collapse navbar-collapse" id="menu-8">
<ul class="navbar-nav ml-auto pt-3 pt-lg-0">
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
</ul>
<div class="fabrx-header-links ml-0 ml-lg-5">
<a href="#0" class="btn btn-link mr-4">
<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="M10.909,5.818H0V2.909H10.909V0L16,4.243,10.909,8.485Z" transform="translate(0 4)" fill="#006eff"></path>
</svg>
</a>
<a href="#0" class="btn btn-primary">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: 43px;" alt="UM">
</a>
<div class="fabrx-header-links text-nowrap ml-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 pr-0 ml-1 ml-md-3 ml-lg-0" type="button" data-toggle="collapse" data-target="#menu-9" aria-controls="menu-9" aria-expanded="false" aria-label="Toggle navigation">
<svg data-name="Icon/Hamburger" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M1.033,14a1.2,1.2,0,0,1-.409-.069.947.947,0,0,1-.337-.207,1.2,1.2,0,0,1-.216-.333,1.046,1.046,0,0,1-.072-.4A1.072,1.072,0,0,1,.072,12.6a.892.892,0,0,1,.216-.321.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,12H22.967a1.206,1.206,0,0,1,.409.069.935.935,0,0,1,.336.207.9.9,0,0,1,.217.321,1.072,1.072,0,0,1,.072.391,1.046,1.046,0,0,1-.072.4,1.206,1.206,0,0,1-.217.333.935.935,0,0,1-.336.207,1.206,1.206,0,0,1-.409.069Zm0-6a1.2,1.2,0,0,1-.409-.069.934.934,0,0,1-.337-.207,1.189,1.189,0,0,1-.216-.333A1.046,1.046,0,0,1,0,6.989,1.068,1.068,0,0,1,.072,6.6a.9.9,0,0,1,.216-.322.947.947,0,0,1,.337-.207A1.2,1.2,0,0,1,1.033,6H22.967a1.206,1.206,0,0,1,.409.068.935.935,0,0,1,.336.207.9.9,0,0,1,.217.322A1.068,1.068,0,0,1,24,6.989a1.046,1.046,0,0,1-.072.4,1.193,1.193,0,0,1-.217.333.923.923,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,8Zm0-6a1.2,1.2,0,0,1-.409-.068.947.947,0,0,1-.337-.207,1.193,1.193,0,0,1-.216-.334A1.039,1.039,0,0,1,0,.988,1.068,1.068,0,0,1,.072.6.892.892,0,0,1,.288.276.934.934,0,0,1,.625.069,1.2,1.2,0,0,1,1.033,0H22.967a1.206,1.206,0,0,1,.409.069.923.923,0,0,1,.336.207A.9.9,0,0,1,23.928.6,1.068,1.068,0,0,1,24,.988a1.039,1.039,0,0,1-.072.4,1.2,1.2,0,0,1-.217.334.935.935,0,0,1-.336.207A1.206,1.206,0,0,1,22.967,2Z" transform="translate(0 5)" fill="#3f3b3b"></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 active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</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="UM">
</a>
<div class="fabrx-header-links ml-auto">
<div class="dropdown">
<a href="#" role="button" id="Action1" data-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 mr-2">Bruce Lee</span>
<svg data-name="Icon/Arrows/Chevron/Down" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24.091 24">
<path data-name="Icon Color" d="M-2.182,24,0,21.818-9.818,12,0,2.182-2.182,0l-12,12Z" transform="translate(0.091 4.909) rotate(-90)" fill="#3f3b3b"></path>
</svg>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="Action1">
<a class="dropdown-item" href="#0">Action</a>
<a class="dropdown-item" href="#0">Another action</a>
<a class="dropdown-item" href="#0">Something else here</a>
</div>
</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="UM">
</a>
<div class="fabrx-header-links ml-auto d-flex">
<div class="dropdown">
<a href="#" role="button" id="dropdownMenuLink" data-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 mr-2">Bruce Lee</span>
<svg data-name="Icon/Arrows/Chevron/Down" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24.091 24">
<path data-name="Icon Color" d="M-2.182,24,0,21.818-9.818,12,0,2.182-2.182,0l-12,12Z" transform="translate(0.091 4.909) rotate(-90)" fill="#3f3b3b"></path>
</svg>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="#0">Action</a>
<a class="dropdown-item" href="#0">Another action</a>
<a class="dropdown-item" href="#0">Something else here</a>
</div>
</div>
<a href="#0" class="mr-3 ml-4 ml-md-5 fabrx-carts">
<svg data-name="Icon/Gift" xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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"></path>
</svg>
</a>
<a href="#0" class="ml-2 ml-md-4">
<svg data-name="Icon/Notification" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M11.25,24a3.4,3.4,0,0,1-3.3-2.625H0v-1.5a3,3,0,0,0,3-3V10.5A8.15,8.15,0,0,1,4.706,5.484,8.47,8.47,0,0,1,9,2.55v-.3a2.25,2.25,0,1,1,4.5,0v.3a8.471,8.471,0,0,1,4.294,2.934A8.15,8.15,0,0,1,19.5,10.5v6.375a3,3,0,0,0,3,3v1.5H14.55A3.4,3.4,0,0,1,11.25,24ZM9.525,21.375a1.885,1.885,0,0,0,3.451,0ZM11.25,3.75A6.758,6.758,0,0,0,4.5,10.5v6.375a4.465,4.465,0,0,1-1.163,3H19.163a4.466,4.466,0,0,1-1.163-3V10.5A6.758,6.758,0,0,0,11.25,3.75Zm0-2.25a.751.751,0,0,0-.75.75h.75a4.983,4.983,0,0,1,.75.038V2.25A.751.751,0,0,0,11.25,1.5Z" transform="translate(1)" fill="#3f3b3b"></path>
</svg>
</a>
</div>
</nav>
</div>
</header>
Footers
<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="U">
</a>
</div>
<div class="col-6 my-2">
<p class="text-secondary mb-0 text-right">© 2019 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-left">
<a href="#0">
<img src="assets/images/brand-icons/brand-icon-4.svg" alt="UM">
</a>
</div>
<div class="col-lg-6 col-sm-9">
<nav class="navbar navbar-expand-lg">
<ul class="navbar-nav m-auto mr-sm-0 m-lg-auto">
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</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-right text-secondary">© 2019 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-left">
<a href="#0">
<img src="assets/images/brand-icons/brand-icon-4.svg" alt="UM">
</a>
</div>
<div class="col-lg-6 col-sm-9">
<nav class="navbar navbar-expand-lg">
<ul class="navbar-nav m-auto mr-sm-0 m-lg-auto">
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</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-right">
<a href="#0">
<svg data-name="Icon/Social/OutlineFacebook" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm9.262,5.625V12.488H9V10.5h1.8V9a2.424,2.424,0,0,1,2.625-2.625A11.921,11.921,0,0,1,15,6.45v1.8H13.912c-.862,0-1.012.412-1.012.975V10.5h2.025l-.262,1.987H12.9v5.137Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineInstagram" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm8.137,6.338a4.248,4.248,0,0,1-1.612-.3,3.941,3.941,0,0,1-1.237-.825,3.116,3.116,0,0,1-.825-1.237,5.11,5.11,0,0,1-.3-1.613c-.038-.637-.038-.833-.038-2.363s0-1.724.038-2.363a4.248,4.248,0,0,1,.3-1.612,3.926,3.926,0,0,1,.825-1.237,3.123,3.123,0,0,1,1.237-.825,5.1,5.1,0,0,1,1.612-.3c.638-.038.834-.038,2.363-.038s1.725,0,2.363.038a4.256,4.256,0,0,1,1.613.3,3.945,3.945,0,0,1,1.237.825,3.135,3.135,0,0,1,.825,1.237,5.133,5.133,0,0,1,.3,1.612c.038.638.038.834.038,2.363s0,1.725-.038,2.363a4.256,4.256,0,0,1-.3,1.613,3.977,3.977,0,0,1-.825,1.237,3.135,3.135,0,0,1-1.237.825,5.124,5.124,0,0,1-1.613.3c-.637.038-.833.038-2.363.038S10.275,18.375,9.637,18.337Zm-.971-11-.041.014A2.153,2.153,0,0,0,7.387,8.588a2.907,2.907,0,0,0-.225,1.125c-.037.6-.037.791-.037,2.287v2.25a3.7,3.7,0,0,0,.211,1.083l.014.042a2.146,2.146,0,0,0,1.237,1.237,2.894,2.894,0,0,0,1.125.225c.6.038.791.038,2.287.038h2.25a3.727,3.727,0,0,0,1.078-.21l.047-.015a2.153,2.153,0,0,0,1.237-1.237,2.894,2.894,0,0,0,.225-1.125c.038-.6.038-.792.038-2.288V9.75a3.742,3.742,0,0,0-.21-1.079l-.015-.046a2.16,2.16,0,0,0-1.237-1.238,2.907,2.907,0,0,0-1.125-.225c-.6-.037-.792-.037-2.288-.037H9.75A3.746,3.746,0,0,0,8.666,7.336ZM8.7,12A3.307,3.307,0,1,1,12,15.3,3.264,3.264,0,0,1,8.7,12Zm1.5,0A1.8,1.8,0,1,0,12,10.2,1.824,1.824,0,0,0,10.2,12Zm4.274-3.188a.713.713,0,1,1,.713.712A.713.713,0,0,1,14.475,8.813Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineTwitter" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12ZM6,15.788a3.271,3.271,0,0,0,.6.037,4.844,4.844,0,0,0,3.075-1.049A2.507,2.507,0,0,1,7.387,13.05a1.815,1.815,0,0,0,.45.038,3.673,3.673,0,0,0,.638-.076,2.454,2.454,0,0,1-1.988-2.4v-.038a2.3,2.3,0,0,0,1.125.3A2.537,2.537,0,0,1,6.525,8.813a2.359,2.359,0,0,1,.338-1.238,6.923,6.923,0,0,0,5.062,2.587A2.88,2.88,0,0,1,11.85,9.6a2.472,2.472,0,0,1,2.475-2.475,2.413,2.413,0,0,1,1.762.787,4.737,4.737,0,0,0,1.575-.6,2.422,2.422,0,0,1-1.087,1.35A4.431,4.431,0,0,0,18,8.287a5.56,5.56,0,0,1-1.2,1.275v.3a6.959,6.959,0,0,1-7.013,7.013A6.887,6.887,0,0,1,6,15.788Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/Outline/Behance" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm12.937,3.825a2.285,2.285,0,0,1-.9-.637,2.34,2.34,0,0,1-.562-.975,3.248,3.248,0,0,1-.187-1.237,3.306,3.306,0,0,1,.225-1.238,2.72,2.72,0,0,1,1.537-1.613,3.121,3.121,0,0,1,1.2-.225,2.786,2.786,0,0,1,1.274.3,2.548,2.548,0,0,1,.9.788,2.985,2.985,0,0,1,.488,1.125,3.827,3.827,0,0,1,.112,1.313H14.25a1.708,1.708,0,0,0,.412,1.125,1.382,1.382,0,0,0,1.012.337,1.291,1.291,0,0,0,.825-.263.885.885,0,0,0,.412-.525H18.3a2.664,2.664,0,0,1-1.012,1.5,2.913,2.913,0,0,1-1.65.45A2.986,2.986,0,0,1,14.437,15.825Zm.488-4.537a1.169,1.169,0,0,0-.412.338.9.9,0,0,0-.225.412c-.007.031-.015.061-.023.09a1.144,1.144,0,0,0-.052.285h2.551a1.4,1.4,0,0,0-.3-.938,1.11,1.11,0,0,0-.9-.338A1.148,1.148,0,0,0,14.925,11.288Zm-9.3,4.687v-8.1H9.338a4.21,4.21,0,0,1,1.012.113,2.51,2.51,0,0,1,.787.337,2.02,2.02,0,0,1,.525.6,2.321,2.321,0,0,1,.188.937,1.7,1.7,0,0,1-.263,1.013,2.344,2.344,0,0,1-.788.675,2.1,2.1,0,0,1,1.087.751,2.443,2.443,0,0,1,.337,1.312A2.3,2.3,0,0,1,12,14.663a2.067,2.067,0,0,1-.637.75,2.472,2.472,0,0,1-.9.412,4.7,4.7,0,0,1-1.013.15ZM7.35,14.55H9.187v.037h.077a1.649,1.649,0,0,0,.41-.036.837.837,0,0,0,.412-.188.6.6,0,0,0,.263-.338,1.087,1.087,0,0,0,.113-.525,1.11,1.11,0,0,0-.338-.9,1.341,1.341,0,0,0-.9-.263H7.35Zm0-3.451H9.113v.038h0a1.176,1.176,0,0,0,.745-.224.931.931,0,0,0,.3-.75.8.8,0,0,0-.112-.45l0,0a1.022,1.022,0,0,0-.259-.3,1.116,1.116,0,0,0-.375-.149,1.819,1.819,0,0,0-.45-.038H7.35Zm6.6-1.912V8.4h3.188v.788Z" fill="#3f3b3b"></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-left">
<a href="#0">
<img src="assets/images/brand-icons/brand-icon-4.svg" alt="UM">
</a>
</div>
<div class="col-md-6 col-sm-9">
<nav class="navbar navbar-expand-lg pr-0">
<ul class="navbar-nav m-auto mr-sm-0">
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</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-left mb-0">© 2019 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-0 mt-sm-3 mb-3 text-center text-sm-left">
<a href="#0">
<img src="assets/images/brand-icons/brand-icon-4.svg" alt="UM">
</a>
</div>
<div class="col-md-6 col-sm-9">
<nav class="navbar navbar-expand-lg pr-0">
<ul class="navbar-nav m-auto mr-sm-0">
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="row align-items-center pt-0 pt-md-5 mt-0 mt-md-5">
<div class="col-sm-6 mt-2 mt-sm-4 pt-0 pt-md-2">
<p class="font-size-14 text-secondary text-center text-sm-left mb-0">© 2019 Fabrx</p>
</div>
<div class="col-sm-6 mt-4 mt-sm-4 pt-0 pt-md-2">
<div class="fabrx-social text-center text-sm-right">
<a href="#0">
<svg data-name="Icon/Social/OutlineFacebook" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm9.262,5.625V12.488H9V10.5h1.8V9a2.424,2.424,0,0,1,2.625-2.625A11.921,11.921,0,0,1,15,6.45v1.8H13.912c-.862,0-1.012.412-1.012.975V10.5h2.025l-.262,1.987H12.9v5.137Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineInstagram" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm8.137,6.338a4.248,4.248,0,0,1-1.612-.3,3.941,3.941,0,0,1-1.237-.825,3.116,3.116,0,0,1-.825-1.237,5.11,5.11,0,0,1-.3-1.613c-.038-.637-.038-.833-.038-2.363s0-1.724.038-2.363a4.248,4.248,0,0,1,.3-1.612,3.926,3.926,0,0,1,.825-1.237,3.123,3.123,0,0,1,1.237-.825,5.1,5.1,0,0,1,1.612-.3c.638-.038.834-.038,2.363-.038s1.725,0,2.363.038a4.256,4.256,0,0,1,1.613.3,3.945,3.945,0,0,1,1.237.825,3.135,3.135,0,0,1,.825,1.237,5.133,5.133,0,0,1,.3,1.612c.038.638.038.834.038,2.363s0,1.725-.038,2.363a4.256,4.256,0,0,1-.3,1.613,3.977,3.977,0,0,1-.825,1.237,3.135,3.135,0,0,1-1.237.825,5.124,5.124,0,0,1-1.613.3c-.637.038-.833.038-2.363.038S10.275,18.375,9.637,18.337Zm-.971-11-.041.014A2.153,2.153,0,0,0,7.387,8.588a2.907,2.907,0,0,0-.225,1.125c-.037.6-.037.791-.037,2.287v2.25a3.7,3.7,0,0,0,.211,1.083l.014.042a2.146,2.146,0,0,0,1.237,1.237,2.894,2.894,0,0,0,1.125.225c.6.038.791.038,2.287.038h2.25a3.727,3.727,0,0,0,1.078-.21l.047-.015a2.153,2.153,0,0,0,1.237-1.237,2.894,2.894,0,0,0,.225-1.125c.038-.6.038-.792.038-2.288V9.75a3.742,3.742,0,0,0-.21-1.079l-.015-.046a2.16,2.16,0,0,0-1.237-1.238,2.907,2.907,0,0,0-1.125-.225c-.6-.037-.792-.037-2.288-.037H9.75A3.746,3.746,0,0,0,8.666,7.336ZM8.7,12A3.307,3.307,0,1,1,12,15.3,3.264,3.264,0,0,1,8.7,12Zm1.5,0A1.8,1.8,0,1,0,12,10.2,1.824,1.824,0,0,0,10.2,12Zm4.274-3.188a.713.713,0,1,1,.713.712A.713.713,0,0,1,14.475,8.813Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineTwitter" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12ZM6,15.788a3.271,3.271,0,0,0,.6.037,4.844,4.844,0,0,0,3.075-1.049A2.507,2.507,0,0,1,7.387,13.05a1.815,1.815,0,0,0,.45.038,3.673,3.673,0,0,0,.638-.076,2.454,2.454,0,0,1-1.988-2.4v-.038a2.3,2.3,0,0,0,1.125.3A2.537,2.537,0,0,1,6.525,8.813a2.359,2.359,0,0,1,.338-1.238,6.923,6.923,0,0,0,5.062,2.587A2.88,2.88,0,0,1,11.85,9.6a2.472,2.472,0,0,1,2.475-2.475,2.413,2.413,0,0,1,1.762.787,4.737,4.737,0,0,0,1.575-.6,2.422,2.422,0,0,1-1.087,1.35A4.431,4.431,0,0,0,18,8.287a5.56,5.56,0,0,1-1.2,1.275v.3a6.959,6.959,0,0,1-7.013,7.013A6.887,6.887,0,0,1,6,15.788Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/Outline/Behance" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm12.937,3.825a2.285,2.285,0,0,1-.9-.637,2.34,2.34,0,0,1-.562-.975,3.248,3.248,0,0,1-.187-1.237,3.306,3.306,0,0,1,.225-1.238,2.72,2.72,0,0,1,1.537-1.613,3.121,3.121,0,0,1,1.2-.225,2.786,2.786,0,0,1,1.274.3,2.548,2.548,0,0,1,.9.788,2.985,2.985,0,0,1,.488,1.125,3.827,3.827,0,0,1,.112,1.313H14.25a1.708,1.708,0,0,0,.412,1.125,1.382,1.382,0,0,0,1.012.337,1.291,1.291,0,0,0,.825-.263.885.885,0,0,0,.412-.525H18.3a2.664,2.664,0,0,1-1.012,1.5,2.913,2.913,0,0,1-1.65.45A2.986,2.986,0,0,1,14.437,15.825Zm.488-4.537a1.169,1.169,0,0,0-.412.338.9.9,0,0,0-.225.412c-.007.031-.015.061-.023.09a1.144,1.144,0,0,0-.052.285h2.551a1.4,1.4,0,0,0-.3-.938,1.11,1.11,0,0,0-.9-.338A1.148,1.148,0,0,0,14.925,11.288Zm-9.3,4.687v-8.1H9.338a4.21,4.21,0,0,1,1.012.113,2.51,2.51,0,0,1,.787.337,2.02,2.02,0,0,1,.525.6,2.321,2.321,0,0,1,.188.937,1.7,1.7,0,0,1-.263,1.013,2.344,2.344,0,0,1-.788.675,2.1,2.1,0,0,1,1.087.751,2.443,2.443,0,0,1,.337,1.312A2.3,2.3,0,0,1,12,14.663a2.067,2.067,0,0,1-.637.75,2.472,2.472,0,0,1-.9.412,4.7,4.7,0,0,1-1.013.15ZM7.35,14.55H9.187v.037h.077a1.649,1.649,0,0,0,.41-.036.837.837,0,0,0,.412-.188.6.6,0,0,0,.263-.338,1.087,1.087,0,0,0,.113-.525,1.11,1.11,0,0,0-.338-.9,1.341,1.341,0,0,0-.9-.263H7.35Zm0-3.451H9.113v.038h0a1.176,1.176,0,0,0,.745-.224.931.931,0,0,0,.3-.75.8.8,0,0,0-.112-.45l0,0a1.022,1.022,0,0,0-.259-.3,1.116,1.116,0,0,0-.375-.149,1.819,1.819,0,0,0-.45-.038H7.35Zm6.6-1.912V8.4h3.188v.788Z" fill="#3f3b3b"></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-3 pb-md-5">
<div class="col-lg-2 col-md-4 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">First Column</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Link One</a>
</li>
<li>
<a href="#0">Link Two</a>
</li>
<li>
<a href="#0">Link Three</a>
</li>
<li>
<a href="#0">Link Four</a>
</li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Second Column</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Link One</a>
</li>
<li>
<a href="#0">Link Two</a>
</li>
<li>
<a href="#0">Link Three</a>
</li>
<li>
<a href="#0">Link Four</a>
</li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Third Column</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Link One</a>
</li>
<li>
<a href="#0">Link Two</a>
</li>
<li>
<a href="#0">Link Three</a>
</li>
<li>
<a href="#0">Link Four</a>
</li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Fourth Column</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Link One</a>
</li>
<li>
<a href="#0">Link Two</a>
</li>
<li>
<a href="#0">Link Three</a>
</li>
<li>
<a href="#0">Link Four</a>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-6">
<div class="pl-0 pl-lg-5">
<p class="font-size-16 text-dark text-left text-md-right mb-md-4">Never miss an update</p>
<div class="form-group mb-0">
<button type="submit" for="Input1" class="btn btn-primary control-icon control-icon-right">
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" 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="#605f5f"></path>
</g>
</svg>
</button>
<input type="text" name="Input1" placeholder="Placeholder" class="form-control" id="Input1">
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row pb-4 pt-2">
<div class="col-md-6 col-sm-4 text-center text-sm-left">
<a href="#0">
<img src="assets/images/brand-icons/brand-icon-5.svg" alt="U">
</a>
<span class="text-secondary ml-2">© 2019 Fabrx</span>
</div>
<div class="col-md-6 col-sm-8">
<div class="fabrx-social text-center text-md-right mt-3 mt-sm-0">
<a href="#0">
<svg data-name="Icon/Social/OutlineFacebook" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm9.262,5.625V12.488H9V10.5h1.8V9a2.424,2.424,0,0,1,2.625-2.625A11.921,11.921,0,0,1,15,6.45v1.8H13.912c-.862,0-1.012.412-1.012.975V10.5h2.025l-.262,1.987H12.9v5.137Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineInstagram" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm8.137,6.338a4.248,4.248,0,0,1-1.612-.3,3.941,3.941,0,0,1-1.237-.825,3.116,3.116,0,0,1-.825-1.237,5.11,5.11,0,0,1-.3-1.613c-.038-.637-.038-.833-.038-2.363s0-1.724.038-2.363a4.248,4.248,0,0,1,.3-1.612,3.926,3.926,0,0,1,.825-1.237,3.123,3.123,0,0,1,1.237-.825,5.1,5.1,0,0,1,1.612-.3c.638-.038.834-.038,2.363-.038s1.725,0,2.363.038a4.256,4.256,0,0,1,1.613.3,3.945,3.945,0,0,1,1.237.825,3.135,3.135,0,0,1,.825,1.237,5.133,5.133,0,0,1,.3,1.612c.038.638.038.834.038,2.363s0,1.725-.038,2.363a4.256,4.256,0,0,1-.3,1.613,3.977,3.977,0,0,1-.825,1.237,3.135,3.135,0,0,1-1.237.825,5.124,5.124,0,0,1-1.613.3c-.637.038-.833.038-2.363.038S10.275,18.375,9.637,18.337Zm-.971-11-.041.014A2.153,2.153,0,0,0,7.387,8.588a2.907,2.907,0,0,0-.225,1.125c-.037.6-.037.791-.037,2.287v2.25a3.7,3.7,0,0,0,.211,1.083l.014.042a2.146,2.146,0,0,0,1.237,1.237,2.894,2.894,0,0,0,1.125.225c.6.038.791.038,2.287.038h2.25a3.727,3.727,0,0,0,1.078-.21l.047-.015a2.153,2.153,0,0,0,1.237-1.237,2.894,2.894,0,0,0,.225-1.125c.038-.6.038-.792.038-2.288V9.75a3.742,3.742,0,0,0-.21-1.079l-.015-.046a2.16,2.16,0,0,0-1.237-1.238,2.907,2.907,0,0,0-1.125-.225c-.6-.037-.792-.037-2.288-.037H9.75A3.746,3.746,0,0,0,8.666,7.336ZM8.7,12A3.307,3.307,0,1,1,12,15.3,3.264,3.264,0,0,1,8.7,12Zm1.5,0A1.8,1.8,0,1,0,12,10.2,1.824,1.824,0,0,0,10.2,12Zm4.274-3.188a.713.713,0,1,1,.713.712A.713.713,0,0,1,14.475,8.813Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineTwitter" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12ZM6,15.788a3.271,3.271,0,0,0,.6.037,4.844,4.844,0,0,0,3.075-1.049A2.507,2.507,0,0,1,7.387,13.05a1.815,1.815,0,0,0,.45.038,3.673,3.673,0,0,0,.638-.076,2.454,2.454,0,0,1-1.988-2.4v-.038a2.3,2.3,0,0,0,1.125.3A2.537,2.537,0,0,1,6.525,8.813a2.359,2.359,0,0,1,.338-1.238,6.923,6.923,0,0,0,5.062,2.587A2.88,2.88,0,0,1,11.85,9.6a2.472,2.472,0,0,1,2.475-2.475,2.413,2.413,0,0,1,1.762.787,4.737,4.737,0,0,0,1.575-.6,2.422,2.422,0,0,1-1.087,1.35A4.431,4.431,0,0,0,18,8.287a5.56,5.56,0,0,1-1.2,1.275v.3a6.959,6.959,0,0,1-7.013,7.013A6.887,6.887,0,0,1,6,15.788Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/Outline/Behance" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm12.937,3.825a2.285,2.285,0,0,1-.9-.637,2.34,2.34,0,0,1-.562-.975,3.248,3.248,0,0,1-.187-1.237,3.306,3.306,0,0,1,.225-1.238,2.72,2.72,0,0,1,1.537-1.613,3.121,3.121,0,0,1,1.2-.225,2.786,2.786,0,0,1,1.274.3,2.548,2.548,0,0,1,.9.788,2.985,2.985,0,0,1,.488,1.125,3.827,3.827,0,0,1,.112,1.313H14.25a1.708,1.708,0,0,0,.412,1.125,1.382,1.382,0,0,0,1.012.337,1.291,1.291,0,0,0,.825-.263.885.885,0,0,0,.412-.525H18.3a2.664,2.664,0,0,1-1.012,1.5,2.913,2.913,0,0,1-1.65.45A2.986,2.986,0,0,1,14.437,15.825Zm.488-4.537a1.169,1.169,0,0,0-.412.338.9.9,0,0,0-.225.412c-.007.031-.015.061-.023.09a1.144,1.144,0,0,0-.052.285h2.551a1.4,1.4,0,0,0-.3-.938,1.11,1.11,0,0,0-.9-.338A1.148,1.148,0,0,0,14.925,11.288Zm-9.3,4.687v-8.1H9.338a4.21,4.21,0,0,1,1.012.113,2.51,2.51,0,0,1,.787.337,2.02,2.02,0,0,1,.525.6,2.321,2.321,0,0,1,.188.937,1.7,1.7,0,0,1-.263,1.013,2.344,2.344,0,0,1-.788.675,2.1,2.1,0,0,1,1.087.751,2.443,2.443,0,0,1,.337,1.312A2.3,2.3,0,0,1,12,14.663a2.067,2.067,0,0,1-.637.75,2.472,2.472,0,0,1-.9.412,4.7,4.7,0,0,1-1.013.15ZM7.35,14.55H9.187v.037h.077a1.649,1.649,0,0,0,.41-.036.837.837,0,0,0,.412-.188.6.6,0,0,0,.263-.338,1.087,1.087,0,0,0,.113-.525,1.11,1.11,0,0,0-.338-.9,1.341,1.341,0,0,0-.9-.263H7.35Zm0-3.451H9.113v.038h0a1.176,1.176,0,0,0,.745-.224.931.931,0,0,0,.3-.75.8.8,0,0,0-.112-.45l0,0a1.022,1.022,0,0,0-.259-.3,1.116,1.116,0,0,0-.375-.149,1.819,1.819,0,0,0-.45-.038H7.35Zm6.6-1.912V8.4h3.188v.788Z" fill="#3f3b3b"></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-3 pb-md-5">
<div class="col-md-3 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">First Column</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Link One</a>
</li>
<li>
<a href="#0">Link Two</a>
</li>
<li>
<a href="#0">Link Three</a>
</li>
<li>
<a href="#0">Link Four</a>
</li>
</ul>
</div>
<div class="col-md-3 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Second Column</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Link One</a>
</li>
<li>
<a href="#0">Link Two</a>
</li>
<li>
<a href="#0">Link Three</a>
</li>
<li>
<a href="#0">Link Four</a>
</li>
</ul>
</div>
<div class="col-md-3 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Third Column</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Link One</a>
</li>
<li>
<a href="#0">Link Two</a>
</li>
<li>
<a href="#0">Link Three</a>
</li>
<li>
<a href="#0">Link Four</a>
</li>
</ul>
</div>
<div class="col-md-3 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Fourth Column</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Link One</a>
</li>
<li>
<a href="#0">Link Two</a>
</li>
<li>
<a href="#0">Link Three</a>
</li>
<li>
<a href="#0">Link Four</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 text-sm-left">
<span class="text-secondary mb-0">© 2019 Fabrx</span>
</div>
<div class="col-sm-4 text-center my-3 my-sm-0">
<a href="#0">
<img src="assets/images/brand-icons/brand-icon-4.svg" alt="UM">
</a>
</div>
<div class="col-sm-4">
<div class="dropdown text-center text-sm-right">
<a href="#" class="btn btn-sm btn-outline-primary" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Button
<svg class="ml-2" data-name="Icon/Arrows/Chevron/Down" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24.091 24">
<path data-name="Icon Color" d="M-2.182,24,0,21.818-9.818,12,0,2.182-2.182,0l-12,12Z" transform="translate(0.091 4.909) rotate(-90)" fill="#3f3b3b"></path>
</svg>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<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">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#0">Link</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#0">Link</a>
</li>
</ul>
</nav>
</div>
<hr>
<div class="container">
<div class="row pt-4 pb-3 pb-md-5 mt-0 mt-sm-4">
<div class="col-md-7">
<div class="fabrx-footer-contnet pr-0 pr-md-5">
<a href="#0">
<img src="assets/images/brand-icons/brand-icon-4.svg" alt="UM">
</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-md-3 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">First Column</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Link One</a>
</li>
<li>
<a href="#0">Link Two</a>
</li>
<li>
<a href="#0">Link Three</a>
</li>
<li>
<a href="#0">Link Four</a>
</li>
</ul>
</div>
<div class="col-md-2 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Second Column</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Link One</a>
</li>
<li>
<a href="#0">Link Two</a>
</li>
<li>
<a href="#0">Link Three</a>
</li>
<li>
<a href="#0">Link Four</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<footer class="fabrx-footer pb-0 pb-md-4">
<div class="container">
<div class="row pt-4 pb-3 pb-md-5">
<div class="col-md-5">
<div class="fabrx-footer-contnet pr-0 pr-md-5">
<a href="#0">
<img src="assets/images/brand-icons/brand-icon-4.svg" alt="UM">
</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-md-2 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">First Column</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Link One</a>
</li>
<li>
<a href="#0">Link Two</a>
</li>
<li>
<a href="#0">Link Three</a>
</li>
<li>
<a href="#0">Link Four</a>
</li>
</ul>
</div>
<div class="col-md-2 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Second Column</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Link One</a>
</li>
<li>
<a href="#0">Link Two</a>
</li>
<li>
<a href="#0">Link Three</a>
</li>
<li>
<a href="#0">Link Four</a>
</li>
</ul>
</div>
<div class="col-md-2 col-6">
<h6 class="font-size-14 font-weight-bold mb-3">Third Column</h6>
<ul class="fabrx-footer-menu">
<li>
<a href="#0">Link One</a>
</li>
<li>
<a href="#0">Link Two</a>
</li>
<li>
<a href="#0">Link Three</a>
</li>
<li>
<a href="#0">Link Four</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-center text-sm-left mb-3 mb-sm-0">
<a href="#0">
<svg data-name="Icon/Social/OutlineFacebook" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm9.262,5.625V12.488H9V10.5h1.8V9a2.424,2.424,0,0,1,2.625-2.625A11.921,11.921,0,0,1,15,6.45v1.8H13.912c-.862,0-1.012.412-1.012.975V10.5h2.025l-.262,1.987H12.9v5.137Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineInstagram" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm8.137,6.338a4.248,4.248,0,0,1-1.612-.3,3.941,3.941,0,0,1-1.237-.825,3.116,3.116,0,0,1-.825-1.237,5.11,5.11,0,0,1-.3-1.613c-.038-.637-.038-.833-.038-2.363s0-1.724.038-2.363a4.248,4.248,0,0,1,.3-1.612,3.926,3.926,0,0,1,.825-1.237,3.123,3.123,0,0,1,1.237-.825,5.1,5.1,0,0,1,1.612-.3c.638-.038.834-.038,2.363-.038s1.725,0,2.363.038a4.256,4.256,0,0,1,1.613.3,3.945,3.945,0,0,1,1.237.825,3.135,3.135,0,0,1,.825,1.237,5.133,5.133,0,0,1,.3,1.612c.038.638.038.834.038,2.363s0,1.725-.038,2.363a4.256,4.256,0,0,1-.3,1.613,3.977,3.977,0,0,1-.825,1.237,3.135,3.135,0,0,1-1.237.825,5.124,5.124,0,0,1-1.613.3c-.637.038-.833.038-2.363.038S10.275,18.375,9.637,18.337Zm-.971-11-.041.014A2.153,2.153,0,0,0,7.387,8.588a2.907,2.907,0,0,0-.225,1.125c-.037.6-.037.791-.037,2.287v2.25a3.7,3.7,0,0,0,.211,1.083l.014.042a2.146,2.146,0,0,0,1.237,1.237,2.894,2.894,0,0,0,1.125.225c.6.038.791.038,2.287.038h2.25a3.727,3.727,0,0,0,1.078-.21l.047-.015a2.153,2.153,0,0,0,1.237-1.237,2.894,2.894,0,0,0,.225-1.125c.038-.6.038-.792.038-2.288V9.75a3.742,3.742,0,0,0-.21-1.079l-.015-.046a2.16,2.16,0,0,0-1.237-1.238,2.907,2.907,0,0,0-1.125-.225c-.6-.037-.792-.037-2.288-.037H9.75A3.746,3.746,0,0,0,8.666,7.336ZM8.7,12A3.307,3.307,0,1,1,12,15.3,3.264,3.264,0,0,1,8.7,12Zm1.5,0A1.8,1.8,0,1,0,12,10.2,1.824,1.824,0,0,0,10.2,12Zm4.274-3.188a.713.713,0,1,1,.713.712A.713.713,0,0,1,14.475,8.813Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/OutlineTwitter" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12ZM6,15.788a3.271,3.271,0,0,0,.6.037,4.844,4.844,0,0,0,3.075-1.049A2.507,2.507,0,0,1,7.387,13.05a1.815,1.815,0,0,0,.45.038,3.673,3.673,0,0,0,.638-.076,2.454,2.454,0,0,1-1.988-2.4v-.038a2.3,2.3,0,0,0,1.125.3A2.537,2.537,0,0,1,6.525,8.813a2.359,2.359,0,0,1,.338-1.238,6.923,6.923,0,0,0,5.062,2.587A2.88,2.88,0,0,1,11.85,9.6a2.472,2.472,0,0,1,2.475-2.475,2.413,2.413,0,0,1,1.762.787,4.737,4.737,0,0,0,1.575-.6,2.422,2.422,0,0,1-1.087,1.35A4.431,4.431,0,0,0,18,8.287a5.56,5.56,0,0,1-1.2,1.275v.3a6.959,6.959,0,0,1-7.013,7.013A6.887,6.887,0,0,1,6,15.788Z" fill="#3f3b3b"></path>
</svg>
</a>
<a href="#0">
<svg data-name="Icon/Social/Outline/Behance" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path data-name="Icon Color" d="M3.525,20.475a11.985,11.985,0,1,1,16.95-16.95,11.985,11.985,0,1,1-16.95,16.95ZM1.5,12A10.5,10.5,0,1,0,12,1.5,10.512,10.512,0,0,0,1.5,12Zm12.937,3.825a2.285,2.285,0,0,1-.9-.637,2.34,2.34,0,0,1-.562-.975,3.248,3.248,0,0,1-.187-1.237,3.306,3.306,0,0,1,.225-1.238,2.72,2.72,0,0,1,1.537-1.613,3.121,3.121,0,0,1,1.2-.225,2.786,2.786,0,0,1,1.274.3,2.548,2.548,0,0,1,.9.788,2.985,2.985,0,0,1,.488,1.125,3.827,3.827,0,0,1,.112,1.313H14.25a1.708,1.708,0,0,0,.412,1.125,1.382,1.382,0,0,0,1.012.337,1.291,1.291,0,0,0,.825-.263.885.885,0,0,0,.412-.525H18.3a2.664,2.664,0,0,1-1.012,1.5,2.913,2.913,0,0,1-1.65.45A2.986,2.986,0,0,1,14.437,15.825Zm.488-4.537a1.169,1.169,0,0,0-.412.338.9.9,0,0,0-.225.412c-.007.031-.015.061-.023.09a1.144,1.144,0,0,0-.052.285h2.551a1.4,1.4,0,0,0-.3-.938,1.11,1.11,0,0,0-.9-.338A1.148,1.148,0,0,0,14.925,11.288Zm-9.3,4.687v-8.1H9.338a4.21,4.21,0,0,1,1.012.113,2.51,2.51,0,0,1,.787.337,2.02,2.02,0,0,1,.525.6,2.321,2.321,0,0,1,.188.937,1.7,1.7,0,0,1-.263,1.013,2.344,2.344,0,0,1-.788.675,2.1,2.1,0,0,1,1.087.751,2.443,2.443,0,0,1,.337,1.312A2.3,2.3,0,0,1,12,14.663a2.067,2.067,0,0,1-.637.75,2.472,2.472,0,0,1-.9.412,4.7,4.7,0,0,1-1.013.15ZM7.35,14.55H9.187v.037h.077a1.649,1.649,0,0,0,.41-.036.837.837,0,0,0,.412-.188.6.6,0,0,0,.263-.338,1.087,1.087,0,0,0,.113-.525,1.11,1.11,0,0,0-.338-.9,1.341,1.341,0,0,0-.9-.263H7.35Zm0-3.451H9.113v.038h0a1.176,1.176,0,0,0,.745-.224.931.931,0,0,0,.3-.75.8.8,0,0,0-.112-.45l0,0a1.022,1.022,0,0,0-.259-.3,1.116,1.116,0,0,0-.375-.149,1.819,1.819,0,0,0-.45-.038H7.35Zm6.6-1.912V8.4h3.188v.788Z" fill="#3f3b3b"></path>
</svg>
</a>
</div>
</div>
<div class="col-md-6 col-sm-4">
<p class="text-secondary text-center text-sm-right mb-0">© 2019 Fabrx</p>
</div>
</div>
</div>
</footer>