<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-home.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-machines.jpg" alt="">
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-home-md.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-md.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-md.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-md.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-md.jpg" alt="" />
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-home-sm.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-sm.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-sm.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-sm.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-sm.jpg" alt="" />
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home.jpg">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-home.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies.jpg">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling.jpg">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling.jpg">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines.jpg">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-machines.jpg" alt="">
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-home.jpg">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-home.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies.jpg">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-case-studies.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling.jpg">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-cooling.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling.jpg">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-applications-tooling.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile-wide -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/mantle-3d-machines.jpg">
<img src="https://tomrobison.com/wp-content/uploads/mantle-3d-machines.jpg" alt="">
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
Autoplay
Mantle Inc.
Product website
Mantle Inc.
Product website
Personal contribution
Front + back-end development, responsive for all devices.
Project features
- Customized Wordpress child-theme.
- Branded Wordpress backend environment for multiple content-management roles and worry-free administration.
- Easy to update content and layout on the backend with virtual front-end editing, providing real-time editing of content directly, in context with immediate visual feedback.
Project description
Mantle Inc.’s WordPress company website utilizes a customized child theme. This allowed the client to purchase a widely supported and stable theme and implement a unique design, incorporating the company’s branding. The theme allows the client to easily add HTML5 video, incorporate widely used APIs, and make limited design and layout adjustments. The result is a site that was developed quickly and affordably, but that is stable, regularly updated, and free of bugs.