<style type="text/css">
h2.fullwidth-filter-title {
font-family: "Back To Black";
text-align: center;
font-weight: 600;
font-size: 3.7em;
color: #000;
padding: 40px;
background-size: 564px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(https://cakeowls.com/pub/media/wysiwyg/ForWhiteBackground2.png);
}
.page-main{
display: none;
}
</style>
<div class="homepage-grid-banner">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="grid1" style="position: relative;">
<div class="slider-area">
<div id="banner-slider-demo-5" class="owl-carousel owl-bottom-narrow owl-banner-carousel" style="width: 621px;" >
<div class="item"><img src="https://cakeowls.com/pub/media/wysiwyg/teddybear.jpg" alt=""></div>
<div class="item"><img src="https://cakeowls.com/pub/media/wysiwyg/popular.jpg" alt=""></div>
<div class="item"><img src="https://cakeowls.com/pub/media/wysiwyg/cupcake.jpg" alt=""></div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
$("#banner-slider-demo-5").owlCarousel({
items: 1,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
dots: true,
nav: false,
navRewind: true,
animateIn: 'fadeIn',
animateOut: 'fadeOut',
loop: true,
lazyLoad: true
});
});
</script>
</div>
</div>
</div>
<div class="col-md-3">
<div class="grid3 col-md-margin" style="position: relative;"><a href="#"><img src="https://cakeowls.com/pub/media/wysiwyg/referral_program.jpg" alt="" width="279" height="264"> </a></div>
<div class="grid4" style="position: relative;"><a href="#"><img src="https://cakeowls.com/pub/media/wysiwyg/homepage/3_1X.png" alt="" width="279" height="264"> </a></div>
</div>
<div class="col-md-3">
<div class="grid2" style="position: relative;"><a href="#"><img src="https://cakeowls.com/pub/media/wysiwyg/wedding_cakes_2.jpg" alt="" width="279" height="536"> </a></div>
</div>
</div>
</div>
</div>
<div style="padding: 30px 0 50px; margin-top: 30px;">
<div class="container">
<h2 class="fullwidth-filter-title">Categories</h2>
<div id="category_slider" class="owl-side-narrow" style="margin-top: 15px;">
<div class="owl-carousel">
<div class="item"><a href="http://139.59.16.81/cake/personalised-cakes.html"> <img src="https://cakeowls.com/pub/media/wysiwyg/homepage/121_1X.png" alt=""> </a></div>
<div class="item"><a href="http://139.59.16.81/cake/cupcakes-brownies.html"> <img src="https://cakeowls.com/pub/media/wysiwyg/homepage/211_1X.png" alt=""> </a></div>
<div class="item"><a href="http://139.59.16.81/cake/birthdays.html"> <img src="https://cakeowls.com/pub/media/wysiwyg/homepage/311_1X.png" alt=""> </a></div>
<div class="item"><a href="http://139.59.16.81/cake/wedding-celebrations.html"> <img src="https://cakeowls.com/pub/media/wysiwyg/homepage/421_1X.png" alt=""> </a></div>
<div class="item"><a href="http://139.59.16.81/cake/personalised-cakes.html"> <img src="https://cakeowls.com/pub/media/wysiwyg/homepage/121_1X.png" alt=""> </a></div>
<div class="item"><a href="http://139.59.16.81/cake/cupcakes-brownies.html"> <img src="https://cakeowls.com/pub/media/wysiwyg/homepage/211_1X.png" alt=""> </a></div>
<div class="item"><a href="http://139.59.16.81/cake/birthdays.html"> <img src="https://cakeowls.com/pub/media/wysiwyg/homepage/311_1X.png" alt=""> </a></div>
<div class="item"><a href="http://139.59.16.81/cake/wedding-celebrations.html"> <img src="https://cakeowls.com/pub/media/wysiwyg/homepage/421_1X.png" alt=""> </a></div>
</div>
</div>
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
$("#category_slider .owl-carousel").owlCarousel({
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
loop: true,
navRewind: true,
margin: 30,
nav: true,
navText: ["<em class='porto-icon-left-open-big' style='color:#ea5c5b;font-weight:600'></em>","<em class='porto-icon-right-open-big' style='color:#ea5c5b;font-weight:600'></em>"],
dots: false,
responsive: {
0: {
items:2
},
768: {
items:3
},
992: {
items:3
},
1200: {
items:4
}
}
});
});
</script>
</div>
</div>
<div style="background: #fabb1e;">
<div class="container" style="margin-top: 30px;">
<h2 class="fullwidth-filter-title">Featured Products</h2>
<div id="featured_product" class="owl-side-narrow" style="margin: 0 -10px;">
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
$("#featured_product .owl-carousel").owlCarousel({
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
loop: true,
navRewind: true,
margin: 30,
nav: true,
navText: ["<em class='porto-icon-left-open-big' style='color:#ea5c5b;font-weight:600'></em>","<em class='porto-icon-right-open-big' style='color:#ea5c5b;font-weight:600'></em>"],
dots: false,
responsive: {
0: {
items:2
},
768: {
items:3
},
992: {
items:3
},
1200: {
items:4
}
}
});
});
</script>
</div>
</div>
<div class="container" style="text-align: center; margin-bottom: 2em;">
<h2 class="fullwidth-filter-title">Click & Collect</h2>
<div class="row" style="margin: 0;">
<div class="col-md-6 md-order-12" style="padding: 0;">
<div id="half-image-1" style="background: url('https://cakeowls.com/pub/media/wysiwyg/3_1X.png"><img style="width: 100%; visibility: hidden;" src="https://cakeowls.com/pub/media/wysiwyg/3_1X.png" alt="">
<div class="content" style="position: absolute; top: 41%; left: 15%; line-height: 1; font-size: 60px; font-family: 'Oswald'; letter-spacing: 0.05em; text-transform: uppercase; text-align: left; color: #fff;">Men’s<br>Collection</div>
</div>
</div>
<div id="half-content-1" class="col-md-6" style="padding: 2% 6%; position: relative; text-align: left;">
<div id="men_product" class="product-padding product-banner owl-side-narrow no-border" style="margin-top: 25px;">
<script type="text/javascript">
require([
'jquery',
'owl.carousel/owl.carousel.min'
], function ($) {
$("#men_product .owl-carousel").owlCarousel({
loop: true,
margin: 0,
autoplay: true,
autoplayTimeout: 5000,
autoplayHoverPause: true,
navRewind: true,
nav: true,
dots: false,
navText: ["<em class='porto-icon-left-open-big' style='color:#ea5c5b;font-weight:600'></em>","<em class='porto-icon-right-open-big' style='color:#ea5c5b;font-weight:600'></em>"],
responsive: {
0: {
items:1
},
640: {
items:2
}
}
});
});
</script>
</div>
</div>
</div>
<div style="background: #fabb1e;">
<div class="container" style="padding: 30px;">
<div class="row">
<div class="col-md-6">
<div class="grid1" style="position: relative;"><a href="#"><img src="https://cakeowls.com/pub/media/wysiwyg/homepage/howler_club.JPG" alt=""></a></div>
</div>
<div class="col-md-6">
<h2 style="text-align: center; font-weight: 600; font-size: 3.3rem; color: #333333; margin-top: 60px;">Expore Our Subscription Boxex!</h2>
<h3 style="text-align: center; color: #333333; font-weight: 600; line-height: 1.1; font-size: 1.8rem; margin-top: 0rem; margin-bottom: 0rem;">Cupcakes & Brownies</h3>
<h3 style="text-align: center; color: #333333; font-weight: 600; line-height: 1.1; font-size: 1.8rem; margin-top: 0rem; margin-bottom: 0rem;">Delivered regularly as per your schedule</h3>
<h3 style="text-align: center; color: #333; margin-bottom: 0rem; margin-top: 4rem;">USE</h3>
<h2 style="text-align: center; color: #333333; font-weight: 600; line-height: 1.1; font-size: 3rem; margin-top: 0rem; margin-bottom: 0rem;">"JAN2019"</h2>
<h3 style="text-align: center; color: #333333; font-weight: 600; line-height: 1.1; font-size: 1.8rem; margin-top: 0rem; margin-bottom: 0rem;">to get 20% off on all our subscription boxes</h3>
</div>
</div>
</div>
</div>
<div class="container">
<h2 class="fullwidth-filter-title" style="text-align: center;">Why Us</h2>
<div class="row">
<div class="col-md-6">
<div class="grid1" style="position: relative;"><a href="#"><img src="https://cakeowls.com/pub/media/wysiwyg/homepage/14.jpg" alt=""></a></div>
</div>
<div class="col-md-6" style="padding: 40px;">
<h2 style="font-size: 3.3rem; color: #cfa979; margin-top: 60px;">Why Choose Cake Owls ?</h2>
<h3 style="color: #333333; letter-spacing: 0.1; font-weight: 600; line-height: 2; font-size: 1.8rem;">The ingredients and features of our cakes and why they are special. The ingredients and features of our dakes and why they are special.</h3>
<h3 style="color: #333333; letter-spacing: 0.1; font-weight: 600; line-height: 2; font-size: 1.8rem;">he ingredients and features of our cakes and why they are special the ingredients and features of our cakes and why they are special</h3>
</div>
</div>
</div>
<div id="insta" class="our-instagram" style="background: #fabb1e; margin-top: 2em; margin-bottom: -10px;">
<h2 class="fullwidth-filter-title">@cakeowls</h2>
</div>