"About Us Page"
Bootstrap 3.3.0 Snippet by sparkktv

<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 ----------> <section id="about-us-main" class="container wrap clear sectionHovered"> <h1 id="we-make-fun"><span class="char1">W</span><span class="char2">e</span><span class="char3"> </span><span class="char4">M</span><span class="char5">a</span><span class="char6">k</span><span class="char7">e</span><span class="char8"> </span><span class="char9">F</span><span class="char10">u</span><span class="char11">n</span></h1> <div id="about-us-header-image" class="grid12"> <img src="http://pvjvup4n51wq8m86-zippykid.netdna-ssl.com/wp-content/uploads/2013/06/Cultivated-Wit-edit.png" class="attachment-full size-full wp-post-image" alt="" srcset="http://pvjvup4n51wq8m86-zippykid.netdna-ssl.com/wp-content/uploads/2013/06/Cultivated-Wit-edit.png 3751w , http://pvjvup4n51wq8m86-zippykid.netdna-ssl.com/wp-content/uploads/2013/06/Cultivated-Wit-edit-1024x452.png 1024w , http://pvjvup4n51wq8m86-zippykid.netdna-ssl.com/wp-content/uploads/2013/06/Cultivated-Wit-edit-768x339.png 768w , http://pvjvup4n51wq8m86-zippykid.netdna-ssl.com/wp-content/uploads/2013/06/Cultivated-Wit-edit-792x350.png 792w , http://pvjvup4n51wq8m86-zippykid.netdna-ssl.com/wp-content/uploads/2013/06/Cultivated-Wit-edit-1200x530.png 1200w " sizes="(max-width: 3751px) 100vw, 3751px" width="3751" height="1657"> </div> <div id="about-us-main-copy" class="grid6 float-grid-item"> <h2 id="about-us-header">About Us</h2> <p>We are a comedy company. That’s likely over-simplified, but it’s cleaner than a long list of descriptors. We produce <a href="http://www.comedyhackday.org/" target="_blank">Comedy Hack Day</a>, a collaborative explosion of creativity fueled by a community of amazing comedians, developers, and designers. We use the word “fun” a lot in these company bios, so come be our friend and see if we mean it.</p> </div> <div id="about-us-sub-copy" class="grid6 float-grid-item last-float-item"> <div class="ipad-float-container float-grid-item "> <h3>Our Mission</h3> <div id="stories-copy" class="grid6"> <p>We believe that humor combined with slick design and a creative use of technology can make complicated ideas more understandable and products more fun. Our mission is to bring great ideas to life and help others do the same.</p> </div> </div> <div class="ipad-float-container float-grid-item last-float-item"> <h3>Why Cultivated Wit?</h3> <div id="cultivated-wit-copy" class="grid6"> <p>Our company’s name stems from the Roman poet Horace, who wrote: “A cultivated wit, one that badgers less, can persuade all the more. Artful ridicule can address contentious issues more competently and vigorously than can severity alone.” Between that message and a shared vision of global conquest, we feel rather connected to the Romans.</p> </div> </div> </div> </section>
section{display:block;} container{width:100%;} body {font-size: 1em;line-height: 1.4;} #about-us-main {margin-bottom: 189px;} h1#we-make-fun {font-size: 187px;text-transform: uppercase;font-style: normal;font-weight: 700;color: #449BB6;text-align: center;margin-bottom: 17px;} h1#we-make-fun .char2 {margin-left: -13px;} h1#we-make-fun .char6 {margin-left: -8px;} h1#we-make-fun .char7 {margin-left: -13px;} h1#we-make-fun .char10 {margin-left: -11px;} h1#we-make-fun .char11 {margin-left: -20px;} #about-us-header-image {margin-bottom: 76px;} img, svg {max-width: 100%;height: auto !important;} img {border: 0;vertical-align: middle;} #about-us-main-copy {color: #449BB6;font-size: 39px;font-family: "brandon-grotesque",sans-serif;font-style: normal;font-weight: 300;padding-right: 20px;line-height: 1.4;} @media screen and (min-width: 1200px) {.wrap, .grid12 {width: 1200px;}.float-grid-item {float: left;margin: 0 24px 24px 0;}.grid6 {width: 588px;}.last-float-item {margin: 0 0 24px;}} .float-grid-item {float: left;} .last-float-item {margin: 0 0 24px;} h2#about-us-header {font-size: 38px;margin-bottom: 15px;text-transform: uppercase;color: #D4522D;} p {margin-top: 0;} a {color: #D96B5F;text-decoration: none;} #about-us-sub-copy {color: #00B7C4;font-size: 23px;margin-top: 20px;line-height: 1.48;} #about-us-sub-copy h3 {color: #449BB6;font-size: 21px;text-transform: uppercase;margin-bottom: 27px;line-height: 1.55;} #stories-copy, #products-copy {margin-bottom: 38px;}

Related: See More


Questions / Comments: