"About Shows 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 ----------> <script src="https://kit.fontawesome.com/f5d05f7ae0.js" crossorigin="anonymous"></script> <link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800" rel="stylesheet"> <section class="about"><div class="about-grid"><div class="row"><div class="col-md-4 about-info"> <p class="about-header-about">About</p> <h3 class="about-header-showTitle">About Abby</h3> <p class="about-creator">Created By: Sassy Mohen</p></div> <div class="col-md-8 about-info"><div class="about-show"> <p class="about-copy">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> </div></div></section> <br> <div class="newsparkkmod"><section class="section"><h2 class="section-title" id="anchorGrid"><a>About<i class="fas fa-chevron-right"></i></a></h2></section> <p class="about-copy-2">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> <p class="createdby">Created By: Sassy Mohen</p> <p class="aboutgenre">COMEDY | DRAMA</p> </div> <br> <div class="about-3 text-center"> <h3 class="about-title">About</h3> <p class="about-copy-2">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> <p class="createdby">Created By: Sassy Mohen</p> <p class="aboutgenre">COMEDY | DRAMA</p> </div>
body{background:#212125;color:#fff;margin-right:15px;margin-left:15px;margin-top:25px;font-family:'Poppins', sans-serif;} .newsparkkmod .section{padding:15px 0;} .newsparkkmod .section-title {margin-bottom:0;text-transform: capitalize;} .newsparkkmod .section h2{font-size:1.8rem;font-weight:700;line-height:1.23;margin-top:0;} .newsparkkmod .section-title > a{-webkit-box-align:center;align-items:center;color:#fff;display:flex;white-space:nowrap;} .newsparkkmod .section-title > a > .section-title-helper-text{font-weight:600;transition:opacity .2s ease-out,max-width .2s ease-out,padding .2s ease-out;font-size:1rem;letter-spacing:1.14px;margin-top:4px;max-width:0;opacity:0;padding-left:0;text-transform:capitalize;} .newsparkkmod .section-title > a:hover > .section-title-helper-text {max-width:300px;opacity:1;padding-left:22px;} .newsparkkmod .section-title .fas{font-size:31px;margin-left:16px;margin-top:0;color:#187fdd;} .newsparkkmod .section a:hover{text-decoration:none;color:#fff;} .about{background:rgba(0,0,0,.3);padding:15px 25px;border-radius:12px;box-shadow:0 4px 7px rgba(0,0,0,.25);} .about-info{margin-top:auto;margin-bottom:auto;} .about-header-about{font-size:20px;font-weight:400;line-height:24px;} .about-header-showTitle{font-size:30px;font-weight:700;line-height:38px;} .about-copy{font-size:16px;line-height:26px;-webkit-text-size-adjust:100%;} .about-copy-2{font-size:18px;font-weight:400;} .createdby{font-size:14px;font-weight:700;margin-top:-10px;} .aboutgenre{font-size:12px;font-weight:800;margin-top:-15px;} .about-3{background-color:#187fdd;padding:10px;margin-left:-15px;margin-right:-15px;} .about-title{font-size:1.8rem;font-weight:800;}

Related: See More


Questions / Comments: