Heroes
Hero 1
Harnessing the power of müse
Design, build, collaborate, and bring your ideas to life with the world’s most popular and intuitive 3d design platform.
<section class="muse-section">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h1 class="display-4">Harnessing the power of müse</h1>
<p class="big mt-md-4 mt-3 pb-md-2 text-black-600 lh-lg">Design, build, collaborate, and bring your ideas to life with the world’s most popular and intuitive 3d design platform.</p>
<div class="my-4">
<a href="javascript:void(0);" class="btn btn-lg btn-success mr-4">Free Trial</a>
<a href="javascript:void(0);" class="btn btn-lg btn-link link-success">Learn More <svg class="ml-1" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 10 18">
<path d="M.293.293a1,1,0,0,1,1.3-.1l.112.1,8,8a1,1,0,0,1,.1,1.3l-.1.112-8,8A1,1,0,0,1,.2,16.405l.1-.112L7.585,9,.293,1.707A1,1,0,0,1,.2.405Z" transform="translate(0 0)" fill="#20c997"></path>
</svg></a>
</div>
</div>
<div class="col-lg-6">
<img src="../assets/img/templates/maindemo-banner.png" class="img-fluid" alt="Banner">
</div>
</div>
</div>
</section>
Hero 2
Book your trip instantly
Search 14,600 destinations and find your perfect vaccation
<section class="muse-section">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2 text-left text-lg-right">
<img src="../assets/img/templates/travel-banner.svg" class="img-fluid" alt="Banner">
</div>
<div class="col-lg-6">
<div class="my-3">
<h1 class="display-3">Book your trip instantly</h1>
<h3 class="mb-0">Search 14,600 destinations and find your perfect vaccation</h3>
</div>
</div>
</div>
</div>
</section>
Hero 3
Consult with the
right doctor for you
Search 14,600 doctors and find
the best help
<section class="muse-section pb-0 bg-gray-100">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-10 m-auto text-center">
<div class="my-3">
<h1 class="display-3">Consult with the <br>right doctor for you</h1>
<h3 class="mb-0">Search 14,600 doctors and find <br>the perfect help</h3>
</div>
<div class="mt-3">
<img src="../assets/img/templates/clinic-banner.svg" class="img-fluid" alt="Banner">
</div>
</div>
</div>
</div>
</section>
Hero 4
Harnessing the
power of müse.
Design, build, collaborate, and bring
your ideas to life with the world.
See Pricing
<section class="muse-section bg-black-800">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-10 m-auto text-center">
<div class="my-3">
<h1 class="display-2 text-white">Harnessing the <br>power of müse.</h1>
<h2 class="mb-0 pb-md-3 mt-2 text-white">Design, build, collaborate, and bring <br class="d-none d-md-block">your ideas to life with the world.</h2>
<a href="#" class="btn btn-xl btn-danger rounded-pill my-4">See Pricing</a>
</div>
<div class="mt-1 mt-md-5 overlay-center">
<img src="../assets/img/templates/saas-banner.jpg" class="img-fluid shadow-dark-80 rounded-6" alt="Figma">
</div>
</div>
</div>
</div>
</section>
Hero 5
New Mac Pro Limited Edition
On the other hand, we denounce with righteous indignation and dislike men who are so beguiled
$2,195
FREE SHIPPING
<section class="muse-section pb-0 bg-gray-100 ecommerce-template">
<div class="container">
<div class="row">
<div class="col-lg-6 order-lg-2 text-lg-right mt-auto">
<img src="../assets/img/templates/bitmap.png" class="img-fluid" alt="Banner">
</div>
<div class="col-lg-6 mt-4 mb-2 my-lg-0">
<p class="star-icon"><span class="rounded-pill"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16.416 15.6">
<path d="M17.076,19.2,12,16.14,6.924,19.2l1.344-5.772L3.792,9.546l5.9-.5L12,3.6l2.3,5.442,5.9.5-4.476,3.882Z" transform="translate(-3.792 -3.6)" fill="#ffffff"></path>
</svg>
</span> 4.8</p>
<h1 class="display-4 mt-2 text-uppercase">New Mac Pro Limited Edition</h1>
<p class="big mt-1 lh-lg">On the other hand, we denounce with righteous indignation and dislike men who are so beguiled</p>
<p class="h3 mt-4">$2,195</p>
<div class="mt-2">
<a href="javascript:void(0);" class="btn btn-xl btn-dark font-weight-semibold text-uppercase mr-2 px-5"><span class="px-md-5">Cart</span></a>
<a href="javascript:void(0);" class="btn btn-success btn-icon btn-xl">
<svg data-name="Icons/Tabler/Notification" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<rect data-name="Icons/Tabler/Notification background" width="24" height="24" fill="none"></rect>
<path d="M6.162,19.63l-.005-.246v-.308H.926A.923.923,0,0,1,.471,17.35a4,4,0,0,0,1.956-2.66l.036-.229V10.726A9.492,9.492,0,0,1,7.292,2.873l.147-.08,0-.018A3.369,3.369,0,0,1,10.566.007L10.771,0a3.379,3.379,0,0,1,3.287,2.573l.045.22.147.08a9.556,9.556,0,0,1,4.806,7.541l.023.355-.007,3.582a4.016,4.016,0,0,0,2,3,.924.924,0,0,1-.329,1.719l-.126.008H15.387v.308a4.616,4.616,0,0,1-9.225.246ZM8,19.385a2.769,2.769,0,0,0,5.532.189l.007-.189v-.308H8ZM9.242,3.228l-.012.238-.005.045L9.2,3.63l-.039.113-.054.107-.035.055L9,4l-.036.038-.05.046-.1.074L8.7,4.219A7.7,7.7,0,0,0,4.332,10.46l-.022.309-.007,3.8a5.875,5.875,0,0,1-.94,2.541l-.084.119H18.266l-.007-.012a6.007,6.007,0,0,1-.983-2.452l-.043-.306V10.812a7.674,7.674,0,0,0-4.4-6.593.919.919,0,0,1-.518-.7l-.009-.132a1.538,1.538,0,0,0-3.069-.157Z" transform="translate(1.499)" fill="#fff"></path>
</svg>
</a>
</div>
<small class="text-uppercase text-gray-600 d-block my-3">FREE SHIPPING</small>
</div>
</div>
</div>
</section>
Hero 6
Remote online courses made simple.
Duis quis ex ultrices, consectetur neque sed, blandit elit. In vitae est et est maximus lacinia. Aliquam erat volutpat.
<section class="muse-section bg-blue-800 education-template">
<div class="container">
<div class="row align-items-center pb-5 g-0">
<div class="col-lg-6 order-lg-2 text-lg-right mb-4 mb-lg-0">
<img src="../assets/img/templates/education-banner.svg" class="img-fluid" alt="Banner">
</div>
<div class="col-lg-6">
<h1 class="display-3 text-white">Remote online courses made simple.</h1>
<p class="big mt-3 text-white lh-lg">Duis quis ex ultrices, consectetur neque sed, blandit elit. In vitae est et est maximus lacinia. Aliquam erat volutpat.</p>
<div class="mt-4 pt-3">
<a href="javascript:void(0);" class="btn btn-xl btn-danger mr-3">Start Now</a>
<a href="javascript:void(0);" class="btn btn-link text-white font-weight-normal">30 Day Free Trial</a>
</div>
</div>
</div>
</div>
<div class="philo-section">
<div class="has-shape top-0">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1920 143.649">
<path id="Path_2" data-name="Path 2" d="M0,55.558S368.667-36.174,768.667,23.553s593.365,64.118,810,47.555S1920,7.579,1920,7.579V147H0Z" transform="translate(0 -3.351)" fill="#dc3545"></path>
</svg>
</div>
</div>
</section>
Hero 7
We power brands like yours
Branding digital platforms.
Design, build, collaborate, and bring your ideas to life with the world’s most popular and intuitive 3d design platform.
<div class="studio-template">
<section class="muse-section">
<div class="container">
<div class="row align-items-center pb-lg-5">
<div class="col-lg-6 order-lg-2 text-lg-right">
<img src="../assets/img/templates/studio-banner.png" class="img-fluid" alt="Banner">
</div>
<div class="col-lg-6 mt-4 mt-lg-0">
<h6>We power brands like yours</h6>
<h1 class="display-4">Branding digital platforms.</h1>
<p class="big text-black-600 lh-lg pr-lg-5">Design, build, collaborate, and bring your ideas to life with the world’s most popular and intuitive 3d design platform.</p>
</div>
</div>
</div>
</section>
</div>
Hero 8
Speed prototyping
with no compromise
Design, build, collaborate, and prototype
<div class="saas3-template bg-gray-100">
<section class="muse-section banner-section bg-cyan-600 pb-0">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-10 m-auto text-center">
<div class="my-3">
<h1 class="display-3 text-white">Speed prototyping <br>with no compromise</h1>
<h4 class="mb-0 pb-3 mt-3 text-white">Design, build, collaborate, and prototype</h4>
</div>
<div class="mt-1 mt-md-5 has-circle aos-init aos-animate" data-aos="fade-up" data-aos-delay="600">
<div class="inner-has-circle">
<div class="rounded-12 shadow-dark-80 overlay-center">
<img src="../assets/img/templates/comprose.png" class="img-fluid shadow-dark-80 rounded-6" alt="Figma">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="has-shape bg-gray-100">
<svg width="100%" height="100%" viewBox="0 0 1920 236" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(0.000000, -970.000000)" fill="#0BAACA">
<g transform="translate(-2.000000, 214.000000)">
<path d="M2,992 C324.951165,853.958547 641.951165,812.636301 953,868.033261 C1264.04884,923.430222 1587.04884,905.507676 1922,814.265623 L1925.27362,759.808598 L0.694852245,756.601701 L2,992 Z" id="Background"></path>
</g>
</g>
</g>
</svg>
</div>
</section>
</div>
Hero 9
Super devoted coding agency
Making life easier for business owners and startups
Site of the day
<section class="muse-section">
<div class="container">
<div class="row">
<div class="col-lg-6 col-xl-5">
<h1 class="display-4">Super devoted coding agency</h1>
<h4>Making life easier for business owners and startups</h4>
<div class="mt-5 mb-4">
<small class="d-block text-secondary font-weight-semibold">Site of the day</small>
<img src="../assets/img/templates/awwwards.svg" alt="img">
</div>
</div>
<div class="col-lg-6 col-xl-7 mt-auto">
<div class="text-lg-right aos-init aos-animate" data-aos="fade-up" data-aos-delay="600">
<img src="../assets/img/templates/agency-banner.svg" alt="img">
</div>
</div>
</div>
<hr class="my-0">
</div>
</section>