Slider 1

Copy Snippet <section id="alan-main-slider-v12-1" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#alan-main-slider-v12-1" data-slide-to="0" class="active"></li> <li data-target="#alan-main-slider-v12-1" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-fashion-slider-3.png);"> <div class="container"> <div class="row align-items-center justify-content-center slider"> <div class="col-lg-4 text-center white-bg "> <div class="p-45px"> <div class="font-16 m-15px-b color-extra-dark-gray font-w-500 text-uppercase letter-spacing-2">Look Out!</div> <div class="font-26 color-black font-w-600 text-uppercase letter-spacing-2">New Collections</div> <div class="btn-bar m-15px-t"> <a class="alan-btn-style-03" href="#">Shop Now</a> </div> </div> </div> </div> </div> </div> <div class="carousel-item bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-fashion-slider-4.png);"> <div class="container"> <div class="row align-items-center justify-content-center slider"> <div class="col-lg-4 text-center white-bg"> <div class="p-45px"> <div class="font-16 m-15px-b color-extra-dark-gray font-w-500 text-uppercase letter-spacing-2">Look Out!</div> <div class="font-26 color-black font-w-600 text-uppercase letter-spacing-2">New Collections</div> <div class="btn-bar m-15px-t"> <a class="alan-btn-style-03" href="#">Shop Now</a> </div> </div> </div> </div> </div> </div> </div> <a class="carousel-control-prev" href="#alan-main-slider-v12-1" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#alan-main-slider-v12-1" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 2

Copy Snippet <section id="alan-main-slider-v12-2" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#alan-main-slider-v12-2" data-slide-to="0" class="active"></li> <li data-target="#alan-main-slider-v12-2" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item item active bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-car-banner-1.png);"> <div class="container"> <div class="row align-items-center justify-content-center slider"> <div class="col-lg-5 text-center white-bg"> <div class="p-45px display-inline-block"> <div class="font-50 m-25px-b color-black font-w-700 text-uppercase letter-spacing-3">SELECT YOUR <br/>VEHICLE</div> <div class="font-16 color-black font-w-400 text-uppercase letter-spacing-3">Customize, Modify, Upgrade, Repair, Replace</div> <div class="btn-bar m-30px-t"> <a class="alan-btn-style-01" href="#">More Details</a> </div> </div> </div> </div> </div> </div> <!-- item --> <div class="carousel-item bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-car-banner-2.png);"> <div class="container"> <div class="row align-items-center justify-content-center slider"> <div class="col-lg-5 text-center white-bg"> <div class="p-45px display-inline-block"> <div class="font-50 m-25px-b color-black font-w-700 text-uppercase letter-spacing-3">SELECT YOUR <br/>VEHICLE</div> <div class="font-16 color-black font-w-400 text-uppercase letter-spacing-3">Customize, Modify, Upgrade, Repair, Replace</div> <div class="btn-bar m-30px-t"> <a class="alan-btn-style-01" href="#">More Details</a> </div> </div> </div> </div> </div> </div> <!-- item --> </div> <a class="carousel-control-prev" href="#alan-main-slider-v12-2" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#alan-main-slider-v12-2" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 3

Copy Snippet <section id="alan-main-slider-v12-3" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#alan-main-slider-v12-3" data-slide-to="0" class="active"></li> <li data-target="#alan-main-slider-v12-3" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-bag-banner-1.png);"> <div class="container"> <div class="row align-items-center justify-content-center slider"> <div class="col-lg-12"> <div class="p-45px-tb display-inline-block"> <div class="font-16 sm-font-14 color-white font-w-400 text-uppercase letter-spacing-3">The Best products </div> <div class="font-80 md-font-40 sm-font-25 m-25px-b color-white font-w-700 text-uppercase letter-spacing-3">2018 New <br/> Collections</div> <div class="btn-bar m-30px-t sm-m-0px-t"> <a class="alan-btn-style-04" href="#">More Collections</a> </div> </div> </div> </div> </div> </div> <!-- item --> <div class="carousel-item bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-bag-banner-2.png);"> <div class="container"> <div class="row align-items-center justify-content-center slider"> <div class="col-lg-12"> <div class="p-45px-tb display-inline-block"> <div class="font-16 sm-font-14 color-white font-w-400 text-uppercase letter-spacing-3">The Best products </div> <div class="font-80 md-font-40 sm-font-25 m-25px-b color-white font-w-700 text-uppercase letter-spacing-3">2018 New <br/> Collections</div> <div class="btn-bar m-30px-t sm-m-0px-t"> <a class="alan-btn-style-04" href="#">More Collections</a> </div> </div> </div> </div> </div> </div> <!-- item --> </div> <a class="carousel-control-prev" href="#alan-main-slider-v12-3" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#alan-main-slider-v12-3" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 4

Copy Snippet <section id="alan-main-slider-v12-4" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#alan-main-slider-v12-4" data-slide-to="0" class="active"></li> <li data-target="#alan-main-slider-v12-4" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active" style="background: #bfc2ff;"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6"> <div class="p-45px-tb display-inline-block"> <div class="font-16 sm-font-14 color-white font-w-400 text-uppercase letter-spacing-3">The Best products </div> <div class="font-80 md-font-40 sm-font-25 m-25px-b color-white font-w-700 text-uppercase letter-spacing-3">2018 New <br/> Collections</div> <div class="btn-bar m-30px-t sm-m-0px-t"> <a class="alan-btn-style-04" href="#">More Collections</a> </div> </div> </div> <div class="col-lg-6"> <div class="m-15px-tb"> <img src="http://odoo-snippets.atharvasystem.com/source/img/alan-bag-banner-3.png"> </div> </div> </div> </div> </div> <!-- item --> <div class="carousel-item" style="background: #ffad9e;"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6"> <div class="p-45px-tb display-inline-block"> <div class="font-16 sm-font-14 color-white font-w-400 text-uppercase letter-spacing-3">The Best products </div> <div class="font-80 md-font-40 sm-font-25 m-25px-b color-white font-w-700 text-uppercase letter-spacing-3">2018 New <br/> Collections</div> <div class="btn-bar m-30px-t sm-m-0px-t"> <a class="alan-btn-style-04" href="#">More Collections</a> </div> </div> </div> <div class="col-lg-6"> <div class="m-15px-tb"> <img src="http://odoo-snippets.atharvasystem.com/source/img/alan-bag-banner-4.png"> </div> </div> </div> </div> </div> <!-- item --> </div> <a class="carousel-control-prev" href="#alan-main-slider-v12-4" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#alan-main-slider-v12-4" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 5

Copy Snippet <section id="alan-main-slider-v12-5" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#alan-main-slider-v12-5" data-slide-to="0" class="active"></li> <li data-target="#alan-main-slider-v12-5" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-business-bg-2.png);"> <div class="container"> <div class="row slider align-items-center"> <div class="col-lg-5 white-bg"> <div class="p-40px"> <div class="color-black font-w-700 font-50 md-font-35 sm-font-25 m-30px-b">Best Solutions <br/>For Your Business</div> <p class="color-black font-16"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p> <div class="m-40px-t"> <a href="#" class="alan-btn-style-06 m-5px-lr">Learn More</a> <a href="#" class="alan-btn-style-07 m-5px-lr">Buy Now</a> </div> </div> </div> <!-- col --> </div> <!-- row --> </div> </div> <!-- item --> <div class="carousel-item bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-new-collection-1.png);"> <div class="container"> <div class="row slider align-items-center"> <div class="col-lg-5 white-bg"> <div class="p-40px"> <div class="color-black font-w-700 font-50 md-font-35 sm-font-25 m-30px-b">Best Solutions <br/>For Your Business</div> <p class="color-black font-16"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p> <div class="m-40px-t"> <a href="#" class="alan-btn-style-06 m-5px-lr">Learn More</a> <a href="#" class="alan-btn-style-07 m-5px-lr">Buy Now</a> </div> </div> </div> <!-- col --> </div> <!-- row --> </div> </div> <!-- item --> </div> <a class="carousel-control-prev" href="#alan-main-slider-v12-5" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#alan-main-slider-v12-5" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 6

Copy Snippet <section id="alan-main-slider-v12-6" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#alan-main-slider-v12-6" data-slide-to="0" class="active"></li> <li data-target="#alan-main-slider-v12-6" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-fashion-collection-7.png);"> <div class="container"> <div class="row slider align-items-center"> <div class="col-lg-5 black-bg "> <div class="p-40px"> <div class="color-white font-w-700 font-50 md-font-35 sm-font-25 m-30px-b">New Collections 2018</div> <p class="color-white font-16"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p> <div class="m-40px-t"> <a href="#" class="alan-btn-style-01 m-5px-lr">Buy Now</a> </div> </div> </div> <!-- col --> </div> <!-- row --> </div> </div> <!-- item --> <div class="carousel-item bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-fashion-collection-8.png);"> <div class="container"> <div class="row slider align-items-center"> <div class="col-lg-5 black-bg "> <div class="p-40px"> <div class="color-white font-w-700 font-50 md-font-35 sm-font-25 m-30px-b">New Collections 2018</div> <p class="color-white font-16"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p> <div class="m-40px-t"> <a href="#" class="alan-btn-style-01 m-5px-lr">Buy Now</a> </div> </div> </div> <!-- col --> </div> <!-- row --> </div> </div> <!-- item --> </div> <a class="carousel-control-prev" href="#alan-main-slider-v12-6" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#alan-main-slider-v12-6" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 7

Copy Snippet <section id="alan-main-slider-v12-7" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#alan-main-slider-v12-7" data-slide-to="0" class="active"></li> <li data-target="#alan-main-slider-v12-7" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-jwl-01.jpg);"> <div class="container"> <div class="row slider align-items-center justify-content-end"> <div class="col-lg-5 white-bg"> <div class="p-40px"> <div class="color-black font-w-700 font-40 md-font-35 text-uppercase sm-font-25 m-30px-b">New Jewellery Look</div> <p class="color-black font-16"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p> <div class="m-40px-t"> <a href="#" class="alan-btn-style-01 m-5px-lr">Shop Now</a> </div> </div> </div> <!-- col --> </div> <!-- row --> </div> </div> <!-- item --> <div class="carousel-item bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-jwl-02.jpg);"> <div class="container"> <div class="row slider align-items-center justify-content-end"> <div class="col-lg-5 white-bg"> <div class="p-40px"> <div class="color-black font-w-700 font-40 md-font-35 sm-font-25 m-30px-b">New Collections 2018</div> <p class="color-black font-16"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p> <div class="m-40px-t"> <a href="#" class="alan-btn-style-01 m-5px-lr">Buy Now</a> </div> </div> </div> <!-- col --> </div> <!-- row --> </div> </div> <!-- item --> </div> <a class="carousel-control-prev" href="#alan-main-slider-v12-7" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#alan-main-slider-v12-7" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 8

Copy Snippet <section id="alan-main-slider-v12-8" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#alan-main-slider-v12-8" data-slide-to="0" class="active"></li> <li data-target="#alan-main-slider-v12-8" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-wine-shop2.png);"> <div class="container"> <div class="row slider align-items-center justify-content-center"> <div class="col-lg-8 text-center"> <div class="color-white font-w-700 font-80 md-font-40 sm-font-25 text-uppercase m-20px-b sm-m-10px-b">Classic Brands Wine</div> <p class="color-white font-18 md-font-18 sm-font-15 w-80 sm-w-100 display-inline-block">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p> <div class="m-20px-t sm-m-10px-t"> <a class="alan-btn-style-06 m-5px-r" href="#">Shop Now</a> <a class="alan-btn-style-06 m-5px-l" href="#">Lear More</a> </div> </div> <!-- col --> </div> <!--row --> </div> </div> <!-- item --> <div class="carousel-item bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-wine-shop1.png);"> <div class="container"> <div class="row slider align-items-center justify-content-center"> <div class="col-lg-8 text-center"> <div class="color-white font-w-700 font-80 md-font-40 sm-font-25 text-uppercase m-20px-b sm-m-10px-b">Classic Brands Wine</div> <p class="color-white font-18 md-font-18 sm-font-15 w-80 sm-w-100 display-inline-block">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p> <div class="m-20px-t sm-m-10px-t"> <a class="alan-btn-style-06 m-5px-r" href="#">Shop Now</a> <a class="alan-btn-style-06 m-5px-l" href="#">Lear More</a> </div> </div> <!-- col --> </div> <!-- row --> </div> </div> <!-- item --> </div> <a class="carousel-control-prev" href="#alan-main-slider-v12-8" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#alan-main-slider-v12-8" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 9

Copy Snippet <section id="alan-main-slider-v12-10" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#alan-main-slider-v12-10" data-slide-to="0" class="active"></li> <li data-target="#alan-main-slider-v12-10" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active" style="background-color: #e1c5a1;"> <div class="container main-half-slider"> <div class="row slider align-items-center"> <div class="col-lg-6 md-m-30px-t"> <div class="font-20 md-font-18 font-w-400 color-extra-dark-gray-01 m-20px-b md-m-10px-b"> New Collection 2018 </div> <div class="font-55 md-font-30 font-w-400 color-extra-dark-gray-01 m-40px-b md-m-20px-b"> Don't Miss This Chance </div> <a class="alan-btn-style-07" href="#">Shop Now</a> </div> <div class="col-lg-6 text-center"> <div class="p-45px-t"> <img src="http://odoo-snippets.atharvasystem.com/source/img/alan-fur-1.png"> </div> </div> </div> </div> </div> <div class="carousel-item" style="background-color: #ffd1ec;"> <div class="container main-half-slider"> <div class="row slider align-items-center"> <div class="col-lg-6 md-m-30px-t"> <div class="font-20 md-font-18 font-w-400 color-extra-dark-gray-01 m-20px-b md-m-10px-b"> New Collection 2018 </div> <div class="font-55 md-font-30 font-w-400 color-extra-dark-gray-01 m-40px-b md-m-20px-b"> Don't Miss This Chance </div> <a class="alan-btn-style-07" href="#">Shop Now</a> </div> <div class="col-lg-6 text-center"> <div class="p-45px-t"> <img src="http://odoo-snippets.atharvasystem.com/source/img/alan-fur-2.png"> </div> </div> </div> </div> </div> </div> <a class="carousel-control-prev" href="#alan-main-slider-v12-10" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#alan-main-slider-v12-10" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 10

Copy Snippet <section class="bg-effect-main bg-cover bg-center-center bg-no-repeat" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-bg-effect.jpg);"> <div class="bg-effect opacity3"></div> <div class="container"> <div class="row min-h-100vh align-items-center p-50px-tb"> <div class="col-lg-6"> <div class="color-extra-dark-gray-01 font-w-700 font-50 md-font-40 sm-font-30 m-25px-b"> Professional Online<br> Courses Platform </div> <p class="w-500px max-w-100 color-extra-dark-gray-01 font-18 sm-font-16">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip</p> <div class="m-40px-t"> <a class="alan-btn-style-06" href="#">Read More</a> <a class="alan-btn-style-07" href="#">Buy Now</a> </div> </div> <div class="col-lg-6 md-m-30px-t"> <section class="round-bg round-style bg-cover bg-no-repeat bg-center-center box-shadow-extra-large" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-corp-4.png);"> </section> </div> </div> </div> </section>

Slider 11

Copy Snippet <section class="bg-effect-main bg-cover bg-center-center bg-no-repeat" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-con-1.png);"> <div class="container"> <div class="row min-h-100vh align-items-center p-50px-tb"> <div class="col-lg-12 text-center"> <p class="color-white font-24 sm-font-18 font-w-500">Welcome to Alan Construction</p> <div class="color-white font-w-700 font-55 md-font-40 sm-font-30 m-20px-b"> We Build Big Things For <span class="color-theme">Our Peoples!</span> </div> <p class="w-800px max-w-100 color-white font-18 sm-font-16 display-inline-block">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip</p> <div class="p-15px-t"> <a class="alan-btn-style-06" href="#">Read More</a> <a class="alan-btn-style-11" href="#">Buy Now</a> </div> </div> </div> </div> </section>

Slider 12

Copy Snippet <section id="alan-main-slider-v12-15" class="carousel s_carousel s_carousel_default s_carousel_alan slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#alan-main-slider-v12-15" data-slide-to="0" class="active"></li> <li data-target="#alan-main-slider-v12-15" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active"> <img src="http://odoo-snippets.atharvasystem.com/source/img/alan-slider-1.png" title="" alt=""/> </div> <div class="carousel-item"> <img src="http://odoo-snippets.atharvasystem.com/source/img/alan-slider-2.png" title="" alt="" data-original-title="" aria-describedby="tooltip96593"/> </div> </div> <a class="carousel-control-prev" href="#alan-main-slider-v12-15" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#alan-main-slider-v12-15" role="button" data-slide="next" data-original-title="" title="" aria-describedby="tooltip443704"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 13

Copy Snippet <section id="alan-main-slider-v12-16" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#alan-main-slider-v12-16" data-slide-to="0" class="active"></li> <li data-target="#alan-main-slider-v12-16" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active bg-cover bg-no-rep eat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-banner-1.jpg);"> <div class="container"> <div class="row align-items-center slider"> <div class="col-lg-6 md-m-30px-t"> <div class="font-20 md-font-18 font-w-400 color-extra-dark-gray-01 m-20px-b md-m-10px-b">New Collection 2018</div> <div class="font-55 md-font-30 font-w-400 color-extra-dark-gray-01 m-40px-b md-m-20px-b">Don't Miss This Chance</div> <a class="alan-btn-style-07" href="#">Shop Now</a> </div> </div> </div> </div> <div class="carousel-item bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-banner-2.jpg);"> <div class="container"> <div class="row align-items-center slider"> <div class="col-lg-6 md-m-30px-t"> <div class="font-20 md-font-18 font-w-400 color-extra-dark-gray-01 m-20px-b md-m-10px-b">New Collection 2018</div> <div class="font-55 md-font-30 font-w-400 color-extra-dark-gray-01 m-40px-b md-m-20px-b">Don't Miss This Chance</div> <a class="alan-btn-style-07" href="#">Shop Now</a> </div> </div> </div> </div> </div> <a class="carousel-control-prev" href="#alan-main-slider-v12-16" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#alan-main-slider-v12-16" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 14

Copy Snippet <section id="gym_main_slider" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#gym_main_slider" data-slide-to="0" class="active"></li> <li data-target="#gym_main_slider" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/g-1.jpg);"> <div class="container"> <div class="row slider align-items-center md-p-100px-tb"> <div class="col-lg-8"> <div class="font-16 text-uppercase font-w-600 border-all p-10px-tb p-20px-lr color-white display-inline-block">Alan Fitness Club</div> <div class="color-white font-w-700 font-80 md-font-40 sm-font-25 text-uppercase m-20px-b sm-m-10px-b">Make You Be The Fighter</div> <p class="color-white font-18 md-font-18 sm-font-15 w-80 sm-w-100 display-inline-block">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p> <div class="m-20px-t sm-m-10px-t"> <a class="alan-btn-style-06 m-5px-l" href="#">Join Now</a> </div> </div> <!-- col --> </div> <!--row --> </div> </div> <!-- item --> <div class="carousel-item bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/g-2.jpg);"> <div class="container"> <div class="row slider align-items-center md-p-100px-tb"> <div class="col-lg-8"> <div class="font-16 text-uppercase font-w-600 border-all p-10px-tb p-20px-lr color-white display-inline-block">Alan Fitness Club</div> <div class="color-white font-w-700 font-80 md-font-40 sm-font-25 text-uppercase m-20px-b sm-m-10px-b">Make You Be The Fighter</div> <p class="color-white font-18 md-font-18 sm-font-15 w-80 sm-w-100 display-inline-block">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. </p> <div class="m-20px-t sm-m-10px-t"> <a class="alan-btn-style-06 m-5px-l" href="#">Join Now</a> </div> </div> <!-- col --> </div> <!-- row --> </div> </div> <!-- item --> </div> <a class="carousel-control-prev" href="#gym_main_slider" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#gym_main_slider" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 15

Copy Snippet <section id="alan-main-slider-v12-3" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#alan-main-slider-v12-3" data-slide-to="0" class="active"></li> <li data-target="#alan-main-slider-v12-3" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/pet-1.jpg);"> <div class="container"> <div class="row align-items-center justify-content-center slider"> <div class="col-lg-7 text-center"> <div class="p-45px-tb display-inline-block"> <div class="font-50 md-font-40 sm-font-25 m-25px-b color-white font-w-200 text-uppercase letter-spacing-10">We will take care of your pets</div> <p class="color-white font-w-300 font-18">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <div class="p-15px-t"> <a class="alan-btn-style-06" href="#">Call Now</a> </div> </div> </div> </div> </div> </div> <div class="carousel-item bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/pet-2.jpg);"> <div class="container"> <div class="row align-items-center justify-content-center slider"> <div class="col-lg-7 text-center"> <div class="p-45px-tb display-inline-block"> <div class="font-50 md-font-40 sm-font-25 m-25px-b color-white font-w-200 text-uppercase letter-spacing-10">We will take care of your pets</div> <p class="color-white font-w-300 font-18">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> <div class="p-15px-t"> <a class="alan-btn-style-06" href="#">Call Now</a> </div> </div> </div> </div> </div> </div> <!-- item --> </div> <a class="carousel-control-prev" href="#alan-main-slider-v12-3" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#alan-main-slider-v12-3" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 16

Copy Snippet <section id="academy_slider_banner" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#academy_slider_banner" data-slide-to="0" class="active"></li> <li data-target="#academy_slider_banner" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active bg-cover bg-no-repeat" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/ac-1.jpg);"> <div class="container main-half-slider"> <div class="row slider align-items-center"> <div class="col-lg-6 md-m-30px-t"> <div class="p-45px-tb display-inline-block"> <div class="font-20 sm-font-14 color-black font-w-400 text-uppercase letter-spacing-3">The Best Academy Of The State</div> <div class="font-80 md-font-40 sm-font-25 m-15px-b color-black font-w-700 text-uppercase letter-spacing-3">Alan Academy</div> <p class="font-16 sm-font-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p> <div class="btn-bar m-30px-t"> <a class="alan-btn-style-07" href="#">Join Now</a> </div> </div> </div> <div class="col-lg-6 text-center"> <div class="p-45px-t"> <img src="http://odoo-snippets.atharvasystem.com/source/img/ac-2.png"> </div> </div> </div> </div> </div> <div class="carousel-item bg-cover bg-no-repeat" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/ac-1.jpg);"> <div class="container main-half-slider"> <div class="row slider align-items-center"> <div class="col-lg-6 md-m-30px-t"> <div class="p-45px-tb display-inline-block"> <div class="font-20 sm-font-14 color-black font-w-400 text-uppercase letter-spacing-3">The Best Academy Of The State</div> <div class="font-80 md-font-40 sm-font-25 m-15px-b color-black font-w-700 text-uppercase letter-spacing-3">Alan Academy</div> <p class="font-16 sm-font-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p> <div class="btn-bar m-30px-t"> <a class="alan-btn-style-07" href="#">Join Now</a> </div> </div> </div> <div class="col-lg-6 text-center"> <div class="p-45px-t"> <img src="http://odoo-snippets.atharvasystem.com/source/img/ac-4.png"> </div> </div> </div> </div> </div> </div> <a class="carousel-control-prev" href="#academy_slider_banner" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#academy_slider_banner" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Slider 17

Copy Snippet <section id="spa_slider_v12" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#spa_slider_v12" data-slide-to="0" class="active"></li> <li data-target="#spa_slider_v12" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active bg-cover bg-no-repeat bg-fixed bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/spa-1.jpg);"> <div class="container"> <div class="row align-items-center slider"> <div class="col-lg-6"> <div class="p-45px"> <div class="color-white opacity8 font-20 md-font-18 sm-font-16 m-10px-b">Something mystic, something magical</div> <div class="font-80 md-font-60 sm-font-40 color-white font-w-600 m-25px-b sm-m-15px-b">Natural Spa</div> <p class="color-white opacity8">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p> <div class="p-15px-t"> <a class="alan-btn-style-06" href="#">Book Now</a> </div> </div> </div> </div> </div> </div> <div class="carousel-item bg-cover bg-no-repeat bg-fixed bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/spa-2.jpg);"> <div class="container"> <div class="row align-items-center slider"> <div class="col-lg-6"> <div class="p-45px"> <div class="color-white opacity8 font-20 md-font-18 sm-font-16 m-10px-b">Something mystic, something magical</div> <div class="font-80 md-font-60 sm-font-40 color-white font-w-600 m-25px-b sm-m-15px-b">Natural Spa</div> <p class="color-white opacity8">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p> <div class="p-15px-t"> <a class="alan-btn-style-06" href="#">Book Now</a> </div> </div> </div> </div> </div> </div> </div> <a class="carousel-control-prev" href="#spa_slider_v12" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#spa_slider_v12" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Banner

Copy Snippet <section class="main-half-slider bg-cover bg-cover bg-no-repeat bg-center-center bg-fixed" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-business-bg-3.png);"> <div class="container"> <div class="row slider align-items-center justify-content-center"> <div class="col-lg-7 text-center"> <div class="color-white font-80 md-font-60 sm-font-20 font-w-300 m-40px-b">A passionate Forward thinking Design Agency</div> <span class="w-50px theme-bg display-table m-auto-all h-3px m-40px-b font-w-300"></span> <p class="font-20 color-white font-w-300 letter-spacing-2">Graphic design | Passionate video art fan | Brand evangelist | UI/UX super hero</p> <div class="m-35px-t"><a class="alan-btn-style-06" href="#">Call us now!</a></div> </div> </div> </div> </section>

Banner 2

Copy Snippet <section id="alan-main-slider-v12-9" class="carousel s_carousel s_carousel_default s_carousel_alan slide main-half-slider" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#alan-main-slider-v12-9" data-slide-to="0" class="active"></li> <li data-target="#alan-main-slider-v12-9" data-slide-to="1"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active" style="background-color: #edc7bd;"> <div class="container main-half-slider"> <div class="row slider align-items-center"> <div class="col-lg-6 md-m-30px-t"> <div class="font-20 md-font-18 font-w-400 color-extra-dark-gray-01 m-20px-b md-m-10px-b"> New Collection 2018 </div> <div class="font-55 md-font-30 font-w-400 color-extra-dark-gray-01 m-40px-b md-m-20px-b"> Don't Miss This Chance </div> <a class="alan-btn-style-07" href="#">Shop Now</a> </div> <div class="col-lg-6 text-center"> <div class="p-45px-t"> <img src="http://odoo-snippets.atharvasystem.com/source/img/alan-fashion-slider-5.png"> </div> </div> </div> </div> </div> <div class="carousel-item" style="background-color: #f2e0bd;"> <div class="container main-half-slider"> <div class="row slider align-items-center"> <div class="col-lg-6 md-m-30px-t"> <div class="font-20 md-font-18 font-w-400 color-extra-dark-gray-01 m-20px-b md-m-10px-b"> New Collection 2018 </div> <div class="font-55 md-font-30 font-w-400 color-extra-dark-gray-01 m-40px-b md-m-20px-b"> Don't Miss This Chance </div> <a class="alan-btn-style-07" href="#">Shop Now</a> </div> <div class="col-lg-6 text-center"> <div class="p-45px-t"> <img src="http://odoo-snippets.atharvasystem.com/source/img/alan-fashion-slider-6.png"> </div> </div> </div> </div> </div> </div> <a class="carousel-control-prev" href="#alan-main-slider-v12-9" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#alan-main-slider-v12-9" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span> </a> </section>

Banner 3

Copy Snippet <section class="section bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-corp-1.png);"> <div class="container p-100px-t md-p-80px-t sm-p-50px-t"> <div class="row align-items-center"> <div class="col-lg-6"> <div class="color-white font-55 md-font-45 sm-font-35 font-w-300 m-30px-b">A passionate Forward thinking Design Agency</div> <p class="color-white m-40px-b">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.</p> <a href="#" class="alan-btn-style-06">Lear More</a> </div> <div class="col-lg-6 text-center md-m-45px-t"> <a class="alan-video-btn popup-youtube" href="http://www.youtube.com/watch?v=0O2aH4XLbto"> <i class="fa fa-play"></i></a> </div> </div> <div class="row p-50px-t m-100px-t md-m-40px-t sm-m-0px-t"> <div class="col-lg-3"> <div class="feature-box-04 m-15px-tb"> <div class="icon"> <i class="fa fa-paint-brush color-white font-40"></i> </div> <div class="feature-content"> <div class="font-16 m-0px font-w-600 m-10px-b color-white">Creative</div> <label class="m-0px color-white opacity8 font-w-400 font-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</label> </div> </div> </div> <div class="col-lg-3"> <div class="feature-box-04 m-15px-tb"> <div class="icon"> <i class="fa fa-television color-white font-40"></i> </div> <div class="feature-content"> <div class="font-16 m-0px font-w-600 m-10px-b color-white">Strategy</div> <label class="m-0px color-white opacity8 font-w-400 font-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</label> </div> </div> </div> <div class="col-lg-3"> <div class="feature-box-04 m-15px-tb"> <div class="icon"> <i class="fa fa-object-ungroup color-white font-40"></i> </div> <div class="feature-content"> <div class="font-16 m-0px font-w-600 m-10px-b color-white">Design</div> <label class="m-0px color-white opacity8 font-w-400 font-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</label> </div> </div> </div> <div class="col-lg-3"> <div class="feature-box-04 m-15px-tb"> <div class="icon"> <i class="fa fa-cogs color-white font-40"></i> </div> <div class="feature-content"> <div class="font-16 m-0px font-w-600 m-10px-b color-white">Development</div> <label class="m-0px color-white opacity8 font-w-400 font-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor</label> </div> </div> </div> </div> </div> </section>

Banner 4

Copy Snippet <section class="main-half-slider bg-cover bg-cover bg-no-repeat bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/alan-business-bg-5.jpg);"> <div class="container"> <div class="row slider align-items-center justify-content-center"> <div class="col-md-7 text-center "> <div class="color-white font-30 m-30px-b font-w-500 letter-spacing-1">With Alan, You Can Create Anything.</div> <p class="color-white font-16 font-w-300 letter-spacing-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis.</p> <div class="m-50px-t"> <a class="alan-btn-style-08" href="#">Read More</a> <a class="alan-btn-style-09" href="#">Buy Now</a> </div> </div> </div> </div> </section>

Banner 5

Copy Snippet <section class="bg-cover bg-no-repeat bg-fixed" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/h-1.jpg);"> <div class="container p-10-t p-15-b"> <div class="row align-items-center justify-content-center"> <div class="col-lg-7 text-center"> <div class="p-50px sm-p-0px"> <div class="font-50 md-font-35 sm-font-25 m-15px-b color-white font-w-700 text-uppercase">We Care About Your Health</div> <p class="font-16 sm-font-14 color-white opacity8">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <div class="btn-bar p-20px-t"> <a class="alan-btn-style-06" href="#">Contact Us</a> </div> </div> </div> </div> </div> </section>

Banner 6

Copy Snippet <section> <section class="bg-cover bg-no-repeat bg-fixed" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/care-1.jpg);"> <div class="container p-10-t p-15-b"> <div class="row align-items-center justify-content-center"> <div class="col-lg-7 text-center"> <div class="p-5"> <div class="font-50 md-font-35 sm-font-25 m-15px-b color-white font-w-700">Committed To Care & Education</div> <p class="font-16 sm-font-14 color-white opacity8">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> <div class="btn-bar p-20px-t"> <a class="alan-btn-style-06" href="#">Admission Open</a> </div> </div> </div> </div> </div> </section> <section class="section-m-t-20"> <div class="container sectionm-m-t"> <div class="row no-gutters"> <div class="col-lg-4" style="background: #8612dc;"> <div class="p-10 text-center"> <div class="m-20px-b"><i class="icon-round-medium white-bg color-black fa fa-book"></i></div> <div class="font-w-600 color-white font-18 m-10px-b">PROGRAMS</div> <p class="color-white opacity8">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> </div> </div> <div class="col-lg-4" style=" background: #12b7dc"> <div class="p-10 text-center"> <div class="m-20px-b"><i class="icon-round-medium white-bg color-black fa fa-envelope-o"></i></div> <div class="font-w-600 color-white font-18 m-10px-b">CERTIFICATE</div> <p class="color-white opacity8">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> </div> </div> <div class="col-lg-4" style="background: #3845f9;"> <div class="p-10 text-center"> <div class="m-20px-b"><i class="icon-round-medium white-bg color-black fa fa-print"></i></div> <div class="font-w-600 color-white font-18 m-10px-b">AFFORDABILITY</div> <p class="color-white opacity8">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor.</p> </div> </div> </div> </div> </section> </section>

Banner 7

Copy Snippet <section class="light-gray-bg"> <div class="container"> <div class="row no-gutters align-items-center"> <div class="col-lg-5"> <div class="p-10 display-inline-block"> <div class="font-40 md-font-35 sm-font-25 m-15px-b color-black font-w-300">Alan Gives You A Reason To Smile</div> <p class="font-16 sm-font-14">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p> <div class="btn-bar m-30px-t"> <a class="alan-btn-style-11" href="#">Book Appointment</a> </div> </div> </div> <div class="col-lg-7 text-right"> <img src="http://odoo-snippets.atharvasystem.com/source/img/cli-1.png"> </div> </div> </div> </section>

Banner 8

Copy Snippet <section class="section bg-fixed bg-no-repeat bg-cover bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/wine-1.jpg);"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="p-25-tb"> <div class="color-white font-60 font-w-600 m-25px-b"> CLASSIC BRANDS </div> <p class="color-white font-18 opacity6">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p> <div class="p-20px-t"> <a class="alan-btn-style-06" href="#">View Features</a> </div> </div> </div> </div> </div> </section>

Banner 9

Copy Snippet <section class="section bg-fixed bg-no-repeat bg-cover bg-center-center" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/sport-1.jpg);"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="p-25-tb"> <div class="color-extra-dark-gray-01 font-60 font-w-600 m-25px-b"> The Lifestyle That Keeps Your Energized </div> <p class="color-extra-dark-gray-01 font-18 opacity9">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p> <div class="p-20px-t"> <a class="alan-btn-style-07" href="#">Book A Court</a> </div> </div> </div> </div> </div> </section>

Banner 10

Copy Snippet <section class="bg-no-repeat main-half-slider bg-cover" style="background-image: url(http://odoo-snippets.atharvasystem.com/source/img/movers-1.jpg);"> <div class="container"> <div class="row slider align-items-center p-50px-tb"> <div class="col-lg-6"> <div class=""> <label class="color-medium-gray font-20 sm-font-16 font-w-600 m-0px">Moving Without The Hassle</label> <div class="font-70 md-font-50 sm-font-40 m-15px-tb font-w-700 color-extra-dark-gray-01">We Make It Simple</div> <p class="color-medium-gray font-18 font-w-400">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p> <div class="p-15px-t"> <a class="alan-btn-style-07" href="#">Call Us Now</a> </div> </div> </div> </div> </div> </section>