"About Us Test"
Bootstrap 4.1.1 Snippet by sparkktv

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div id="aboutus"> <section class="mission"> <div class="container"> <div class="content-title text-center pb-5"> <h1>This is Sparkk TV</h1> <h3>Web Series + Web Movies</h3> </div> <div class="row intro-text mb-5"> <div class="col-md-6 text-center"> <div id="player" data-plyr-provider="youtube" data-plyr-embed-id="OtUY976klWw"></div></div> <div class="col-md-6 text-center"> <p>As a result, AddThis offers unparalleled insight into the interests and behaviors of over 1.9 billion web visitors. This vast global footprint reaches 96% of the U.S. web — ranking above Google and Facebook in comScore for distributed content and ad reach.</p> <p>Hundreds of brands and agencies now work with AddThis' sophisticated <a href="/platform">Audience Intelligence (Ai) platform</a> to discover unexpected audience insights, inform campaign strategies and seamlessly execute effective campaigns through paid, earned or owned media.</p> </div></div></div></section> <section class="numbers"> <div class="container"> <div class="content-title text-center"> <h2>Inside the Numbers</h2> <p class="bigtext">Our company is proud to touch the lives of so many people across the web.</p> </div> <div class="row bignumbers justify-content-md-center"> <div class="col-md-4 text-center"> <h3>1.9B</h3><small>Monthly Uniques</small> </div> <div class="col-md-4 text-center"> <h3>15+M</h3><small>Domains</small> </div></div> <div class="row bignumbers justify-content-md-center"> <div class="col-md-4 text-center"> <h3>280B</h3><small>Interactions processed per month</small> </div> <div class="col-md-4 text-center"> <h3>70</h3><small>Languages Served</small> </div></div></div></section> <section class="values"> <div class="container"> <div class="content-title text-center"> <h2>Our values</h2> </div> <div class="row text-center"> <div class="col-md-4"> <h3>Bold.</h3> <p>Take risks. Share opinions, challenge ourselves. Push the envelope on design and technology.</p> </div> <div class="col-md-4"> <h3>Nimble.</h3> <p>Listen to feedback and embrace change. Learn and keep moving.</p> </div> <div class="col-md-4"> <h3>Distinct.</h3> <p>Embrace individuality and value expertise. Respect different perspectives.</p> </div></div> <div class="row text-center"> <div class="col-md-4"> <h3>Sensible.</h3> <p>We embed ROI-driven thinking into our daily activity.</p> </div> <div class="col-md-4"> <h3>Transparent.</h3> <p>We are accountable to each other. We don’t mince words – we are direct and straightforward.</p> </div> <div class="col-md-4"> <h3>Ambitious.</h3> <p>We want to win and we want to help our customers to win.</p> </div></div></div></section></div>
body{background:#212125;color:#fff;} a{color:#fff;} #aboutus{position:relative;width:100%;height:100%;z-index:0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;} .numbers{border:none!important;} .bigtext {font-size:1.25em;line-height:1.5em;color:#666;} .bignumbers{padding-bottom:60px;} .bignumbers h3 {margin-bottom: 0;font-weight: 700;font-size: 120px;}

Related: See More


Questions / Comments: