<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-home-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-home-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-home-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-home.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-home.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-company-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-company-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-company-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-company.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-company.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform.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/nautilus.bio-home-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-home-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-home-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-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/nautilus.bio-careers-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers-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/nautilus.bio-blog-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog-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/nautilus.bio-company-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-company-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-company-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-company-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/nautilus.bio-platform-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform-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/nautilus.bio-home-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-home-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-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/nautilus.bio-careers-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers-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/nautilus.bio-blog-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog-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/nautilus.bio-company-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-company-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-company-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/nautilus.bio-platform-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform-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/nautilus.bio-home-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-home-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-home-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-home.jpg">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-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/nautilus.bio-careers-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers.jpg">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers.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/nautilus.bio-blog-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog.jpg">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog.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/nautilus.bio-company-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-company-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-company-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-company.jpg">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-company.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/nautilus.bio-platform-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform.jpg">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform.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/nautilus.bio-home-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-home-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-home-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-home.jpg">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-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/nautilus.bio-careers-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers.jpg">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-careers.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/nautilus.bio-blog-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog.jpg">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-blog.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/nautilus.bio-company-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-company-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-company-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-company.jpg">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-company.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/nautilus.bio-platform-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform.jpg">
<img src="https://tomrobison.com/wp-content/uploads/nautilus.bio-platform.jpg" alt="">
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
Autoplay
Nautilus Biotechnology Inc.
Company website
Nautilus Biotechnology Inc.
Company website
Personal contribution
Wordpress custom theme development.
Project features
- Custom Wordpress theme, page templates and custom post types.
- Utilizes Bootstrap 5 for faster front-end development of forms, typography, buttons, navigation, tables, modals, image carousels, and many other components.
- Uses GreenSock javascript for lightweight and advanced animations of page content that is triggered when it enters into view when scrolling.
- Lazy loaded images for faster page loading.
Project description
The Nautilus Biotechnology company website was built by creating a custom WordPress theme, and by employing front-end frameworks and libraries to make development faster and easier by providing pre-written code for common tasks, and also to enforce structure and best practices (leading to more maintainable and scalable code).