The Beachwaver Co. | ENTER SUMMER20 for 20% OFF
<body><!-- Created with Shogun. --> <div class="shogun-root" data-shogun-id="5d0262d4e15d8900657e6ad4" data-shogun-site-id="502e9a51-c876-40b3-8f09-e91b2f83487a" data-shogun-page-id="5d0262d4e15d8900657e6ad4" data-shogun-page-version-id="5d14dc67ed469e0055f3a177" data-shogun-platform-type="shopify" data-shogun-variant-id="5d14dc67ed469e0055f3a178" data-region="main"> <div id="s-f3337610-cf40-4ebe-b7ed-ea53e8f72ca9" class="shg-c "><meta charset="UTF-8" /><title>Untitled Document</title><style> #app-wrap {overflow: hidden !important;} #site-body {display: flex;justify-content: center;} #site-body .row{max-width: 100%;} #header-actions .row {display: inherit;} img {max-width: 100%;} .bold {font-weight: bold;} .header-video {background-image: url("https://cdn.shopify.com/s/files/1/0452/5481/files/header_bg.jpg?3389"); background-repeat: no-repeat; background-size: cover;} .header-banner {background-color: #f4c1db;} .banner-text p{font-family: "Roboto", "sans-serif"; font-size: 1rem; font-weight: 200; font-color: #ffffff !important;} .spend-more img{max-width: 40%;} .tiers img{max-width: 90%;} .btn-primary { color: #fff !important; background-color: #7e6dab !important; border-color: #7e6dab !important;} .btn-primary:hover { color: #fff !important; background-color: #73639c !important; border-color: #73639c !important; text-decoration: none !important;} .btn-primary.focus, .btn-primary:focus { color: #fff; -webkit-box-shadow: 0 0 0 2px rgba(240, 76, 36, 0.5); box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);} .btn-group-sm > .btn, .btn-sm { padding: .500rem 1.563rem .500rem !important; font-size: .750rem !important; border-radius: 0 !important;} .carousel-BG {background-color: #f2f2f2;} #header-section .customNavigation a{ color: #212529 !important; font-size: 38px; text-decotration: none;} #header-section .customNavigation a:hover{ color: #636466; font-size: 38px; cursor: pointer; text-decotration: none;} #header-section .nextOne { position: absolute; right: 40px; top: 34%; z-index: 50;} #header-section .prevOne { left: 40px; position: absolute; top: 34%; z-index: 50;} #product-carousel .customNavigation a{ color: #9871ac !important; font-size: 38px; text-decotration: none;} #product-carousel .customNavigation a:hover{ color: #89669c; font-size: 38px; cursor: pointer; text-decotration: none;} #product-carousel .nextTwo { position: absolute; right: -15px; top: 34%; z-index: 50;} #product-carousel .prevTwo { left: -15px; position: absolute; top: 34%; z-index: 50;} .productCarousel img {max-width: 65%;} .productCarousel p {font-family: "Roboto", "sans-serif"; font-size: 0.875rem; font-weight: 600; font-color: #231F20; line-height: 1.312rem;} .checked {color: #de1b8d;} .video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0;} .video-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute;} .no-padding {padding-left: 0 !important; padding-right: 0 !important;} /* Flex fix for older Safari browswers. Must be included for every "ROW" */ .flexfix.container:before, .flexfix.container:after, .flexfix.row:before, .flexfix.row:after { content: normal;} @media only screen and (min-width: 480px) and (max-width: 573px) { .dream-big { background-image: linear-gradient(white 10%, #fbdbe9 10%, #fbdbe9 90%, #fbdbe9 90%); background-size: 100% 100%; background-repeat: no-repeat; margin: 0px;} .no-padding-desk {padding-left: 15px !important; padding-right: 15px !important;} .no-padding_mob {padding-left: 0 !important; padding-right: 0 !important;} } @media only screen and (min-width: 320px) and (max-width: 479px) { #site-body { display: inherit; justify-content: center;} #site-body .row{max-width: 100%;} #site-body .row{max-width: inherit;} .row.padded-h { padding-right: 0; padding-left: 0;} img {max-width: 100%;} .productCarousel img {max-width: 100%;} .header-video img {max-width: 65%;} .spend-more img {max-width: 90%;} .header-video {background-image: url("https://cdn.shopify.com/s/files/1/0452/5481/files/header_bg.jpg?3389"); background-position: center;} .move-up {margin-top: 3%;} .dream-big { background-image: linear-gradient(white 10%, #fbdbe9 10%, #fbdbe9 90%, #fbdbe9 90%); background-size: 100% 100%; background-repeat: no-repeat; margin: 0px;} .no-padding-desk {padding-left: 15px !important; padding-right: 15px !important;} .no-padding_mob {padding-left: 0 !important; padding-right: 0 !important;} #product-carousel .customNavigation a{font-size: 28px; text-decotration: none;} #product-carousel .customNavigation a:hover{font-size: 28px; text-decotration: none;} } </style><link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" /> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha384-kcNNzf7wI8//ZkNUaDd5JwxLoFaBgkj9Z4O4NwtuX9Lkmsz0HoITOxJsGkYxDuyG" crossorigin="anonymous" /> <div class="container-fluid"><!-- Header Section --> <section id="header-section"> <div class="row flexfix"> <div class="col-12 no-padding_mob"> <div class="owl-carousel carouselOne homeCarousel"> <div class="item"><a href="https://www.beachwaver.com/pages/responsible-hair-care_alt"><img src="https://cdn.shopify.com/s/files/1/0452/5481/files/slider-1.jpg?3910" alt="We belive in responsible hair care. We are women owned, formulated in the USA, cruelty free and we use sustainable bio-plastic. Learn more." /></a></div> <div class="item"><a href="https://beachwaver.com/collections/makewaves"><img src="https://cdn.shopify.com/s/files/1/0452/5481/files/MakeWavesSplashSlider_BW.jpg?3940" alt="Moisturize. Strengthen. Style. Create texture, braids and waves with innovative forulas that strengthen while you style. Learn more." /></a></div> </div> <div class="customNavigation d-none d-lg-block"><a class="prevOne"><i class="fa fa-chevron-left" aria-hidden="true"></i></a> <a class="nextOne"><i class="fa fa-chevron-right" aria-hidden="true"></i></a></div> </div> </div> </section> </div> <div class="container"><!-- Three Offer Boxes Section --> <section id="offer-boxes"> <div class="row flexfix mt-3"> <div class="col-12 col-md-4 text-center"><a href="https://beachwaver.com/collections/hair-styling-tools"><img src="https://cdn.shopify.com/s/files/1/0452/5481/files/BWNewHomepage_Thumbnails_061719-01.png?3944" alt="Beachwaver rotating curling irons. Shop now." /></a></div> <div class="col-12 col-md-4 text-center mt-4 mt-md-0"><a href="https://beachwaver.com/collections/new-haircare"><img src="https://cdn.shopify.com/s/files/1/0452/5481/files/offer-2.jpg?3910" alt="Haircare essentails. Shop now." /></a></div> <div class="col-12 col-md-4 text-center mt-4 mt-md-0"><a href="https://beachwaver.com/collections/brushes-accessories"><img src="https://cdn.shopify.com/s/files/1/0452/5481/files/offer-3.jpg?3910" alt="Brushes and accessories. Shop now." /></a></div> </div> </section> <!-- Spend More Get More Section --> <div class="row flexfix mt-3"> <div class="offset-1 col-10 offset-md-0 col-md-12 text-center spend-more"><img src="https://cdn.shopify.com/s/files/1/0452/5481/files/shop-favorites.jpg?3910" alt="" /></div> </div> <!-- Product Carousel Section --> <section id="product-carousel"> <div class="row flexfix mt-3 carousel-BG"> <div class="offset-1 col-10"> <div class="owl-carousel carouselTwo productCarousel"> <div class="item text-center"> <div class="row flexfix"> <div class="col-12 col-md-6 order-2 order-md-1 align-self-center pl-md-5"><span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <div class="bold mt-2 pl-md-5 pr-md-5">"Obsessed! This smells amazing and works like a dream! My hair feels moisturized and clean. Love!!" <br /><span style="font-weight: 200;">- Claire, Texas</span></div> <p class="mt-3"><a href="https://beachwaver.com/collections/good-vibes-shampoo-and-conditioner" class="btn-sm btn-primary text-uppercase">Shop Now</a></p> </div> <div class="col-12 col-md-6 order-1 order-md-2"><a href="https://beachwaver.com/collections/good-vibes-shampoo-and-conditioner"> <img src="https://cdn.shopify.com/s/files/1/0452/5481/files/BWNewHomepage_ReviewPanels_061219_Image1.png?3938" alt="" /> </a></div> </div> </div> <div class="item text-center"> <div class="row flexfix"> <div class="col-12 col-md-6 order-2 order-md-1 align-self-center"><span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <div class="bold mt-2 pl-md-5 pr-md-5">"I love this curling iron! I love that it doesn't take me half an hour to curl my hair anymore." <br /><span style="font-weight: 200;">- Rachel, Michigan</span></div> <p class=" mt-3"><a href="https://beachwaver.com/collections/beachwaver-s-series/products/beachwaver-s1-dual-voltage" class="btn-sm btn-primary text-uppercase">Shop Now</a></p> </div> <div class="col-12 col-md-6 order-1 order-md-2"><a href="https://beachwaver.com/collections/beachwaver-s-series/products/beachwaver-s1-dual-voltage"> <img src="https://cdn.shopify.com/s/files/1/0452/5481/files/BWNewHomepage_ReviewPanels_061219_Image2.png?3938" alt="" /> </a></div> </div> </div> <div class="item text-center"> <div class="row flexfix"> <div class="col-12 col-md-6 order-2 order-md-1 align-self-center"><span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <div class="bold mt-2 pl-md-5 pr-md-5">"I love my mini on set! It's the perfect size for my purse. Everyone should have one." <br /><span style="font-weight: 200;">- Katie, Tennessee</span></div> <p class=" mt-3"><a href="https://beachwaver.com/collections/brushes-accessories/products/mini-styling-brush" class="btn-sm btn-primary text-uppercase">Shop Now</a></p> </div> <div class="col-12 col-md-6 order-1 order-md-2"><a href="https://beachwaver.com/collections/brushes-accessories/products/mini-styling-brush"> <img src="https://cdn.shopify.com/s/files/1/0452/5481/files/BWNewHomepage_ReviewPanels_061219_Image3.png?3938" alt="" /> </a></div> </div> </div> </div> <div class="customNavigation"><a class="prevTwo"><i class="fa fa-chevron-circle-left" aria-hidden="true"></i></a> <a class="nextTwo"><i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a></div> </div> </div> </section> <section> <div class="row flexfix mt-4"> <div class="col-12 col-md-6"><a href="https://beachwaver.com/collections/new-haircare/products/shubie-surf-beach-spray"> <img data-src="https://cdn.shopify.com/s/files/1/0452/5481/files/BWNewHomepage_ShubieLowerBanner_061719_1.png?3951" alt="" class="d-none d-lg-block" /> <img data-src="https://cdn.shopify.com/s/files/1/0452/5481/files/BWNewHomepage_ShubieLowerBanner_061719_2.png?3944" alt="" class="d-lg-none" /> </a></div> <div class="col-12 col-md-6"><a href="https://beachwaver.com/pages/founders"><img src="https://cdn.shopify.com/s/files/1/0452/5481/files/BWNewHomepage_FoundersPanel_061219.png?3939" alt="" class="mt-3 mt-md-0" /></a> <a href="https://beachwaver.com/collections/new-haircare/products/braid-balm-pre-braid-prep"><img src="https://cdn.shopify.com/s/files/1/0452/5481/files/BraidsToWavesSlider_Animatedv2.gif?3945" alt="Braids to waves. Braid balm pre braid prep. Shop now." class="mt-4" /></a></div> </div> </section> </div> <div class="container-fluid"><!-- Footer Section --> <section id="footer"> <div class="row flexfix mt-4 mt-md-4"> <div class="col-12 no-padding"><a href="https://beachwaver.com/collections/makewaves"><img src="https://cdn.shopify.com/s/files/1/0452/5481/files/StregthenStyle_Banner_061719.png?3952" alt="Strengthen. Style. Shop now." /></a></div> </div> </section> </div> <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha384-vk5WoKIaW/vJyUAd9n/wmopsmNhiy+L2Z+SBxGYnUkunIxVxAv/UtMOhba/xskxh" crossorigin="anonymous"></script><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js" crossorigin="anonymous"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha384-l/y5WJTphApmSlx76Ev6k4G3zxu/+19CVvn9OTKI7gs4Yu5Hm8mjpdtdr5oyhnNo" crossorigin="anonymous"></script><!-- <script src="https://kit.fontawesome.com/1941142212.js" integrity="sha384-7cupKsyf1krt0hPaFhz7o347RIzmECgbuiiOTe+NbIi9eA5z8RSNuYFdTDgRTZHH" crossorigin="anonymous"></script>--><script> //Dynamic image swap for Desktop to mobile images $(window).resize(function() { $("[data-src]").each(function() { if ($(this).css('display') !== 'none') { this.src = $(this).data('src'); } }); }).resize();//end </script><script> //Owl Carousel One $('.homeCarousel').owlCarousel({ loop: true, autoplay:true, autoplayHoverPause:true, lazyLoad:false, margin:10, center: false, dots: false, responsiveClass:true, responsive:{ 0:{ items:1 }, 600:{ items:1 }, 1000:{ items:1 } } }); //Owl Carousel Two $('.productCarousel').owlCarousel({ loop: true, autoplay:false, autoplayHoverPause:true, lazyLoad:false, margin:10, center: false, dots: false, responsiveClass:true, responsive:{ 0:{ items:1 }, 600:{ items:1 }, 1000:{ items:1 } } }); var owlOne = $('.owl-carousel.carouselOne').owlCarousel(); var owlTwo = $('.owl-carousel.carouselTwo').owlCarousel(); // Controls for first carousel $(".prevOne").click(function () { owlOne.trigger('prev.owl.carousel'); }); $(".nextOne").click(function () { owlOne.trigger('next.owl.carousel'); }); $(".prevTwo").click(function () { owlTwo.trigger('prev.owl.carousel'); }); $(".nextTwo").click(function () { owlTwo.trigger('next.owl.carousel'); });// JavaScript Document // </script></div> </div> </body>