<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-home-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-home-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-home-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-home.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-home.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-blog-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-blog-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-blog-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-blog.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-blog.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-location-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-location-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-location-1536x865.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-location.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-location.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/lestudionyc-home-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-home-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-home-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-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/lestudionyc-portrait-photography-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography-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/lestudionyc-family-photographer-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer-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/lestudionyc-blog-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-blog-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-blog-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-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/lestudionyc-location-md-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-location-md-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-location-md.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-location-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/lestudionyc-home-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-home-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-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/lestudionyc-portrait-photography-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography-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/lestudionyc-family-photographer-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer-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/lestudionyc-blog-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-blog-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-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/lestudionyc-location-sm-610x738.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-location-sm-768x929.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-location-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/lestudionyc-home-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-home-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-home-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-home.jpg">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-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/lestudionyc-portrait-photography-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography.jpg">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography.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/lestudionyc-family-photographer-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer.jpg">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer.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/lestudionyc-blog-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-blog-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-blog-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-blog.jpg">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-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/lestudionyc-location-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-location-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-location-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-location.jpg">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-location.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/lestudionyc-home-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-home-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-home-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-home.jpg">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-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/lestudionyc-portrait-photography-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography.jpg">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-portrait-photography.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/lestudionyc-family-photographer-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer.jpg">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-family-photographer.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/lestudionyc-blog-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-blog-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-blog-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-blog.jpg">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-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/lestudionyc-location-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-location-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-location-1536x865.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/lestudionyc-location.jpg">
<img src="https://tomrobison.com/wp-content/uploads/lestudionyc-location.jpg" alt="">
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
Autoplay
Le Studio NYC
Portfolio/booking website
Le Studio NYC
Portfolio/booking website
Personal contribution
Custom CSS styles and Javascript functionality to clean up and debug the interaction of parent theme and third-party plugins.
Project features
- Wordpress child theme modification.
- Portfolio website with accompanying blog.
- Mobile-first design.
- responsive images that use the tag with multiple sources and sizes to create art directed image layouts and crops depending on screen width.
- Ability to include responsive images, videos, testimonials and book appointments.
Project description
Le Studio NYC’s website is designed to showcase Lea Cartier’s talent for portrait photography, transparently and quickly convey pricing and typical procedure, and provide an easy and convenient way to schedule and book a session.