<div class="swiper-container swiper-container-h">
<div class="swiper-wrapper"><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-01-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-01-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-01.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-01.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/cwspirits-01.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-02-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-02-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-02.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-02.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/cwspirits-02.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-03-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-03-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-03.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-03.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/cwspirits-03.jpg" alt="">
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture>
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-04-768x433.jpg" media="(max-width: 768px)">
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-04-1000x563.jpg" media="(min-width: 769px) and (max-width: 1000px)">
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-04.jpg" media="(min-width: 1001px) and (max-width: 1536px)">
<source srcset="https://tomrobison.com/wp-content/uploads/cwspirits-04.jpg" media="(min-width: 1537px)">
<img src="https://tomrobison.com/wp-content/uploads/cwspirits-04.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/country_wineTablet-01-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/country_wineTablet-01-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/country_wineTablet-01.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/country_wineTablet-01.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/country_wineTablet-02-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/country_wineTablet-02-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/country_wineTablet-02.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/country_wineTablet-02.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/country_wineTablet-03-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/country_wineTablet-03-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/country_wineTablet-03.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/country_wineTablet-03.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- tablet -->
<source media="(max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/country_wineTablet-04-768x768.jpg" />
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/country_wineTablet-04-1000x1000.jpg" />
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/country_wineTablet-04.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/country_wineTablet-04.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/cwspiritssm-1-610x569.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/cwspiritssm-1.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/cwspiritssm-1.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/cwspiritssm-2-610x569.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/cwspiritssm-2.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/cwspiritssm-2.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/cwspiritssm-3-610x569.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/cwspiritssm-3.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/cwspiritssm-3.jpg" alt="" />
</picture></div><!-- .swiper-slide --><div class="swiper-slide">
<picture><!-- mobile -->
<source media="(max-width: 610px)" srcset="https://tomrobison.com/wp-content/uploads/cwspiritssm-4-610x569.jpg" />
<source media="(min-width: 611px) and (max-width: 768px)" srcset="https://tomrobison.com/wp-content/uploads/cwspiritssm-4.jpg" />
<img src="https://tomrobison.com/wp-content/uploads/cwspiritssm-4.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/cwspirits-01-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-01-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-01.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-01.jpg">
<img src="https://tomrobison.com/wp-content/uploads/cwspirits-01.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/cwspirits-02-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-02-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-02.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-02.jpg">
<img src="https://tomrobison.com/wp-content/uploads/cwspirits-02.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/cwspirits-03-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-03-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-03.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-03.jpg">
<img src="https://tomrobison.com/wp-content/uploads/cwspirits-03.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/cwspirits-04-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-04-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-04.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-04.jpg">
<img src="https://tomrobison.com/wp-content/uploads/cwspirits-04.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/cwspirits-01-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-01-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-01.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-01.jpg">
<img src="https://tomrobison.com/wp-content/uploads/cwspirits-01.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/cwspirits-02-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-02-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-02.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-02.jpg">
<img src="https://tomrobison.com/wp-content/uploads/cwspirits-02.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/cwspirits-03-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-03-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-03.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-03.jpg">
<img src="https://tomrobison.com/wp-content/uploads/cwspirits-03.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/cwspirits-04-768x433.jpg">
<source media="(min-width: 769px) and (max-width: 1000px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-04-1000x563.jpg">
<source media="(min-width: 1001px) and (max-width: 1536px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-04.jpg">
<source media="(min-width: 1537px)" srcset="https://tomrobison.com/wp-content/uploads/cwspirits-04.jpg">
<img src="https://tomrobison.com/wp-content/uploads/cwspirits-04.jpg" alt="">
</picture></div><!-- .swiper-slide --></div><!-- .swiper-wrapper -->
</div><!-- .swiper-container swiper-container-h -->
Autoplay
Country Wine & Spirits
Retailer Website
Country Wine & Spirits
Retailer Website
Image controller:
Auto-advance images:
Personal contribution
Front-end development.
Project features
- Wordpress custom child theme.
- Rich graphic UI achieved with minimal file size through CSS.
- Fullscreen graphics.
Project description
The Country Wine & Spirits website was made to make you thirsty. Doesn’t it?