"Unnamed Test"
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="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div> <div class="about-show"> <div class="about-show__inner"> <div class="resp-image"><img alt="Chicago P.D." src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" srcset="https://img.nbc.com/sites/nbcunbc/files/files/styles/640x360/public/images/2016/9/08/CPD-AltAboutImage-1920x1080-KO.jpg?itok=9moy9Ry6&impolicy=nbc_com&imwidth=960 960w, https://img.nbc.com/sites/nbcunbc/files/files/styles/640x360/public/images/2016/9/08/CPD-AltAboutImage-1920x1080-KO.jpg?itok=9moy9Ry6&impolicy=nbc_com&imwidth=640 640w, https://img.nbc.com/sites/nbcunbc/files/files/styles/640x360/public/images/2016/9/08/CPD-AltAboutImage-1920x1080-KO.jpg?itok=9moy9Ry6&impolicy=nbc_com&imwidth=480 480w, https://img.nbc.com/sites/nbcunbc/files/files/styles/640x360/public/images/2016/9/08/CPD-AltAboutImage-1920x1080-KO.jpg?itok=9moy9Ry6&impolicy=nbc_com&imwidth=340 340w, https://img.nbc.com/sites/nbcunbc/files/files/styles/640x360/public/images/2016/9/08/CPD-AltAboutImage-1920x1080-KO.jpg?itok=9moy9Ry6&impolicy=nbc_com&imwidth=170 170w" class="about-show__image"></div> <div class="about-title__text"> <h2 class="about-show__title">About the Show</h2> <div class="about-show__long-desc"> <p>Still believing in fairy-tale romance and love, Abby Freeman has a lot to learn. Newly single after breaking up with her high-school sweetheart, Abby finds herself in a dating market much changed since she last entered. Supported by her two more practical best friends Micah & Caroline, Abby begins her undying quest to find true love in LA...and maybe a little fun too.</p> </div><br> <h2 class="about-show__title">Created By</h2> <div class="about-show__long-desc"> <p>Sassy Mohen</p> </div><br> <h2 class="about-show__title">Genres</h2> <div class="about-show__long-desc"> <p>Dramedy</p> </div> </div></div></div></div></div>
.about-show {position: relative;} .about-show__inner {box-sizing: border-box;margin: 0 auto;max-width: 1080px;overflow: hidden;padding: 25px 15px;position: relative;} .about-show__image, .about-title__text {float: left;width: 50%;} .about-show__image {margin-bottom: 0;} .about-show__image {height: auto;margin-bottom: .5rem;max-width: 100%;} img {border: 0;} .about-show__image, .about-title__text {float: left;width: 50%;} .about-title__text {overflow: hidden;} .about-show__title {font-size: 1.875rem!important;padding-left: 20px;} .about-show__title {color: #222;font-size: 1.25rem;font-weight: 400;line-height: 1;margin: 0 0 .25rem;text-transform: uppercase;} .about-show__long-desc {-webkit-line-clamp: 9;padding-left: 20px;} .about-show__long-desc {display: block;overflow: hidden;color: #222;line-height: 1.375rem;} .about-show__long-desc p:last-child {margin: 0;} .about-show__long-desc p {margin: 0 0 22px;} .about-show__long-desc {color: #222;line-height: 1.375rem;} .about-show__long-desc {font-family: SourceSansProLight;font-weight: 400;} .about-show{background:#fff url(//www.sparkktv.com/images/banners/slider-1-1.png);}

Related: See More


Questions / Comments: