Think unique and be creative. Make a difference with Sandbox.
Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.
Buy Sandbox
Copy any custom block snippet below and paste it on your page to build your website easily.
<footer class=" bg-[#21262c] opacity-100 text-[#cacaca]">
<div class="container-fluid pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20 xxl:!px-10">
<footer class=" bg-[#21262c] opacity-100 text-[#cacaca]">
<div class="container py-16 xl:!py-20 lg:!py-20 md:!py-20">
<div class="flex flex-wrap mx-[-15px] mt-[-30px] xl:mt-0 lg:mt-0">
<div class="md:w-4/12 xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] px-[15px] max-w-full xl:mt-0 lg:mt-0 mt-[30px]">
<div class="widget text-[#cacaca]">
<img class="!mb-4" src="../../assets/img/logo-light.png" srcset="../../assets/img/logo-light@2x.png 2x" alt="image">
<p class="!mb-4">© 2024 Sandbox. <br class="hidden xl:block lg:block text-[#cacaca]">All rights reserved.</p>
<nav class="nav social social-white">
<a class="text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-twitter before:content-['\ed59'] !text-white text-[1rem]"></i></a>
<a class="text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] !text-white text-[1rem]"></i></a>
<a class="text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] !text-white text-[1rem]"></i></a>
<a class="text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-instagram before:content-['\eb9c'] !text-white text-[1rem]"></i></a>
<a class="text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-youtube before:content-['\edb5'] !text-white text-[1rem]"></i></a>
</nav>
<!-- /.social -->
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="md:w-4/12 xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] px-[15px] max-w-full xl:mt-0 lg:mt-0 mt-[30px]">
<div class="widget text-[#cacaca]">
<h4 class="widget-title text-white !mb-3">Get in Touch</h4>
<address class="xl:pr-20 xxl:!pr-28 not-italic leading-[inherit] block mb-4">Moonshine St. 14/05 Light City, London, United Kingdom</address>
<a class="text-[#cacaca] hover:text-[#3f78e0]" href="mailto:first.last@email.com">info@email.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="md:w-4/12 xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] px-[15px] max-w-full xl:mt-0 lg:mt-0 mt-[30px]">
<div class="widget text-[#cacaca]">
<h4 class="widget-title text-white !mb-3">Learn More</h4>
<ul class="pl-0 list-none !mb-0">
<li><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">About Us</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Our Story</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Projects</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Terms of Use</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Privacy Policy</a></li>
</ul>
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="md:w-full xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] px-[15px] max-w-full xl:mt-0 lg:mt-0 mt-[30px]">
<div class="widget text-[#cacaca]">
<h4 class="widget-title text-white !mb-3">Our Newsletter</h4>
<p class="!mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>
<div class="newsletter-wrapper">
<!-- Begin Mailchimp Signup Form -->
<div id="mc_embed_signup">
<form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="!text-left input-group form-floating !relative flex flex-wrap items-stretch w-full">
<input type="email" value="" name="EMAIL" class="required email form-control block w-full text-[12px] font-medium leading-[1.7] appearance-none bg-clip-padding shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] px-4 py-[0.6rem] rounded-[0.4rem] motion-reduce:transition-none focus:text-[#60697b] focus:bg-[rgba(255,255,255,.03)] focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] disabled:bg-[#aab0bc] disabled:opacity-100 file:mt-[-0.6rem] file:mr-[-1rem] file:mb-[-0.6rem] file:ml-[-1rem] file:text-[#60697b] file:bg-[#fefefe] file:pointer-events-none file:transition-all file:duration-[0.2s] file:ease-in-out file:px-4 file:py-[0.6rem] file:rounded-none motion-reduce:file:transition-none placeholder:text-[#959ca9] placeholder:opacity-100 border border-solid !border-[rgba(255,255,255,0.1)] text-[#cacaca] focus:!border-[rgba(63,120,224,0.5)] bg-[rgba(255,255,255,.03)] focus-visible:!border-[rgba(63,120,224,0.5)] focus-visible:!outline-0" placeholder="Email Address" id="mce-EMAIL">
<label class="!ml-[0.05rem] text-[#959ca9] text-[.75rem] absolute z-[2] h-full overflow-hidden text-start text-ellipsis whitespace-nowrap pointer-events-none origin-[0_0] px-4 py-[0.6rem] left-0 top-0" for="mce-EMAIL">Email Address</label>
<input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:border-[#3f78e0] focus:shadow-[rgba(92,140,229,1)] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !relative z-[2] focus:z-[5] hover:!transform-none border-0">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>
<div class="clear"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
<!-- /.newsletter-wrapper -->
</div>
<!-- /.widget -->
</div>
<!-- /column -->
</div>
<!--/.row -->
</div>
<!-- /.container -->
</footer>
</div>
</footer><footer class=" bg-[#21262c] opacity-100 text-[#cacaca]">
<div class="container py-16 md:!py-20">
@@include('_footer-widgets.html', {
"lightText": true
})
</div>
<!-- /.container -->
</footer><footer class="!bg-[#edf2fc]">
<div class="container-fluid pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20 xxl:!px-10">
<div class="!mt-[4.5rem]"></div>
<footer class="!bg-[#edf2fc]">
<div class="container">
<div class="flex flex-wrap mx-[-15px]">
<div class="xl:w-11/12 xxl:w-10/12 w-full flex-[0_0_auto] px-[15px] max-w-full !mx-auto">
<div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400 text-white -translate-y-2/4 mb-[-1.25rem] xl:!mt-0 lg:!mt-0 xl:-translate-y-2/4 lg:-translate-y-2/4 mb-lg-n50p border-radius-lg-top !bg-cover [background-size:100%] bg-[center_center] bg-no-repeat !bg-scroll !relative z-0 before:rounded-[0.4rem] before:bg-[rgba(30,34,40,.4)] before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0
" data-image-src="../../assets/img/photos/bg3.jpg">
<div class="card-body p-6 flex-row text-center xl:!justify-between lg:!justify-between md:!justify-between xl:flex xl:!items-center lg:flex lg:!items-center xl:!p-12 lg:!p-12 md:!p-12 xl:!text-left lg:!text-left">
<h3 class="text-[calc(1.265rem_+_0.18vw)] font-bold xl:text-[1.4rem] !leading-[1.35] xl:pr-20 lg:pr-20 xxl:pr-32 text-white mb-[1.5rem] lg:!mb-0 xl:!mb-0">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</h3>
<a href="#" class="btn btn-white !rounded-[50rem] !mb-0 whitespace-nowrap">Join Us</a>
</div>
<!--/.card-body -->
</div>
<!--/.card -->
</div>
<!-- /column -->
</div>
<!-- /.row -->
</div>
<div class="container pb-14 !text-center">
<div class="flex flex-wrap mx-[-15px] mt-[-2.5rem] lg:!mt-0 xl:!mt-0">
<div class="xl:w-10/12 w-full flex-[0_0_auto] px-[15px] max-w-full !mx-auto">
<div class="flex flex-wrap mx-[-15px] !mb-3">
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] px-[15px] max-w-full">
<div class="widget">
<h4 class="widget-title">Address</h4>
<address class=" not-italic leading-[inherit] mb-4">Moonshine St. 14/05 <br class="hidden xl:block lg:block md:block"> Light City, London, UK</address>
</div>
<!-- /.widget -->
</div>
<!--/column -->
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] px-[15px] max-w-full">
<div class="widget">
<h4 class="widget-title">Phone</h4>
<p>00 (123) 456 78 90 <br>00 (987) 654 32 10</p>
</div>
<!-- /.widget -->
</div>
<!--/column -->
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] px-[15px] max-w-full">
<div class="widget">
<h4 class="widget-title">E-mail</h4>
<p><a href="mailto:sandbox@email.com" class="text-[#60697b]">sandbox@email.com</a> <br class="hidden xl:block lg:block md:block"><a href="mailto:help@sandbox.com" class="text-[#60697b]">help@sandbox.com</a></p>
</div>
<!-- /.widget -->
</div>
<!--/column -->
</div>
<!--/.row -->
<p>© 2024 Sandbox. All rights reserved.</p>
<nav class="nav social justify-center">
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-twitter before:content-['\ed59'] text-[1rem] text-[#5daed5]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-instagram before:content-['\eb9c'] text-[1rem] text-[#d53581]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-youtube before:content-['\edb5'] text-[1rem] text-[#c8312b]"></i></a>
</nav>
<!-- /.social -->
</div>
<!-- /column -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</footer>
</div>
</footer><footer class="!bg-[#edf2fc]">
<div class="container">
<div class="row">
<div class="xl:w-11/12 flex-[0_0_auto] px-[15px] max-w-full xxl:w-10/12 flex-[0_0_auto] px-[15px] max-w-full !mx-auto">
<div class="card image-wrapper bg-full bg-image bg-overlay bg-overlay-400 mt-[-1.25rem] mb-[-1.25rem]" data-image-src="./assets/img/photos/bg3.jpg">
<div class="card-body p-6 md:!p-12 lg:flex flex-row lg:!items-center md:!justify-between text-center lg:text-left xl:text-left">
<h3 class="text-[calc(1.265rem_+_0.18vw)] font-bold xl:text-[1.4rem] leading-[1.35] !mb-6 lg:!mb-0 xl:pr-20 lg:pr-20 xxl:pr-32 text-white">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</h3>
<a href="#" class="btn btn-white !rounded-[50rem] !mb-0 whitespace-nowrap">Join Us</a>
</div>
<!--/.card-body -->
</div>
<!--/.card -->
</div>
<!-- /column -->
</div>
<!-- /.row -->
</div>
@@include('_footer2-widgets.html')
</footer><footer class=" bg-[#21262c] opacity-100 text-[#cacaca]">
<div class="container-fluid pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20 xxl:!px-10">
<footer class=" bg-[#21262c] opacity-100 text-[#cacaca]">
<div class="container pt-[4.5rem] xl:pt-[7rem] lg:pt-[7rem] md:pt-[7rem] pb-[1.75rem]">
<div class="flex flex-wrap mx-[-15px] mt-[-30px] xl:mt-0 lg:mt-0">
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] px-[15px] max-w-full xl:mt-0 lg:mt-0 mt-[30px]">
<div class="widget">
<h3 class="h2 !mb-3 !text-white !leading-[1.35]">Join the Community</h3>
<p class="lead leading-[1.65] text-[0.9rem] font-medium mb-5">Let's make something great together. We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p>
<a href="#" class="btn btn-white !rounded-[50rem]">Join Us</a>
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="md:w-4/12 lg:w-2/12 xl:w-2/12 w-full flex-[0_0_auto] px-[15px] max-w-full lg:!ml-[16.66666667%] xl:!ml-[16.66666667%] md:mt-[30px] sm:mt-[30px] xsm:mt-[30px]">
<div class="widget">
<h4 class="widget-title text-white !mb-3">Need Help?</h4>
<ul class="pl-0 list-none text-inherit !mb-0">
<li><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Support</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Get Started</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Terms of Use</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Privacy Policy</a></li>
</ul>
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="md:w-4/12 lg:w-2/12 xl:w-2/12 w-full flex-[0_0_auto] px-[15px] max-w-full md:mt-[30px] sm:mt-[30px] xsm:mt-[30px]">
<div class="widget">
<h4 class="widget-title text-white !mb-3">Learn More</h4>
<ul class="pl-0 list-none !mb-0">
<li><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">About Us</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Our Story</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Projects</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Pricing</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Features</a></li>
</ul>
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="md:w-4/12 lg:w-2/12 xl:w-2/12 w-full flex-[0_0_auto] px-[15px] max-w-full md:mt-[30px] sm:mt-[30px] xsm:mt-[30px]">
<div class="widget">
<h4 class="widget-title text-white !mb-3">Get in Touch</h4>
<address class=" not-italic leading-[inherit] mb-4">Moonshine St. 14/05 Light City, London, United Kingdom</address>
<a class="text-[#cacaca] hover:text-[#3f78e0]" href="mailto:first.last@email.com">info@email.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
</div>
<!-- /column -->
</div>
<!--/.row -->
<hr class="mt-13 xl:!mt-20 lg:!mt-20 md:!mt-20 mb-7">
<div class="xl:flex lg:flex md:flex items-center justify-between">
<p class="mb-2 xl:!mb-0 lg:!mb-0">© 2024 Sandbox. All rights reserved.</p>
<nav class="nav social social-white xl:!text-right lg:!text-right md:!text-right">
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-twitter before:content-['\ed59'] text-[1rem] text-[#5daed5]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-instagram before:content-['\eb9c'] text-[1rem] text-[#d53581]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-youtube before:content-['\edb5'] text-[1rem] text-[#c8312b]"></i></a>
</nav>
<!-- /.social -->
</div>
<!-- /div -->
</div>
<!-- /.container -->
</footer>
</div>
</footer><footer class=" bg-[#21262c] opacity-100 text-[#cacaca]">
<div class="container pt-[4.5rem] xl:pt-20 lg:pt-20 md:pt-20 pb-7">
@@include('_footer3-widgets.html', {
"lightText": true
})
</div>
<!-- /.container -->
</footer><footer>
<div class="container-fluid pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20 xxl:!px-10">
<footer>
<div class="container pb-7">
<div class="flex flex-wrap mx-[-15px] xl:mx-0 lg:mx-0 mt-[-30px]">
<div class="xl:w-4/12 lg:w-4/12 w-full flex-[0_0_auto] px-[15px] xl:px-0 lg:px-0 max-w-full mt-[30px]">
<div class="widget">
<img class="!mb-4" src="../../assets/img/logo.png" srcset="../../assets/img/logo@2x.png 2x" alt="image">
<p class="lead text-[0.9rem] font-medium leading-[1.65] !mb-0">We are trusted by over 5000+ clients. Join them by using our services and grow your business.</p>
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] px-[15px] xl:px-0 lg:px-0 max-w-full xl:!ml-[16.66666667%] lg:!ml-[16.66666667%] mt-[30px]">
<div class="widget">
<div class="flex flex-row">
<div>
<div class="icon text-[#3f78e0] xl:text-[1.4rem] text-[calc(1.265rem_+_0.18vw)] !mr-4 mt-[-0.25rem]"> <i class="uil uil-phone-volume before:content-['\ec50']"></i> </div>
</div>
<div>
<h5 class="!mb-1">Phone</h5>
<p class="!mb-0">00 (123) 456 78 90 <br>00 (987) 654 32 10</p>
</div>
</div>
<!--/div -->
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] px-[15px] xl:px-0 lg:px-0 max-w-full mt-[30px]">
<div class="widget">
<div class="flex flex-row">
<div>
<div class="icon text-[#3f78e0] xl:text-[1.4rem] text-[calc(1.265rem_+_0.18vw)] !mr-4 mt-[-0.25rem]"> <i class="uil uil-location-pin-alt before:content-['\ebd8']"></i> </div>
</div>
<div class="!self-start !justify-start">
<h5 class="!mb-1">Address</h5>
<address class=" not-italic leading-[inherit] mb-4">Moonshine St. 14/05 Light City, London, United Kingdom</address>
</div>
</div>
<!--/div -->
</div>
<!-- /.widget -->
</div>
<!-- /column -->
</div>
<!--/.row -->
<hr class="mt-13 xl:!mt-[4.5rem] lg:!mt-[4.5rem] md:!mt-[4.5rem] mb-7">
<div class="xl:flex lg:flex md:flex items-center justify-between">
<p class="mb-2 xl:!mb-0 lg:!mb-0">© 2024 Sandbox. All rights reserved.</p>
<nav class="nav social social-muted !mb-0 xl:!text-right lg:!text-right md:!text-right">
<a class="m-[0_.7rem_0_0] xl:m-[0_0_0_.7rem] lg:m-[0_0_0_.7rem] md:m-[0_0_0_.7rem] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-twitter before:content-['\ed59'] text-[1rem] text-[#5daed5]"></i></a>
<a class="m-[0_.7rem_0_0] xl:m-[0_0_0_.7rem] lg:m-[0_0_0_.7rem] md:m-[0_0_0_.7rem] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
<a class="m-[0_.7rem_0_0] xl:m-[0_0_0_.7rem] lg:m-[0_0_0_.7rem] md:m-[0_0_0_.7rem] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
<a class="m-[0_.7rem_0_0] xl:m-[0_0_0_.7rem] lg:m-[0_0_0_.7rem] md:m-[0_0_0_.7rem] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-instagram before:content-['\eb9c'] text-[1rem] text-[#d53581]"></i></a>
<a class="m-[0_.7rem_0_0] xl:m-[0_0_0_.7rem] lg:m-[0_0_0_.7rem] md:m-[0_0_0_.7rem] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-youtube before:content-['\edb5'] text-[1rem] text-[#c8312b]"></i></a>
</nav>
<!-- /.social -->
</div>
</div>
<!-- /.container -->
</footer>
</div>
</footer><footer>
<div class="container pb-7">
@@include('_footer4-widgets.html')
</div>
<!-- /.container -->
</footer><footer class="bg-[rgba(52,63,82)] opacity-100 text-[#cacaca]">
<div class="container-fluid pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20 xxl:!px-10">
<footer class="bg-[rgba(52,63,82)] opacity-100 text-[#cacaca]">
<div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20">
<div class="xl:flex lg:flex flex-row xl:!items-center lg:!items-center">
<h3 class="text-[calc(1.305rem_+_0.66vw)] font-bold xl:text-[1.8rem] !leading-[1.3] !mb-6 xl:!mb-0 lg:!mb-0 lg:pr-40 xl:pr-60 xxl:pr-[22.5rem] text-white">Join our community by using our services and grow your business.</h3>
<a href="#" class="btn btn-primary text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:border-[#3f78e0] focus:shadow-[rgba(92,140,229,1)] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !rounded-[50rem] !mb-0 whitespace-nowrap">Try It For Free</a>
</div>
<!--/div -->
<hr class="mt-[3rem] mb-[3.5rem] opacity-100 m-[4.5rem_0] border-t border-solid border-[rgba(164,174,198,.2)]">
<div class="flex flex-wrap mx-[-15px] mt-[-30px] xl:mt-0 lg:mt-0">
<div class="md:w-4/12 xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] px-[15px] max-w-full xl:mt-0 lg:mt-0 mt-[30px]">
<div class="widget text-[#cacaca]">
<img class="!mb-4" src="../../assets/img/logo-light.png" srcset="../../assets/img/logo-light@2x.png 2x" alt="image">
<p class="!mb-4">© 2024 Sandbox. <br class="hidden xl:block lg:block text-[#cacaca]">All rights reserved.</p>
<nav class="nav social social-white">
<a class="text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-twitter before:content-['\ed59'] !text-white text-[1rem]"></i></a>
<a class="text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] !text-white text-[1rem]"></i></a>
<a class="text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] !text-white text-[1rem]"></i></a>
<a class="text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-instagram before:content-['\eb9c'] !text-white text-[1rem]"></i></a>
<a class="text-[#cacaca] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 motion-reduce:transition-none hover:translate-y-[-0.15rem] m-[0_.7rem_0_0]" href="#"><i class="uil uil-youtube before:content-['\edb5'] !text-white text-[1rem]"></i></a>
</nav>
<!-- /.social -->
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="md:w-4/12 xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] px-[15px] max-w-full xl:mt-0 lg:mt-0 mt-[30px]">
<div class="widget text-[#cacaca]">
<h4 class="widget-title text-white !mb-3">Get in Touch</h4>
<address class="xl:pr-20 xxl:!pr-28 not-italic leading-[inherit] block mb-4">Moonshine St. 14/05 Light City, London, United Kingdom</address>
<a class="text-[#cacaca] hover:text-[#3f78e0]" href="mailto:first.last@email.com">info@email.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="md:w-4/12 xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] px-[15px] max-w-full xl:mt-0 lg:mt-0 mt-[30px]">
<div class="widget text-[#cacaca]">
<h4 class="widget-title text-white !mb-3">Learn More</h4>
<ul class="pl-0 list-none !mb-0">
<li><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">About Us</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Our Story</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Projects</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Terms of Use</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Privacy Policy</a></li>
</ul>
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="md:w-full xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] px-[15px] max-w-full xl:mt-0 lg:mt-0 mt-[30px]">
<div class="widget text-[#cacaca]">
<h4 class="widget-title text-white !mb-3">Our Newsletter</h4>
<p class="!mb-5">Subscribe to our newsletter to get our news & deals delivered to you.</p>
<div class="newsletter-wrapper">
<!-- Begin Mailchimp Signup Form -->
<div id="mc_embed_signup2">
<form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" class="validate dark-fields" target="_blank" novalidate>
<div id="mc_embed_signup_scroll2">
<div class="!text-left input-group form-floating !relative flex flex-wrap items-stretch w-full">
<input type="email" value="" name="EMAIL" class="required email form-control block w-full text-[12px] font-medium leading-[1.7] appearance-none bg-clip-padding shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] px-4 py-[0.6rem] rounded-[0.4rem] motion-reduce:transition-none focus:text-[#60697b] focus:bg-[rgba(255,255,255,.03)] focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] disabled:bg-[#aab0bc] disabled:opacity-100 file:mt-[-0.6rem] file:mr-[-1rem] file:mb-[-0.6rem] file:ml-[-1rem] file:text-[#60697b] file:bg-[#fefefe] file:pointer-events-none file:transition-all file:duration-[0.2s] file:ease-in-out file:px-4 file:py-[0.6rem] file:rounded-none motion-reduce:file:transition-none placeholder:text-[#959ca9] placeholder:opacity-100 border border-solid !border-[rgba(255,255,255,0.1)] text-[#cacaca] focus:!border-[rgba(63,120,224,0.5)] bg-[rgba(255,255,255,.03)] focus-visible:!border-[rgba(63,120,224,0.5)] focus-visible:!outline-0" placeholder="Email Address" id="mce-EMAIL2">
<label class="!ml-[0.05rem] text-[#959ca9] text-[.75rem] absolute z-[2] h-full overflow-hidden text-start text-ellipsis whitespace-nowrap pointer-events-none origin-[0_0] px-4 py-[0.6rem] left-0 top-0" for="mce-EMAIL2">Email Address</label>
<input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe2" class="btn btn-primary text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:border-[#3f78e0] focus:shadow-[rgba(92,140,229,1)] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !relative z-[2] focus:z-[5] hover:!transform-none border-0">
</div>
<div id="mce-responses2" class="clear">
<div class="response" id="mce-error-response2" style="display:none"></div>
<div class="response" id="mce-success-response2" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>
<div class="clear"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
<!-- /.newsletter-wrapper -->
</div>
<!-- /.widget -->
</div>
<!-- /column -->
</div>
<!--/.row -->
</div>
<!-- /.container -->
</footer>
</div>
</footer><footer class="bg-[rgba(52,63,82)] opacity-100 text-[#cacaca]">
<div class="container pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20">
<div class="lg:flex flex-row lg:!items-center">
<h3 class="text-[calc(1.305rem_+_0.66vw)] font-bold xl:text-[1.8rem] leading-[1.3] !mb-6 lg:!mb-0 xl:pr-40 lg:pr-40 xl:pr-60 xxl:pr-[22.5rem] text-white">Join our community by using our services and grow your business.</h3>
<a href="#" class="btn btn-primary text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:border-[#3f78e0] focus:shadow-[rgba(92,140,229,1)] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !rounded-[50rem] !mb-0 whitespace-nowrap">Try It For Free</a>
</div>
<!--/div -->
<hr class="mt-[3rem] mb-14" />
@@include('_footer-widgets.html', {
"lightText": true
})
</div>
<!-- /.container -->
</footer><footer>
<div class="container-fluid pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20 xxl:!px-10">
<footer>
<div class="container pb-7">
<div class="xl:flex lg:flex md:flex items-center justify-between">
<p class="mb-2 xl:!mb-0 lg:!mb-0">© 2024 Sandbox. All rights reserved.</p>
<nav class="nav social social-muted !mb-0 xl:!text-right lg:!text-right md:!text-right">
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-twitter before:content-['\ed59'] text-[1rem] text-[#5daed5]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-instagram before:content-['\eb9c'] text-[1rem] text-[#d53581]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-youtube before:content-['\edb5'] text-[1rem] text-[#c8312b]"></i></a>
</nav>
<!-- /.social -->
</div>
</div>
<!-- /.container -->
</footer>
</div>
</footer><footer>
<div class="container pb-7">
@@include('_footer6-widgets.html')
</div>
<!-- /.container -->
</footer><footer class=" bg-[#21262c] opacity-100 text-[#cacaca]">
<div class="container-fluid pt-20 xl:pt-28 lg:pt-28 md:pt-28 pb-16 xl:pb-20 lg:pb-20 md:pb-20 xxl:!px-10">
<footer class=" bg-[#21262c] opacity-100 text-[#cacaca]">
<div class="container py-16 xl:!py-20 lg:!py-20 md:!py-20">
<div class="flex flex-wrap mx-[-15px] mt-[-30px] xl:mt-0 lg:mt-0">
<div class="md:w-4/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] px-[15px] max-w-full xl:mt-0 lg:mt-0 mt-[30px]">
<h4 class="widget-title text-white !mb-3">Popular Posts</h4>
<ul class="m-0 p-0 after:content-[''] after:block after:h-0 after:clear-both after:invisible">
<li class="clear-both block overflow-hidden">
<figure class="float-left w-14 !h-[4.5rem] rounded-[0.4rem]"><a href="../../blog-post.html"><img class="rounded-[0.4rem]" src="../../assets/img/photos/a4.jpg" alt="image"></a></figure>
<div class="!relative ml-[4.25rem] mb-0">
<h6 class="!mb-2"> <a class="text-white hover:text-[#3f78e0]" href="../../blog-post.html">Magna Mollis Ultricies</a> </h6>
<ul class="text-[0.7rem] text-[#cacaca] m-0 p-0 list-none">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>26 Mar 2022</span></li>
</ul>
<!-- /.post-meta -->
</div>
</li>
<li class="mt-5 clear-both block overflow-hidden">
<figure class="float-left w-14 !h-[4.5rem] rounded-[0.4rem]"> <a href="../../blog-post.html"><img class="rounded-[0.4rem]" src="../../assets/img/photos/a5.jpg" alt="image"></a></figure>
<div class="!relative ml-[4.25rem] mb-0">
<h6 class="!mb-2"> <a class="text-white hover:text-[#3f78e0]" href="../../blog-post.html">Ornare Nullam Risus</a> </h6>
<ul class="text-[0.7rem] text-[#cacaca] m-0 p-0 list-none">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>16 Feb 2022</span></li>
</ul>
<!-- /.post-meta -->
</div>
</li>
<li class="mt-5 clear-both block overflow-hidden">
<figure class="float-left w-14 !h-[4.5rem] rounded-[0.4rem]"><a href="../../blog-post.html"><img class="rounded-[0.4rem]" src="../../assets/img/photos/a6.jpg" alt="image"></a></figure>
<div class="!relative ml-[4.25rem] mb-0">
<h6 class="!mb-2"> <a class="text-white hover:text-[#3f78e0]" href="../../blog-post.html">Euismod Nullam Fusce</a> </h6>
<ul class="text-[0.7rem] text-[#cacaca] m-0 p-0 list-none">
<li class="post-date inline-block"><i class="uil uil-calendar-alt pr-[0.2rem] align-[-.05rem] before:content-['\e9ba']"></i><span>8 Jan 2022</span></li>
</ul>
<!-- /.post-meta -->
</div>
</li>
</ul>
<!-- /.image-list -->
</div>
<!-- /column -->
<div class="md:w-4/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] px-[15px] max-w-full xl:mt-0 lg:mt-0 mt-[30px]">
<div class="widget">
<h4 class="widget-title text-white !mb-3">Tags</h4>
<ul class="pl-0 list-none tag-list">
<li class="mt-0 mb-[0.45rem] mr-[0.2rem] inline-block"><a href="#" class="btn btn-soft-ash !text-white btn-sm !rounded-[50rem] flex items-center hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,.05)] before:not-italic before:content-['#'] before:font-normal before:pr-[0.2rem]">Still Life</a></li>
<li class="mt-0 mb-[0.45rem] mr-[0.2rem] inline-block"><a href="#" class="btn btn-soft-ash !text-white btn-sm !rounded-[50rem] flex items-center hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,.05)] before:not-italic before:content-['#'] before:font-normal before:pr-[0.2rem]">Urban</a></li>
<li class="mt-0 mb-[0.45rem] mr-[0.2rem] inline-block"><a href="#" class="btn btn-soft-ash !text-white btn-sm !rounded-[50rem] flex items-center hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,.05)] before:not-italic before:content-['#'] before:font-normal before:pr-[0.2rem]">Nature</a></li>
<li class="mt-0 mb-[0.45rem] mr-[0.2rem] inline-block"><a href="#" class="btn btn-soft-ash !text-white btn-sm !rounded-[50rem] flex items-center hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,.05)] before:not-italic before:content-['#'] before:font-normal before:pr-[0.2rem]">Landscape</a></li>
</ul>
</div>
<!-- /.widget -->
<div class="widget">
<h4 class="widget-title text-white !mb-3">Categories</h4>
<ul class="pl-0 list-none text-inherit bullet-white ">
<li class="relative pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:text-white before:font-SansSerif"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Lifestyle (21)</a></li>
<li class="mt-[0.35rem] relative pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:text-white before:font-SansSerif"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Photography (19)</a></li>
<li class="mt-[0.35rem] relative pl-4 before:absolute before:top-[-0.15rem] before:text-[1rem] before:content-['\2022'] before:left-0 before:text-white before:font-SansSerif"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Journal (16)</a></li>
</ul>
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="md:w-4/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] px-[15px] max-w-full xl:mt-0 lg:mt-0 mt-[30px]">
<div class="widget">
<h4 class="widget-title text-white !mb-3">Get in Touch</h4>
<address class="xl:pr-20 xxl:!pr-28 not-italic leading-[inherit] block mb-4">Moonshine St. 14/05 Light City, London, United Kingdom</address>
<a class="text-[#cacaca] hover:text-[#3f78e0]" href="mailto:first.last@email.com">info@email.com</a><br> 00 (123) 456 78 90
</div>
<!-- /.widget -->
<div class="widget mt-[1rem]">
<h4 class="widget-title text-white !mb-3">Elsewhere</h4>
<nav class="nav social social-white">
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-twitter before:content-['\ed59'] text-[1rem] text-[#5daed5]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-facebook-f before:content-['\eae2'] text-[1rem] text-[#4470cf]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-dribbble before:content-['\eaa2'] text-[1rem] text-[#e94d88]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-instagram before:content-['\eb9c'] text-[1rem] text-[#d53581]"></i></a>
<a class="m-[0_.7rem_0_0] text-[1rem] transition-all duration-[0.2s] ease-in-out translate-y-0 hover:translate-y-[-0.15rem]" href="#"><i class="uil uil-youtube before:content-['\edb5'] text-[1rem] text-[#c8312b]"></i></a>
</nav>
<!-- /.social -->
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="md:w-4/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] px-[15px] max-w-full xl:mt-0 lg:mt-0 mt-[30px]">
<div class="widget">
<h4 class="widget-title text-white !mb-3">Learn More</h4>
<ul class="pl-0 list-none text-inherit !mb-0">
<li><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">About Us</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Our Story</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Projects</a></li>
</ul>
</div>
<!-- /.widget -->
<div class="widget mt-[1rem]">
<h4 class="widget-title text-white !mb-3">Need Help?</h4>
<ul class="pl-0 list-none text-inherit !mb-0">
<li><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Support</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Get Started</a></li>
<li class="mt-[0.35rem]"><a class="text-[#cacaca] hover:text-[#3f78e0]" href="#">Contact Us</a></li>
</ul>
</div>
<!-- /.widget -->
</div>
<!-- /column -->
</div>
<!--/.row -->
<p class="mt-6 !mb-0 !text-center">© 2024 Sandbox. All rights reserved.</p>
</div>
<!-- /.container -->
</footer>
</div>
</footer><footer class=" bg-[#21262c] opacity-100 text-[#cacaca]">
<div class="container py-16 md:!py-20">
@@include('_footer7-widgets.html', {
"lightText": true
})
</div>
<!-- /.container -->
</footer>Everything you need to create your next unique and professional website, including impressive and ready-made blocks and pages.
Buy Sandbox