"1. Production #f15a22 #e8e5d5"
Bootstrap 3.0.0 Snippet by jeevan123456

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="Reduce-area area-padding bg-brown"> <div class="container"> <div class="row text-center"> <div class="col-md-offset-2 col-md-9 col-sm-12 text-center"> <div class="reduce-title"> <span>Reduce Your Digital Banner Ad</span> <h2>Production Cost by 60%</h2> <h3>Rich-media banner ads to achieve the maximum <br>impact of your digital marketing campaign</h3> <button type="button" class="btn btn-warning reduce-btn">Request Now</button> </div> </div> </div> </div> </div> <div class="image-gal-area area-padding"> <div class="container"> <div class="row"> <div class="img-gal-box"> <div class="col-md-4"> <div class="thumbnail"> <a href="#"> <img src="https://images.pexels.com/photos/256455/pexels-photo-256455.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt="Lights" style="width:100%"> <div class="caption"> <h3>Creation</h3> <p>Rich-media banner ads to achieve the maximum You will learn more about the Grid System later in this tutorial (how to create a layout with different amount of columns</p> </div> </a> </div> </div> <div class="col-md-4"> <div class="thumbnail"> <a href="#"> <img src="https://images.pexels.com/photos/668137/pexels-photo-668137.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt="Lights" style="width:100%"> <div class="caption"> <h3>Adaptation</h3> <p>Rich-media banner ads to achieve the maximum You will learn more about the Grid System later in this tutorial (how to create a layout with different amount of columns</p> </div> </a> </div> </div> <div class="col-md-4"> <div class="thumbnail"> <a href="#"> <img src="https://images.pexels.com/photos/159618/still-life-school-retro-ink-159618.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" alt="Lights" style="width:100%"> <div class="caption"> <h3>Localization</h3> <p>Rich-media banner ads to achieve the maximum You will learn more about the Grid System later in this tutorial (how to create a layout with different amount of columns</p> </div> </a> </div> </div> </div> </div> </div> </div> <div class="create-area "> <div class="row text-center"> <div class="col-md-offset-2 col-md-8 col-sm-12 text-center"> <div class="create-title"> <span>What We do.</span> <h2>Creation. Adaptation. Localization.</h2> <div class="gapb40"></div> <p>We provide high volume and creative digital banner ad production solutions tailored for your marketing campaign. Our team has developed, implemented hundreds of banner ad campaigns and the solutions are trusted by the global brands and advertising agencies. <div class="gapb20"></div> From creation to adaptation to producing synchronized multi-unit rich media banners, we take the weight of banner production workload from your shoulder. Send us the creative storyboard or campaign assets in any common format (PSD, AI etc.) and we’ll deliver high-quality, inspiring HTML5 banner ads within the quickest turnaround time.</p> </div> <div class="divider"></div> </div> </div> </div> <div class="story-area area-padding2"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="story-box"> <h4>Crafted Storyboard</h4> <p>Design beautiful storyboard to showcase your brand and marketing content effectively. Our detailed design gives the perfect overview of animation & interactivity.</p> </div> </div> <div class="col-md-4"> <div class="story-box"> <h4>Crafted Storyboard</h4> <p>Design beautiful storyboard to showcase your brand and marketing content effectively. Our detailed design gives the perfect overview of animation & interactivity.</p> </div> </div> <div class="col-md-4"> <div class="story-box"> <h4>Crafted Storyboard</h4> <p>Design beautiful storyboard to showcase your brand and marketing content effectively. Our detailed design gives the perfect overview of animation & interactivity.</p> </div> </div> </div> </div> </div> <div class="value-area area-padding2"> <div class="container"> <div class="row text-center"> <div class="col-md-4"> <div class="value-box"> <h2>395</h2> <p>Projects Delivered</p> </div> </div> <div class="col-md-4"> <div class="value-box"> <h2>395</h2> <p>Projects Delivered</p> </div> </div> <div class="col-md-4"> <div class="value-box"> <h2>395</h2> <p>Projects Delivered</p> </div> </div> </div> <div class="row text-center value-box-stat"> <p>Production statistics are based on 2016 data.</p> </div> <div class="divider"></div> </div> </div>
.bg-brown {background:#ffe7c1;} .area-padding{padding:120px 0px 120px 0px;} .reduce-title span {font-size:28px;font-weight:900;color:#f15a22; letter-spacing:-2px;} .reduce-title h3 {font-size:18px;font-weight:900;color:#000;} .reduce-title h2 {font-size:70px;font-weight:900;color:#f15a22; letter-spacing:-6px;} .reduce-btn {height: 45px;padding: 0 20px;background:#444;border:none;margin:15px 0px 15px 0px;border-radius:0px;font-weight:600;} .reduce-btn:hover{background:#ffd400;color:#000;border:none;} .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background: #ffd400; color:#000;} /*--------------------- Image- Gal- Area ----------*/ .area-padding{padding:120px 0px 120px 0px;} .thumbnail:hover{box-shadow: 5px 10px #f15a22;} .thumbnail a {text-decoration: none; } .caption h3 {font-size:24px;font-weight:700;color:#f15a22;} /*--------------------- CREATE AREA CSS ----------*/ .area-padding2{padding:60px 0px 60px 0px;} .create-title span {font-size:18px;font-weight:700; color:#696969;} .create-title h2{font-size:48px;font-weight:900;color:#000;} .create-title p{line-height:25px;} .gapb40 {margin-bottom:40px;} .gapb20 {margin-bottom:20px;} .divider {border-bottom:1px solid #e2e2e2; margin:30px 0px 10px 0px;} /*--------------------- STORY AREA CSS ----------*/ .area-padding3{padding:30px 0px 30px 0px;} .story-box h4 {font-weight:900;} .story-box p {line-height:22px;} /*--------------------- VALUE AREA CSS ----------*/ .area-padding2{padding:60px 0px 60px 0px;} .value-box h2 {font-size:68px;color:#f15a22;font-weight:700;} .value-box p {font-weight:700;text-transform: uppercase; letter-spacing:-1px;} .value-box-stat {margin-top:20px; font-size:13px;}
#ffe7c1 #f15a22;

Related: See More


Questions / Comments: