"Untitled"
Bootstrap 4.1.1 Snippet by connectjiyo

<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 class="card mb-3"> <div class="row no-gutters ceo-profile"> <div class="col-md-4 profile-pic"> <img src="https://i.ibb.co/p3STJbf/Yodimila-Langan-CEO.png" class="card-img" alt="Yodimila Tan Langan Photo"> </div> <div class="col-md-8 profile-description"> <div class="card-body"> <h5 class="card-title">Yodimila Tan Langan</h5> <p class="card-text designation">CEO & Founder</p> <p class="card-text description"> Yodimila Tan Langan is a positive and enthusiastic Real Estate Professional, who prides herself in offering hardworking and dedication to her clients. She has <span>25 years of extensive experience</span> in real estate customer service with emphasis on post-transaction services. She started Asianlink Realty Corporation in the Philippines way back in July 1997. Now, Asianlink Realty Corporation merged with Tangent Ventures International Realty Corporation in the Philippines with the support of her team. She established real estate alliances across the globe to find a new home or investment for all their clients and most importantly to retain an impact on the lives of those that she works with and work for by being with each of them to become a customer/friend for life. She lives with her real estate slogan: </p> <div class="testimonial-quote group"> <div class="quote-container"> <blockquote> <p>Your full satisfaction with your real estate needs is my success. Service with care!</p> </blockquote> </div> </div> </div> </div> </div> </div>
.card { max-width: 100%; margin-left: auto; margin-right: auto; } .row { display: flex; flex-wrap: wrap; } h1 { font-size: 16px; text-align: center; margin-bottom: 40px; } .testimonial-quote { font-size: 16px; } .testimonial-quote blockquote { /* Negate theme styles */ border: 0; margin: 0; padding: 0; background: none; color: gray; font-family: Georgia, serif; font-size: 1.5em; font-style: italic; line-height: 1.4 !important; margin: 0; position: relative; text-shadow: 0 1px white; z-index: 600; } .testimonial-quote blockquote * { box-sizing: border-box; } .testimonial-quote blockquote p { color: #75808a; line-height: 1.4 !important; } .testimonial-quote blockquote p:first-child:before { content: '\201C'; color: #81bedb; font-size: 7.5em; font-weight: 700; opacity: .3; position: absolute; top: -.4em; left: -.2em; text-shadow: none; z-index: -300; } .testimonial-quote img { border: 3px solid #9CC1D3; border-radius: 50%; display: block; width: 120px; height: 120px; position: absolute; top: -.2em; left: 0; } .testimonial-quote cite { color: gray; display: block; font-size: .8em; } .testimonial-quote cite span { color: #5e5e5e; font-size: 1em; font-style: normal; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-shadow: 0 1px white; } .testimonial-quote { position: relative; } .testimonial-quote .quote-container { padding-left: 160px; } .testimonial-quote.right .quote-container { padding-left: 0; padding-right: 160px; } .testimonial-quote.right img { left: auto; right: 0; } .testimonial-quote.right cite { text-align: right; }

Related: See More


Questions / Comments: