"ewe"
Bootstrap 3.3.0 Snippet by exigentinc

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/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 ----------> <html><head> <meta charset="utf-8"> <title>Bootstrap Starter Kit</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="keywords" content="bskit, bootstrap starter kit, bootstrap builder"> <meta name="description" content="Business Startup & Prototyping HTML Framework"> <!-- Core CSS --> <!-- Style Library --> <!-- Vendor Styles --> <!-- Block Styles (Feel free to remove any that you aren't using in your final export) --> <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. --> <!--[if lt IE 9]> <![endif]--> </head> <body style=""> <div id="page" class="page"><!-- Start Content Block 1-8 --> <section class="content-block"> <div class="container"> <ul class="nav nav-tabs text-center" role="tablist" id="myTab"> <li class="active"><a href="#tab1" role="tab" data-toggle="tab">Design</a></li> <li class=""><a href="#tab2" role="tab" data-toggle="tab">Development</a></li> <li class=""><a href="#tab3" role="tab" data-toggle="tab">Bootstrap</a></li> <li class=""><a href="#tab4" role="tab" data-toggle="tab">WordPress</a></li> </ul> <div class="tab-content"> <div class="tab-pane fade active in" id="tab1"> <div class="row"> <div class="col-md-5 col-md-offset-1 col-sm-6"> <img class="img-responsive" src="http://placehold.it/600x400" style="border-radius: 0px; border-color: rgb(51, 51, 51); border-style: none; border-width: 1px;"> </div><!-- /.col --> <div class="col-md-5 col-sm-6"> <div class="editContent"> <h3>Design</h3> </div> <div class="editContent"> <p>Magnis modipsae que lib voloratati andigen daepedor quiate ut reporemni aut labor. Laceaque quiae sitiorem ut restibusaes es tumquam core posae volor remped modis volor. Doloreiur qui commolu ptatemp dolupta orem retibusam emnis et consent accullignis lomnus.</p> </div> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /#tab1 --> <div class="tab-pane fade" id="tab2"> <div class="row"> <div class="col-sm-10 col-sm-offset-1 text-center"> <div class="editContent"> <h3>Development</h3> </div> <div class="editContent"> <p>Magnis modipsae que lib voloratati andigen daepedor quiate ut reporemni aut labor. Laceaque sitiorem ut restibusaes es tumquam core posae volor remped modis volor. Doloreiur qui commolu ptatemp dolupta orem retibusam emnis et consent accullignis lomnus.</p> </div> </div><!-- /.col --> </div><!-- /.row --> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <img class="img-responsive" src="http://placehold.it/600x250"> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /#tab2 --> <div class="tab-pane fade" id="tab3"> <div class="row"> <div class="col-md-4 col-md-push-3 col-md-offset-1 col-sm-6"> <img class="img-responsive" src="http://placehold.it/600x500"> </div><!-- /.col --> <div class="col-md-3 col-md-pull-4 col-sm-6"> <div class="editContent"> <h3>Bootstrap</h3> </div> <div class="editContent"> <p>Magnis modipsae lib voloratati andigen daepedor quiate aut labor. Laceaque quiae sitiorem resti est lore tumquam core posae volor uso remped modis volor. Doloreiur qui commolu ptatemp dolupta orem retibusam emnis et consent it accullignis orum lomnus.</p> </div> </div><!-- /.col --> <div class="col-md-3 col-sm-6"> <div class="editContent"> <h3>Responsive</h3> </div> <div class="editContent"> <p>Magnis modipsae lib voloratati andigen daepedor quiate aut labor. Laceaque quiae sitiorem resti est lore tumquam core posae volor uso remped modis volor. Doloreiur qui commolu ptatemp dolupta orem retibusam emnis et consent it accullignis orum lomnus.</p> </div> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /#tab3 --> <div class="tab-pane fade" id="tab4"> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <img class="img-responsive" src="http://placehold.it/600x250"> </div><!-- /.col --> </div><!-- /.row --> <div class="row"> <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center"> <div class="editContent"> <h3>WordPress</h3> </div> <div class="editContent"> <p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes es tumquam core posae volor remped modis volor. Doloreiur qui commolu ptatemp dolupta oreprerum tibusam emnis et consent accullignis.</p> </div> </div><!-- /.col --> </div><!-- /.row --> </div><!-- /#tab4 --> </div><!-- /.tab-content --> </div><!-- /.container --> </section> <!--// End Content Block 1-8 --><!-- Start Content Block 1-9 --> <section id="content-1-9" class="content-1-9 content-block"> <div class="container"> <div class="underlined-title"> <div class="editContent"> <h1>What we do!</h1> </div> <hr> <div class="editContent"> <h2>We offer the full range of digital marketing services</h2> </div> </div> <div class="row"> <div class="col-md-4 col-sm-12 col-xs-12 pad25"> <div class="col-xs-2"> <span class="fa fa-pencil"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h4>Branding</h4> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 pad25"> <div class="col-xs-2"> <span class="fa fa-code"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h4>Web Design</h4> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 pad25"> <div class="col-xs-2"> <span class="fa fa-comments-o"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h4>Social Marketing</h4> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 pad25"> <div class="col-xs-2"> <span class="fa fa-search"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h4>SEO</h4> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 pad25"> <div class="col-xs-2"> <span class="fa fa-mobile"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h4>Mobile Apps</h4> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 pad25"> <div class="col-xs-2"> <span class="fa fa-bookmark"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h4>Corporate Literture</h4> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> </div><!-- /.row --> </div><!-- /.container --> </section> <!-- // End Content Block 1-9 --><!-- Start Content Block 1-6 --> <section id="content-1-6" class="content-1-6 content-block"> <div class="container"> <div class="row text-center"> <div class="editContent"> <h2>Some of our great partners</h2> </div> </div><!--end of row--> <div class="row client-row"> <div class="row-wrapper"> <div class="col-md-3 col-sm-6 col-xs-12"> <img alt="client" src="images/partner-logos/logo-bootstrap.png"> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <img alt="client" src="images/partner-logos/logo-less.png"> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <img alt="client" src="images/partner-logos/logo-sass.png"> </div> <div class="col-md-3 col-sm-6 col-xs-12"> <img alt="client" src="images/partner-logos/logo-jquery.png"> </div> </div> </div><!-- /.row --> <div class="row client-row"> <div class="row-wrapper"> <div class="col-md-3 hidden-sm hidden-xs"> <img alt="client" src="images/partner-logos/logo-grunt.png"> </div> <div class="col-md-3 hidden-sm hidden-xs"> <img alt="client" src="images/partner-logos/logo-bower.png"> </div> <div class="col-md-3 hidden-sm hidden-xs"> <img alt="client" src="images/partner-logos/logo-yeoman.png"> </div> <div class="col-md-3 hidden-sm hidden-xs"> <img alt="client" src="images/partner-logos/logo-angularjs.png"> </div> </div> </div><!-- /.row --> </div><!-- /.container --> </section> <!-- // End Content Block 1-6 --><!-- Start Content Block 1-7 --> <section id="content-1-7" class="content-1-7 content-block"> <div class="container"> <div class="row"> <div class="col-md-2 col-sm-4 col-xs-6"> <img alt="Client Logo" src="images/partner-logos/logo-bootstrap.png"> </div> <div class="col-md-2 col-sm-4 col-xs-6"> <img alt="Client Logo" src="images/partner-logos/logo-less.png"> </div> <div class="col-md-2 col-sm-4 col-xs-6"> <img alt="Client Logo" src="images/partner-logos/logo-sass.png"> </div> <div class="col-md-2 col-sm-4 col-xs-6"> <img alt="Client Logo" src="images/partner-logos/logo-yeoman.png"> </div> <div class="col-md-2 col-sm-4 col-xs-6"> <img alt="Client Logo" src="images/partner-logos/logo-bower.png"> </div> <div class="col-md-2 col-sm-4 col-xs-6"> <img alt="Client Logo" src="images/partner-logos/logo-jquery.png"> </div> </div><!--end of row--> </div><!-- /.container --> </section> <!-- // End Content Block 1-7 --><!-- Start Content Block 1-9 --> <section id="content-1-9" class="content-1-9 content-block"> <div class="container"> <div class="underlined-title"> <div class="editContent"> <h1>What we do!</h1> </div> <hr> <div class="editContent"> <h2>We offer the full range of digital marketing services</h2> </div> </div> <div class="row"> <div class="col-md-4 col-sm-12 col-xs-12 pad25"> <div class="col-xs-2"> <span class="fa fa-pencil"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h4>Branding</h4> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 pad25"> <div class="col-xs-2"> <span class="fa fa-code"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h4>Web Design</h4> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 pad25"> <div class="col-xs-2"> <span class="fa fa-comments-o"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h4>Social Marketing</h4> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 pad25"> <div class="col-xs-2"> <span class="fa fa-search"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h4>SEO</h4> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 pad25"> <div class="col-xs-2"> <span class="fa fa-mobile"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h4>Mobile Apps</h4> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12 pad25"> <div class="col-xs-2"> <span class="fa fa-bookmark"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h4>Corporate Literture</h4> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> </div><!-- /.row --> </div><!-- /.container --> </section> <!-- // End Content Block 1-9 --><!-- Start Content Block 1-5 v1 --> <section class="content-1-5 content-block"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12"> <div class="editContent" contenteditable="true" spellcheck="true" data-medium-editor-element="true" role="textbox" aria-multiline="true" medium-editor-index="0" data-placeholder="Type your text"> <h1>Our latest product has all the fancy features you could want</h1> </div> <div class="editContent"> <p class="lead">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labor. Et harum quidem rerum.</p> </div> <div class="editContent"> <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labor. Et harum quidem rerum.</p> </div> </div> <div class="col-lg-5 col-lg-offset-1 col-md-6 col-sm-12"> <img class="img-responsive" src="http://placehold.it/600x500"> </div> </div><!-- /.row --> </div><!-- /.container --> </section> <!-- // End Content Block 1-5 v1 --><!-- Start Content Block 1-1 --> <section id="content-1-1" class="content-block content-1-1 min-height-600px bg-white"> <div class="container text-center"> <div class="editContent"> <h1>Freedom to express your creativity</h1> </div> <div class="col-sm-8 col-sm-offset-2"> <div class="editContent"> <p class="lead">We don't want to overload you with hundreds of styles you don't want, or need. We give you a strong base to express your own creativity.</p> </div> </div> </div> </section> <!--// END Content Block 1-1 --><!-- Start Content Block 3-10 --> <section id="content-3-10" class="content-block-nopad content-3-10"> <div class="image-container col-sm-6 col-xs-12 pull-left"> <div class="background-image-holder"> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-6 col-sm-offset-6 col-xs-12 content"> <div class="editContent"> <h3>Kickstart your web development</h3> </div> <div class="editContent"> <p>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> </div> </div><!-- /.row--> </div><!-- /.container --> </section> <!-- // End Content Block 3-10 --><!-- Start Content Block 3-11 --> <section id="content-3-11" class="content-block-nopad content-3-11"> <div class="image-container col-sm-6 col-xs-12 pull-right"> <div class="background-image-holder"> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-6 col-xs-12 content pull-left"> <div class="editContent"> <h3>Kickstart your web development</h3> </div> <div class="editContent"> <p>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> </div> </div><!-- /.row--> </div><!-- /.container --> </section> <!-- // End Content Block 3-11 --><!-- Start Promo 1 --> <section id="promo-1" class="content-block promo-1 min-height-600px bg-offwhite"> <div class="container"> <div class="row"> <div class="col-md-5"> <div class="editContent"> <h2>Everything is awesome!</h2> </div> <div class="editContent"> <p>Suspendisse ac pretium sapien, placerat lacinia enim. Fusce eu elit quis lacus cursus mollis. In feugiat diam id sem consectetur, id accumsan risus venenatis.</p> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" placeholder="First name" class="form-control"> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="text" placeholder="Last name" class="form-control"> </div> </div> </div> <div class="form-group"> <input type="text" placeholder="Email address" class="form-control"> </div> <a class="btn btn-primary btn-block">Register Now!</a> </div><!-- /.col --> <div class="col-md-6 col-md-offset-1"> <div class="video-wrapper"> <iframe width="560" height="315" src="http://www.youtube.com/embed/vcQDcbChHQA?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen=""></iframe> </div> </div><!-- /.col --> </div><!-- /.row --> </div> </section> <!--// END Promo 1 --><!-- Start Promo 3 --> <section id="promo-3" class="content-block promo-3 min-height-600px bg-deepocean"> <div class="container text-center"> <div class="editContent"> <h1>Rocket Fuel for Web Designers</h1> </div> <div class="editContent"> <h2>Bootstrap Starter Kit</h2> </div> <a href="#" class="btn btn-outline btn-outline-xl outline-light">Made with <span class="fa fa-heart pomegranate"></span> in London</a> </div><!-- /.container --> </section> <!--// END Promo 3 --><!-- Start Content Block 2-2 --> <section id="content-2-2" class="content-block content-2-2 bg-pomegranate"> <div class="container"> <!-- Start Row --> <div class="row"> <div class="col-sm-4 col-xs-12 text-center"> <div class="icon-outline"> <span class="fa fa-send"></span> </div> <div class="editContent"> <h3>Make your ideas happen</h3> <p>Etsy ethnic actually hella Odd Future meggings shabby chic leggings salvia master cleanse stumptown.</p> </div> </div> <div class="col-sm-4 col-xs-12 text-center"> <div class="icon-outline"> <span class="fa fa-star"></span> </div> <div class="editContent"> <h3>Hands-on customer support</h3> <p>Etsy ethnic actually hella Odd Future meggings shabby chic leggings salvia master cleanse stumptown.</p> </div> </div> <div class="col-sm-4 col-xs-12 text-center"> <div class="icon-outline"> <span class="fa fa-tags"></span> </div> <div class="editContent"> <h3>Hand crafted, quality code</h3> <p>Etsy ethnic actually hella Odd Future meggings shabby chic leggings salvia master cleanse stumptown.</p> </div> </div> </div> <!--// END Row --> </div> </section> <!--// END Content Block 2-2 --><!-- Start Content Block 2-7 --> <section id="content-2-7" class="content-block content-2-7"> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="underlined-title"> <div class="editContent"> <h1>Some fun facts & figures</h1> </div> <hr> <div class="editContent"> <h2>You'll <span class="fa fa-heart pomegranate"></span> Bootstrap Starter Kit</h2> </div> </div> </div> <div class="col-sm-3 text-center"> <div class="counter-icon"> <span class="fa fa-magic"></span> </div> <div class="counter-text"> <div class="editContent"> <h3 class="counter">636</h3> </div> <div class="editContent"> <p>Monsters created</p> </div> </div> </div> <div class="col-sm-3 text-center"> <div class="counter-icon"> <span class="fa fa-coffee"></span> </div> <div class="counter-text"> <div class="editContent"> <h3 class="counter">1349</h3> </div> <div class="editContent"> <p>Cups of English Tea</p> </div> </div> </div> <div class="col-sm-3 text-center"> <div class="counter-icon"> <span class="fa fa-lightbulb-o"></span> </div> <div class="counter-text"> <div class="editContent"> <h3 class="counter">2496</h3> </div> <div class="editContent"> <p>Ideas generated</p> </div> </div> </div> <div class="col-sm-3 text-center"> <div class="counter-icon"> <span class="fa fa-clock-o"></span> </div> <div class="counter-text"> <div class="editContent"> <h3 class="counter">4694</h3> </div> <div class="editContent"> <p>Hours spent working</p> </div> </div> </div> <div class="col-sm-12 text-center pad45"> <div class="editContent"> <strong class="white">No dancing kittens were harmed in the process of making <a href="http://bootstrapstarterkit.com">Bootstrap Starter Kit.</a></strong> </div> </div> </div><!-- /.row --> </div><!-- /.container --> </section> <!--// END Content Block 2-7 --><!-- Start Content Block 2-8 --> <section id="content-2-8" class="content-2-8 content-block-nopad bg-crete"> <div class="image-container col-sm-6 pull-left"> <div class="background-image-holder"> </div> </div> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-6 col-sm-7 col-sm-offset-5 col-xs-12 content clearfix"> <div class="editContent"> <h1>Our customer support is the very best!</h1> </div> <div class="editContent"> <p class="lead">We don't want to overload you with hundreds of styles you don't want, or need. We give you a strong base to express your own creativity.</p> </div> <div class="row pad15"> <div class="col-xs-2"> <span class="fa fa-rocket fa-4x"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h3>Great for sharing photos.</h3> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div><!-- /.row --> <div class="row pad15"> <div class="col-xs-2"> <span class="fa fa-tags fa-4x"></span> </div> <div class="col-xs-10"> <div class="editContent"> <h3>Great for sharing photos.</h3> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div><!-- /.row --> </div> </div><!-- /.row--> </div><!-- /.container --> </section> <!-- // End Content Block 2-8 --><!-- Start Content Block 2-9 --> <section id="content-2-9" class="content-2-9"> <div class="project-wrapper"> <div class="col-md-3 col-sm-6 project"> <div class="background-image-holder"> <img class="background-image" alt="Background Image" src="images/project-1.jpg"> </div> <div class="hover-state"> <div class="align-vertical"> <div class="editContent"> <h3>Work Project 1</h3> </div> <div class="editContent"> <p>Mustache retro chillwave YOLO four loko photo booth.</p> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 project"> <div class="background-image-holder"> <img class="background-image" alt="Background Image" src="images/project-2.jpg"> </div> <div class="hover-state"> <div class="align-vertical"> <div class="editContent"> <h3>Work Project 2</h3> </div> <div class="editContent"> <p>Mustache retro chillwave YOLO four loko photo booth.</p> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 project"> <div class="background-image-holder"> <img class="background-image" alt="Background Image" src="images/project-3.jpg"> </div> <div class="hover-state"> <div class="align-vertical"> <div class="editContent"> <h3>Work Project 3</h3> </div> <div class="editContent"> <p>Mustache retro chillwave YOLO four loko photo booth.</p> </div> </div> </div> </div> <div class="col-md-3 col-sm-6 project"> <div class="background-image-holder"> <img class="background-image" alt="Background Image" src="images/project-4.jpg"> </div> <div class="hover-state"> <div class="align-vertical"> <div class="editContent"> <h3>Work Project 4</h3> </div> <div class="editContent"> <p>Mustache retro chillwave YOLO four loko photo booth.</p> </div> </div> </div> </div> </div><!-- /.project-wrapper --> </section> <!-- // End Content Block 2-9 --><!-- Start Content Block 3-4 --> <section id="content-3-4" class="content-block content-3-4"> <div class="container"> <div class="row"> <div class="col-md-7"> <img class="img-responsive" src="images/camera-girl.jpg"> <div class="editContent"> <h2>Young Photographer of the Year</h2> </div> <div class="editContent"> <p>Magnis modipsae que lib voloratati andigen daepedor quiate ut reporemni aut labor. Laceaque quiae sitiorem ut restibusaes es tumquam core posae volor remped modis volor. Doloreiur qui commolu ptatemp dolupta orem retibusam emnis et consent accullignis lomnus.</p> </div> </div> <div class="col-md-4 col-md-offset-1"> <div id="accordion1" class="panel-group"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#content1"> <div class="editContent"> <span>Mission Statement</span> </div> </a> </h4> </div> <!-- /.panel-heading --> <div id="content1" class="panel-collapse collapse" style="height: 0px;"> <div class="panel-body"> <div class="editContent"> <p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p> </div> </div> <!-- /.panel-body --> </div> <!-- /.content --> </div> <!-- /.panel --> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#content2"> <div class="editContent"> <span>Recent Images</span> </div> </a> </h4> </div> <!-- /.panel-heading --> <div id="content2" class="panel-collapse collapse" style="height: 0px;"> <div class="panel-body"> <div class="editContent"> <p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p> </div> </div> <!-- /.panel-body --> </div> <!-- /.content --> </div> <!-- /.panel --> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion1" href="#content3"> <div class="editContent"> <span>Contact Details</span> </div> </a> </h4> </div> <!-- /.panel-heading --> <div id="content3" class="panel-collapse collapse" style="height: 0px;"> <div class="panel-body"> <div class="editContent"> <h4>DM Images</h4> </div> <div class="editContent"> <p>123 Anywhere Street,<br> London,<br> LO4 6ON </p> </div> <img class="img-responsive" src="images/seagulls.jpg"> </div> <!-- /.panel-body --> </div> <!-- /.content --> </div> <!-- /.panel --> </div> <!-- /.accordion --> </div> <!-- /.column --> </div> <!-- /.row --> </div> <!-- /.container --> </section> <!--// END Content Block 3-4 --><!-- Start Content Block 1-5 v2 --> <section class="content-1-5 content-block"> <div class="container"> <div class="row"> <div class="col-lg-6 col-lg-offset-1 col-md-6 col-sm-12 pull-right"> <div class="editContent"> <h1>Our latest product has all the fancy features you could want</h1> </div> <div class="editContent"> <p class="lead">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labor. Et harum quidem rerum.</p> </div> <div class="editContent"> <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labor. Et harum quidem rerum.</p> </div> </div> <div class="col-lg-5 col-md-6 col-sm-12 pull-left"> <img class="img-responsive" src="http://placehold.it/600x500"> </div> </div><!-- /.row --> </div><!-- /.container --> </section> <!-- // End Content Block 1-5 v2 --><!-- Start Content Block 3-5 --> <section id="content-3-5" class="content-block content-3-5"> <div class="container"> <div class="row"> <!-- Feature Box 1 --> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="feature-box"> <div class="icon"> <span class="fa fa-pencil"></span> </div> <div class="editContent"> <h3>Branding</h3> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <!-- Feature Box 2 --> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="feature-box"> <div class="icon"> <span class="fa fa-code"></span> </div> <div class="editContent"> <h3>Web Design</h3> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <!-- Feature Box 3 --> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="feature-box"> <div class="icon"> <span class="fa fa-search"></span> </div> <div class="editContent"> <h3>SEO</h3> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <!-- Feature Box 4 --> <div class="col-md-3 col-sm-6 col-xs-12"> <div class="feature-box"> <div class="icon"> <span class="fa fa-mobile"></span> </div> <div class="editContent"> <h3>Mobile Apps</h3> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> </div> <!-- Row Ends --> </div> <!-- Container Ends --> </section> <!--// END Content Block 3-5 --><!-- Start Content Block 3-6 --> <section id="content-3-6" class="content-block content-3-6"> <div class="container"> <div class="row"> <!-- Feature Box 1 --> <div class="col-sm-4 col-xs-12"> <div class="feature-box"> <div class="icon"> <span class="fa fa-pencil"></span> </div> <div class="editContent"> <h3>Branding</h3> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <!-- Feature Box 2 --> <div class="col-sm-4 col-xs-12"> <div class="feature-box"> <div class="icon"> <span class="fa fa-code"></span> </div> <div class="editContent"> <h3>Web Design</h3> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> <!-- Feature Box 3 --> <div class="col-sm-4 col-xs-12"> <div class="feature-box"> <div class="icon"> <span class="fa fa-search"></span> </div> <div class="editContent"> <h3>SEO</h3> </div> <div class="editContent"> <p>Retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p> </div> </div> </div> </div> <!-- Row Ends --> </div> <!-- Container Ends --> </section> <!--// END Content Block 3-6 --></div><!-- /#page --> <!-- Scripts at the end... you know the score! --> <!-- Core Scripts (Do not remove) --> <!-- Vendor Scripts (Feel free to remove any that you aren't using in your final export) --> <!-- Header 1 --> <!-- Header 1 --> <!-- Promo 2 Countdown --> <!-- Owl Carousel --> <!-- Content 2-7 Counter --> <!-- Content 2-7 Counter --> <!-- Gallery Filter --> <!-- Gallery Popup --> <!-- Contact Form --> <!-- Contact Form --> <!-- --> <!-- Theme Scripts (Do not remove) --> <iframe id="cph_xorcss" style="display: none;"></iframe><iframe id="cph_styleTests" style="display: none;"></iframe></body></html>
/*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/bootstrap/css/bootstrap.min.css */ html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body{margin:0;} section{display:block;} a{background-color:transparent;} a:active,a:hover{outline:0;} strong{font-weight:700;} h1{margin:.67em 0;font-size:2em;} img{border:0;} hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;} input{margin:0;font:inherit;color:inherit;} input::-moz-focus-inner{padding:0;border:0;} input{line-height:normal;} @media print{ *,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} a[href^="#"]:after{content:"";} img{page-break-inside:avoid;} img{max-width:100%!important;} h2,h3,p{orphans:3;widows:3;} h2,h3{page-break-after:avoid;} } *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} :after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0);} body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff;} input{font-family:inherit;font-size:inherit;line-height:inherit;} a{color:#337ab7;text-decoration:none;} a:focus,a:hover{color:#23527c;text-decoration:underline;} a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} img{vertical-align:middle;} .img-responsive{display:block;max-width:100%;height:auto;} hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;} h1,h2,h3,h4{font-family:inherit;font-weight:500;line-height:1.1;color:inherit;} h1,h2,h3{margin-top:20px;margin-bottom:10px;} h4{margin-top:10px;margin-bottom:10px;} h1{font-size:36px;} h2{font-size:30px;} h3{font-size:24px;} h4{font-size:18px;} p{margin:0 0 10px;} .lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4;} @media (min-width:768px){ .lead{font-size:21px;} } .text-center{text-align:center;} ul{margin-top:0;margin-bottom:10px;} .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;} @media (min-width:768px){ .container{width:750px;} } @media (min-width:992px){ .container{width:970px;} } @media (min-width:1200px){ .container{width:1170px;} } .row{margin-right:-15px;margin-left:-15px;} .col-lg-5,.col-lg-6,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-sm-10,.col-sm-12,.col-sm-3,.col-sm-4,.col-sm-6,.col-sm-7,.col-sm-8,.col-xs-10,.col-xs-12,.col-xs-2,.col-xs-6{position:relative;min-height:1px;padding-right:15px;padding-left:15px;} .col-xs-10,.col-xs-12,.col-xs-2,.col-xs-6{float:left;} .col-xs-12{width:100%;} .col-xs-10{width:83.33333333%;} .col-xs-6{width:50%;} .col-xs-2{width:16.66666667%;} @media (min-width:768px){ .col-sm-10,.col-sm-12,.col-sm-3,.col-sm-4,.col-sm-6,.col-sm-7,.col-sm-8{float:left;} .col-sm-12{width:100%;} .col-sm-10{width:83.33333333%;} .col-sm-8{width:66.66666667%;} .col-sm-7{width:58.33333333%;} .col-sm-6{width:50%;} .col-sm-4{width:33.33333333%;} .col-sm-3{width:25%;} .col-sm-offset-6{margin-left:50%;} .col-sm-offset-5{margin-left:41.66666667%;} .col-sm-offset-3{margin-left:25%;} .col-sm-offset-2{margin-left:16.66666667%;} .col-sm-offset-1{margin-left:8.33333333%;} } @media (min-width:992px){ .col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8{float:left;} .col-md-8{width:66.66666667%;} .col-md-7{width:58.33333333%;} .col-md-6{width:50%;} .col-md-5{width:41.66666667%;} .col-md-4{width:33.33333333%;} .col-md-3{width:25%;} .col-md-2{width:16.66666667%;} .col-md-pull-4{right:33.33333333%;} .col-md-push-3{left:25%;} .col-md-offset-6{margin-left:50%;} .col-md-offset-2{margin-left:16.66666667%;} .col-md-offset-1{margin-left:8.33333333%;} } @media (min-width:1200px){ .col-lg-5,.col-lg-6{float:left;} .col-lg-6{width:50%;} .col-lg-5{width:41.66666667%;} .col-lg-offset-1{margin-left:8.33333333%;} } .form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;} .form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);} .form-control::-moz-placeholder{color:#999;opacity:1;} .form-control:-ms-input-placeholder{color:#999;} .form-control::-webkit-input-placeholder{color:#999;} .form-control::-ms-expand{background-color:transparent;border:0;} .form-group{margin-bottom:15px;} .btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px;} .btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} .btn:focus,.btn:hover{color:#333;text-decoration:none;} .btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);} .btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4;} .btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40;} .btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74;} .btn-primary:active{color:#fff;background-color:#286090;border-color:#204d74;} .btn-primary:active:focus,.btn-primary:active:hover{color:#fff;background-color:#204d74;border-color:#122b40;} .btn-primary:active{background-image:none;} .btn-block{display:block;width:100%;} .fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear;} .fade.in{opacity:1;} .collapse{display:none;} .nav{padding-left:0;margin-bottom:0;list-style:none;} .nav>li{position:relative;display:block;} .nav>li>a{position:relative;display:block;padding:10px 15px;} .nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee;} .nav-tabs{border-bottom:1px solid #ddd;} .nav-tabs>li{float:left;margin-bottom:-1px;} .nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0;} .nav-tabs>li>a:hover{border-color:#eee #eee #ddd;} .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;} .tab-content>.tab-pane{display:none;} .tab-content>.active{display:block;} .panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05);} .panel-body{padding:15px;} .panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px;} .panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit;} .panel-title>a{color:inherit;} .panel-group{margin-bottom:20px;} .panel-group .panel{margin-bottom:0;border-radius:4px;} .panel-group .panel+.panel{margin-top:5px;} .panel-group .panel-heading{border-bottom:0;} .panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd;} .panel-default{border-color:#ddd;} .panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd;} .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd;} .clearfix:after,.clearfix:before,.container:after,.container:before,.nav:after,.nav:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" ";} .clearfix:after,.container:after,.nav:after,.panel-body:after,.row:after{clear:both;} .pull-right{float:right!important;} .pull-left{float:left!important;} @media (max-width:767px){ .hidden-xs{display:none!important;} } @media (min-width:768px) and (max-width:991px){ .hidden-sm{display:none!important;} } /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/font-awesome.min.css */ .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0);} .fa-4x{font-size:4em;} .pull-right{float:right;} .pull-left{float:left;} .fa-search:before{content:"\f002";} .fa-heart:before{content:"\f004";} .fa-star:before{content:"\f005";} .fa-clock-o:before{content:"\f017";} .fa-tags:before{content:"\f02c";} .fa-bookmark:before{content:"\f02e";} .fa-pencil:before{content:"\f040";} .fa-magic:before{content:"\f0d0";} .fa-comments-o:before{content:"\f0e6";} .fa-lightbulb-o:before{content:"\f0eb";} .fa-coffee:before{content:"\f0f4";} .fa-mobile:before{content:"\f10b";} .fa-code:before{content:"\f121";} .fa-rocket:before{content:"\f135";} .fa-send:before{content:"\f1d8";} /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/style-library-1.css */ body{color:#333333;background:#ffffff;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} .bg-white{background-color:#FFFFFF!important;} .bg-offwhite{background-color:#F5F5F5!important;} .bg-deepocean{background-color:#193441!important;} .bg-crete{background-color:#7D8A2E!important;} .bg-pomegranate{background-color:#C0392B!important;} .white{color:#FFFFFF;} .pomegranate{color:#C0392B;} .pad15{padding-top:15px;} .pad25{padding-top:25px;} .pad45{padding-top:45px;} .min-height-600px{min-height:600px;} h1,h2,h3,h4{font-family:'Lato', Helvetica, Arial, sans-serif;line-height:1.1;} h1,h2,h3{margin-bottom:20px;font-weight:300;} h4{margin-bottom:15px;font-weight:400;} h1{font-size:44px;} h2{font-size:37px;} h3{font-size:27px;} h4{font-size:23px;} p{font-family:"Open Sans", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.6;margin:15px 0;color:#515157;} .lead{margin-bottom:30px;font-size:20px;line-height:1.4;font-weight:300;} a{color:#1abc9c;} a:hover{color:#16a085;text-decoration:none;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;} ul{list-style:none;position:relative;padding-left:22px;} ul li{font-family:"Open Sans", Helvetica, Arial, sans-serif;font-size:14px;color:#515157;margin-bottom:5px;} .underlined-title{text-align:center;padding-bottom:30px;} .underlined-title h1{color:#2c3e50;margin:0;} .underlined-title h2{font-size:20px;text-transform:uppercase;font-weight:700;color:#95a5a6;} .underlined-title hr{width:10%;border-width:2px;border-color:#16a085;} .btn{color:#FFF;padding:10px 20px;margin:15px 0;font-family:"Open Sans", Helvetica, Arial, sans-serif;font-size:14px;font-weight:600;letter-spacing:0.1em;text-shadow:none;border:none;text-transform:uppercase;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} .btn.btn-primary{background:#1abc9c;box-shadow:0 2px #16a085;} .btn.btn-primary:hover{background:#16a085;} .btn-outline{color:#FFF;padding:12px 20px;margin:15px 0;font-family:"Open Sans", Helvetica, Arial, sans-serif;font-weight:600;font-size:14px;text-align:center;letter-spacing:0.1em;text-shadow:none;border:none;text-transform:uppercase;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;} .btn-outline:hover{text-decoration:none;color:#ffffff;} .btn-outline-xl{padding:18px 30px;font-size:24px;} .btn-outline.outline-light{color:#ffffff;background:none;border:2px solid #ffffff;} .btn-outline.outline-light:hover{color:#2c3e50;background:#ffffff;} .form-control{border:2px solid #ecf0f1;color:#34495e;font-family:"Open Sans", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.467;padding:8px 12px;height:40px;-webkit-appearance:none;border-radius:6px;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border .25s linear, color .25s linear, background-color .25s linear;transition:border .25s linear, color .25s linear, background-color .25s linear;} .form-group{position:relative;margin-bottom:20px;} .form-control:focus{border-color:#1abc9c;outline:0;-webkit-box-shadow:none;box-shadow:none;} .panel-group{margin-bottom:0;} .panel-group .panel{background:#fff;border:1px solid #E6E9ED;border-bottom-width:2px;border-radius:3px;box-shadow:none;} .panel-group .panel + .panel{margin-top:10px;} .panel-group .panel-heading + .panel-collapse .panel-body{border-top-color:#E6E9ED;} .panel-body{padding:25px;} .panel-heading{background-color:inherit!important;color:inherit!important;padding:0;border-color:inherit!important;} .panel-title{font-family:"Open Sans", Helvetica, Arial, sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;} .panel-title > a{display:block;padding:15px 25px 15px;text-decoration:none;color:#fff;} .panel-title > a.collapsed{background:#f5f5f5;} .panel-title > a.collapsed,.panel-title > a.collapsed span{color:#16A085;} .panel-title > a,.panel-title > a:hover{background:#16A085;color:#fff;} .panel-title > a span{display:block;position:relative;top:0;color:#fff;padding-right:25px;} .panel-title > a:hover span{color:inherit;} .panel-title > a span:after{font-family:"fontawesome";content:"\f077";position:absolute;top:0;right:0;} .panel-title > a.collapsed span:after{content:"\f078";} .nav-tabs{margin:0 auto;} .nav-tabs > li{z-index:2;float:none;display:inline-block;} .nav-tabs > li > a{padding:16px 25px 12px;font-size:14px;font-weight:700;font-style:normal;text-transform:uppercase;color:#737c85;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:none!important;border-bottom:4px solid transparent!important;} .nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{background-color:transparent;border-bottom:4px solid #85d6de!important;} .nav > li > a:hover,.nav > li > a:focus{outline:0;} .tab-content{padding-left:0;padding-right:0;border:none;} .tab-pane{padding:50px 0;border-bottom:1px solid #ecf0f1;} .content-block{width:100%;padding:60px 0 60px 0;z-index:100;position:relative;background-color:#ffffff;} .content-block-nopad{width:100%;z-index:100;position:relative;background-color:#ffffff;} /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/promo-1.css */ .promo-1{background:url("http://bootstrapstarterkit.com/bskit-demo/elements/images/water-bg.jpg") center top no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:140px 0;} .promo-1 .video-wrapper{max-width:600px;margin:20px auto 0 auto;} /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/promo-3.css */ .promo-3{background:url("http://bootstrapstarterkit.com/bskit-demo/elements/images/star-sky.jpg") center top no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:fixed;padding:140px 0;} .promo-3 h1{font-size:60px;color:#ffffff;} .promo-3 h2{font-weight:600;color:#ffffff;} .promo-3 a{margin-top:40px;} /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/content1-1.css */ .content-1-1{background:url("http://bootstrapstarterkit.com/bskit-demo/elements/images/typewriter-bg.jpg") center top no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;} .content-1-1 .container{margin-top:380px;} .content-1-1 h1{text-transform:uppercase;font-weight:300;} /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/content1-5.css */ .content-1-5 h1{color:#3498DB;} .content-1-5 img{margin:30px auto 0 auto;} @media only screen and (min-width : 992px){ .content-1-5 img{margin:0;} } /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/content1-6.css */ .content-1-6 h2{margin-bottom:40px!important;} .content-1-6 .client-row{overflow:hidden;text-align:center;line-height:0;} .content-1-6 .client-row .col-md-3{display:inline-block;min-height:80px;line-height:80px;padding-top:16px;padding-bottom:16px;} .content-1-6 .client-row img{max-width:140px;opacity:0.3;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-webkit-backface-visibility:none;} .content-1-6 .client-row img:hover{opacity:1;} .content-1-6 .client-row .row-wrapper{display:inline-block;width:80%;} .content-1-6 .client-row:last-child .row-wrapper{border-bottom:none;} .content-1-6 .row-wrapper .col-md-3:last-child{border-right:none;} .content-1-6 .row-wrapper .col-md-3{border-right:none;} @media only screen and (min-width : 992px){ .content-1-6 .client-row .row-wrapper{border-bottom:1px solid rgba(0, 0, 0, 0.2);} .content-1-6 .row-wrapper .col-md-3{border-right:1px solid rgba(0, 0, 0, 0.2);} } /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/content1-7.css */ .content-1-7{text-align:center;} .content-1-7 .col-md-2{height:80px;line-height:80px;} .content-1-7 img{max-width:140px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;opacity:0.4;} .content-1-7 img:hover{opacity:1;} /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/content1-9.css */ .content-1-9 h4{margin-top:0;} .content-1-9 .fa{font-size:32px;color:#16A085;} /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/content2-2.css */ .content-2-2 h3{font-weight:300;} .content-2-2 h3,.content-2-2 p{color:#ffffff;} .content-2-2 .icon-outline{height:150px;width:150px;max-width:100%;border:4px solid rgba(255,255,255,0.6);border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;display:block;text-align:center;vertical-align:middle;position:relative;margin:0 auto 50px;-webkit-transition:box-shadow 0.2s;-moz-transition:box-shadow 0.2s;transition:box-shadow 0.2s;} .content-2-2 .icon-outline:hover{box-shadow:0 0 0 14px rgba(255,255,255,0.4);color:#fff;} .content-2-2 .icon-outline span{line-height:150px;color:#fff;font-size:55px;} /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/content2-7.css */ .content-2-7{background:url("http://bootstrapstarterkit.com/bskit-demo/elements/images/dark-logs-bg.jpg");background-size:cover;background-position:center center;background-attachment:fixed;} .content-2-7 .counter-icon{font-size:5em;margin-top:30px;color:#f39c12;} .content-2-7 .counter,.content-2-7 .counter-text{font-family:'Lato', Helvetica, Arial, sans-serif;font-weight:700;color:#f39c12;} .content-2-7 .counter-text p{font-size:18px;color:#f39c12;} .content-2-7 .counter{font-size:44px;color:#fff;} .content-2-7 .underlined-title h1,.content-2-7 .underlined-title h2{color:#fff;} /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/content2-8.css */ .content-2-8{padding:0px;position:relative;} .content-2-8 .image-container{position:absolute;height:100%;padding:0px;top:0px;} .content-2-8 .image-container .background-image-holder{background:url('http://bootstrapstarterkit.com/bskit-demo/elements/images/gold-iphone.png') no-repeat bottom center;height:100%;} .content-2-8 .content{padding-top:60px;padding-bottom:60px;} .content-2-8 h1{font-weight:600;font-size:56px;} .content-2-8 h3{margin-top:0;font-weight:600;} .content-2-8 h1,.content-2-8 h3,.content-2-8 .lead,.content-2-8 p,.content-2-8 span{color:#ffffff;} /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/content2-9.css */ .content-2-9{background:#ccc;min-height:260px;position:relative;} .content-2-9 .project{height:260px;overflow:hidden;position:relative;padding:0;} .content-2-9 .project img{width:100%;position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);} .content-2-9 .project .background-image-holder{position:absolute;top:0px;left:0px;width:100%;height:100%;background-size:cover!important;z-index:0;background-position:50% 50%!important;-webkit-background-position:50% 50%!important;-moz-background-position:50% 50%!important;-ms-background-position:50% 50%!important;} .content-2-9 .project .hover-state{position:absolute;width:100%;height:100%;top:0px;background-color:rgba(44, 62, 80, 0.6);text-align:center;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;opacity:0;padding:0 25px;} .content-2-9 .project:hover .hover-state{opacity:1;} .content-2-9 .project .hover-state h3{color:#fff;margin-top:40px;margin-bottom:8px;} .content-2-9 .project .hover-state p{color:#fff;} .content-2-9 .project .hover-state .align-vertical{-webkit-transform:translate3d(0, 20px, 0);-moz-transform:translate3d(0, 20px, 0);-ms-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;opacity:0;} .content-2-9 .project:hover .align-vertical{-webkit-transform:translate3d(0, 0px, 0);-moz-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0);opacity:1;} @media only screen and (min-width : 768px){ .content-2-9{min-height:520px;} } @media only screen and (min-width : 992px){ .content-2-9{min-height:260px;} } /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/content3-5.css */ .content-3-5 .feature-box{background:#723147;margin:20px 0;padding:35px 30px;text-align:center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;} .content-3-5 .feature-box:hover{background-color:#31152B;} .content-3-5 .feature-box .icon{height:150px;width:150px;max-width:100%;background-color:#ffffff;border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;display:block;text-align:center;vertical-align:middle;position:relative;margin:0 auto 25px;} .content-3-5 .feature-box .icon span{line-height:150px;color:#723147;font-size:55px;} .content-3-5 .feature-box p{line-height:25px;color:#ffffff;opacity:0.5;} .content-3-5 .feature-box h3{padding:15px 0px 0px;color:#ffffff;} .content-3-5 .feature-box,.content-3-5 .feature-box:hover{transition:all 0.4s ease-in 0s;-moz-transition:all 0.4s ease-in 0s;-webkit-transition:all 0.4s ease-in 0s;-o-transition:all 0.4s ease-in 0s;-ms-transition:all 0.4s ease-in 0s;} /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/content3-6.css */ .content-3-6 .feature-box{background:#91AA9D;margin:20px 0;padding:35px 30px;text-align:center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;} .content-3-6 .feature-box:hover{background-color:#3E606F;} .content-3-6 .feature-box .icon{height:150px;width:150px;max-width:100%;background-color:#ffffff;border-radius:50%;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;display:block;text-align:center;vertical-align:middle;position:relative;margin:0 auto 25px;} .content-3-6 .feature-box .icon span{line-height:150px;color:#91AA9D;font-size:55px;} .content-3-6 .feature-box p{line-height:25px;color:#ffffff;opacity:0.5;} .content-3-6 .feature-box h3{padding:15px 0px 0px;color:#ffffff;} .content-3-6 .feature-box,.content-3-6 .feature-box:hover{transition:all 0.4s ease-in 0s;-moz-transition:all 0.4s ease-in 0s;-webkit-transition:all 0.4s ease-in 0s;-o-transition:all 0.4s ease-in 0s;-ms-transition:all 0.4s ease-in 0s;} /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/content3-10.css */ .content-3-10{padding:0px;position:relative;} .content-3-10 .image-container{position:absolute;height:300px;padding:0px;top:0px;} .content-3-10 .image-container .background-image-holder{background:url('http://bootstrapstarterkit.com/bskit-demo/elements/images/low-poly-1.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:100%;} .content-3-10 .content{margin-top:300px;padding:40px;} .content-3-10 h3{margin-bottom:32px;} .content-3-10 p{margin-bottom:20px;} @media only screen and (min-width : 768px){ .content-3-10 .image-container{height:100%;} .content-3-10 .content{margin-top:0px;padding:80px 15px 80px 80px;} } /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/content3-11.css */ .content-3-11{padding:0px;position:relative;} .content-3-11 .image-container{position:absolute;height:300px;padding:0px;top:0px;right:0px;} .content-3-11 .image-container .background-image-holder{background:url('http://bootstrapstarterkit.com/bskit-demo/elements/images/low-poly-2.jpg') no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:100%;} .content-3-11 .content{margin-top:300px;padding:40px;} .content-3-11 h3{margin-bottom:32px;} .content-3-11 p{margin-bottom:20px;} @media only screen and (min-width : 768px){ .content-3-11 .image-container{height:100%;} .content-3-11 .content{margin-top:0px;padding:80px 80px 80px 15px;} } /*! CSS Used from: http://bootstrapstarterkit.com/bskit-demo/elements/css/gallery-2.css */ *,*:after,*:before{border-box; box-sizing:border-box;} /*! CSS Used fontfaces */ @font-face{font-family:'FontAwesome';src:url('http://bootstrapstarterkit.com/bskit-demo/elements/fonts/fontawesome-webfont.eot?v=4.3.0');src:url('http://bootstrapstarterkit.com/bskit-demo/elements/fonts/fontawesome-webfont.eot#iefix&v=4.3.0') format('embedded-opentype'),url('http://bootstrapstarterkit.com/bskit-demo/elements/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('http://bootstrapstarterkit.com/bskit-demo/elements/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('http://bootstrapstarterkit.com/bskit-demo/elements/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('http://bootstrapstarterkit.com/bskit-demo/elements/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;} @font-face{font-family:'Lato';font-style:italic;font-weight:300;src:local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_FQftx9897sxZ.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Lato';font-style:italic;font-weight:300;src:local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI9w2_Gwftx9897g.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Lato';font-style:italic;font-weight:400;src:local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAUi-qNiXg7eU0.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Lato';font-style:italic;font-weight:400;src:local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v14/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Lato';font-style:italic;font-weight:700;src:local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_FQftx9897sxZ.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Lato';font-style:italic;font-weight:700;src:local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v14/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Lato';font-style:normal;font-weight:300;src:local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGQ3q5d0N7w.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Lato';font-style:normal;font-weight:300;src:local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ3q5d0.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWyV9hmIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWyV9hvIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWyV9hnIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWyV9hoIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWyV9hkIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWyV9hlIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWyV9hrIqOxjaPX.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Udc1GAK6bt6o.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0ddc1GAK6bt6o.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Vdc1GAK6bt6o.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0adc1GAK6bt6o.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Wdc1GAK6bt6o.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Xdc1GAK6bt6o.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local('Open Sans Italic'), local('OpenSans-Italic'), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdc1GAK6b.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhmIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhvIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhnIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhoIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhkIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhlIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhrIqOxjaPX.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhmIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhvIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhnIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhoIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhkIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhlIqOxjaPXZSk.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhrIqOxjaPX.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OX-hpKKSTj5PW.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OVuhpKKSTj5PW.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXuhpKKSTj5PW.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUehpKKSTj5PW.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXehpKKSTj5PW.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bf8pkAp6a.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bf8pkAp6a.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bf8pkAp6a.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bf8pkAp6a.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bf8pkAp6a.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bf8pkAp6a.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOX-hpKKSTj5PW.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOVuhpKKSTj5PW.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXuhpKKSTj5PW.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUehpKKSTj5PW.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXehpKKSTj5PW.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOX-hpKKSTj5PW.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOVuhpKKSTj5PW.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXuhpKKSTj5PW.woff2) format('woff2');unicode-range:U+1F00-1FFF;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUehpKKSTj5PW.woff2) format('woff2');unicode-range:U+0370-03FF;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXehpKKSTj5PW.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOXOhpKKSTj5PW.woff2) format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

Related: See More


Questions / Comments: