"About Us-boot"
Bootstrap 3.0.0 Snippet by jeevan123456

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.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 ----------> <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'> <div class="about-section"> <div class="container"> <h3 class="about-titles">About Us</h3> <div class="col-md-6 about-left"> <img src="https://images.pexels.com/photos/7096/people-woman-coffee-meeting.jpg?w=940&h=650&auto=compress&cs=tinysrgb" alt=" "> </div> <div class="col-md-6 about-right"> <h3>Welcome to Luxury Classroom </h3> <p>Thank you for taking the time to visit our site! In today’s real estate market, renting is becoming a popular option again for a lot of people. We pride ourselves on our service to our clients.We’re sure you will find what you’re looking for among hundreds of our real estate listings!</p> </div> </div> </div>
body { font-family: 'Roboto';font-size: 14px; } .about-section { padding: 6em; background-color:#f5edff; } h3.about-titles { font-size: 3.5em; text-align: center; margin-bottom: 1.3em; position: relative; } h3.about-titles:before, h3.about-titles:after { content: " "; background: #490382; position: absolute; width: 18%; height: 1px; } h3.about-titles:after { right: 41%; top: 102%; } .about-right h3 { font-size: 3em; letter-spacing: 1px; color: #490382; } .about-right p { font-size: 1.2em; border-left: 7px solid #000; padding: 1em 1em 1em 2em; margin: 2em 0 0; } .about-left img { width: 100%; }

Related: See More


Questions / Comments: