<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/home-lg-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/home-lg-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/home-lg-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/home-lg.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/home-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/about-lg-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/about-lg-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/about-lg-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/about-lg.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/about-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/partnerships-lg-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/partnerships-lg-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/partnerships-lg-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/partnerships-lg.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/partnerships-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/portfolio-lg-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/portfolio-lg-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/portfolio-lg-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/portfolio-lg.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/portfolio-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/news-lg-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/news-lg-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/news-lg-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/news-lg.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/news-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source srcset="https://tomrobison.com/wp-content/uploads/contact-lg-768x433.jpg" media="(max-width: 768px)"> <source srcset="https://tomrobison.com/wp-content/uploads/contact-lg-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)"> <source srcset="https://tomrobison.com/wp-content/uploads/contact-lg-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)"> <source srcset="https://tomrobison.com/wp-content/uploads/contact-lg.jpg" media="(min-width: 1537px)"> <img src="https://tomrobison.com/wp-content/uploads/contact-lg.jpg" alt=""> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/home-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/home-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/home-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/home-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/partners-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/partners-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/partners-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/partners-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/about-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/about-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/about-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/about-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/news-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/news-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/news-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/news-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-md-1-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-md-1-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-md-1.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/portfolio-md-1.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/contact-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/contact-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/contact-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/contact-md.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-md-768x768.jpg" /> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-md-1000x1000.jpg" /> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-md.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/portfolio-md.jpg" alt="" /> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/home-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/home-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/home-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/about-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/about-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/about-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/contact-sm-1-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/contact-sm-1-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/contact-sm-1.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/partnerships-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/partnerships-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/partnerships-sm.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-sm-1-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-sm-1-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/portfolio-sm-1.jpg" alt="" /> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/news-sm-610x738.jpg" /> <source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/news-sm-768x929.jpg" /> <img src="https://tomrobison.com/wp-content/uploads/news-sm.jpg" alt="" /> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/home-lg-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/home-lg-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/home-lg-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/home-lg.jpg"> <img src="https://tomrobison.com/wp-content/uploads/home-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/about-lg-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/about-lg-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/about-lg-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/about-lg.jpg"> <img src="https://tomrobison.com/wp-content/uploads/about-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/partnerships-lg-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/partnerships-lg-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/partnerships-lg-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/partnerships-lg.jpg"> <img src="https://tomrobison.com/wp-content/uploads/partnerships-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-lg-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-lg-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-lg-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-lg.jpg"> <img src="https://tomrobison.com/wp-content/uploads/portfolio-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/news-lg-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/news-lg-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/news-lg-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/news-lg.jpg"> <img src="https://tomrobison.com/wp-content/uploads/news-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/contact-lg-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/contact-lg-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/contact-lg-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/contact-lg.jpg"> <img src="https://tomrobison.com/wp-content/uploads/contact-lg.jpg" alt=""> </picture></div></div> </div>

<div class="swiper-container swiper-container-h"> <div class="swiper-wrapper"><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/home-lg-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/home-lg-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/home-lg-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/home-lg.jpg"> <img src="https://tomrobison.com/wp-content/uploads/home-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/about-lg-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/about-lg-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/about-lg-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/about-lg.jpg"> <img src="https://tomrobison.com/wp-content/uploads/about-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/partnerships-lg-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/partnerships-lg-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/partnerships-lg-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/partnerships-lg.jpg"> <img src="https://tomrobison.com/wp-content/uploads/partnerships-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-lg-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-lg-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-lg-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/portfolio-lg.jpg"> <img src="https://tomrobison.com/wp-content/uploads/portfolio-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/news-lg-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/news-lg-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/news-lg-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/news-lg.jpg"> <img src="https://tomrobison.com/wp-content/uploads/news-lg.jpg" alt=""> </picture></div><div class="swiper-slide"> <picture> <source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/contact-lg-768x433.jpg"> <source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/contact-lg-1000x563.jpg"> <source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/contact-lg-1536x865.jpg"> <source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/contact-lg.jpg"> <img src="https://tomrobison.com/wp-content/uploads/contact-lg.jpg" alt=""> </picture></div></div> </div>

Autoplay

Gryphon Capital

Visit gryphon-capital.com

Company Website

Gryphon Capital

Company Website

Image controller:

Auto-advance images:

Visit gryphon-capital.com

Personal contribution

Front + back-end development.

Project features

Wordpress custom theme.
Custom, branded Wordpress backend environment for multiple content-management roles.
HTML5/CSS3/Javascript.

Project description

Gryphon Capital’s corporate website utilizes WordPress to allow easy content management of their various commercial real estate projects, their mission, recent press, and contact information. The custom theme I built for them uses CSS transitions and javascript to create a rich and dynamic user experience.