"Untitled"
Bootstrap 4.1.1 Snippet by jeevan123456

<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 ----------> <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"> <section class="bg-1 py-5 text-white"> <div class="container py-5"> <div class="row d-flex justify-content-center"> <div class="col-md-7 col-xl-6"> <h1>Make your<br> Homepage Efficient</h1> <p>Homepages Main home Agency home SaaS one page Crypto one page Studio one page Portfolio home Portfolio categories Vertical showcase Currency one page Webinar home Blog home App landing Fully…</p> </div> <div class="col-md-5 col-xl-3 offset-xl-3 d-none d-lg-block"> <i class="fa fa-balance-scale fa-6x "></i> </div> </div> </div> </section> <section class="py-5"> <div class="container py-5"> <div class="row d-flex justify-content-center"> <div class="col-md-5 col-xl-5 offset-xl-1 d-none d-lg-block"> <i class="fa fa-map fa-6x text-danger "></i> </div> <div class="col-md-7 col-xl-6"> <h1>Fresh New Ideas</h1> <small class="text-danger">Submit your thoughts to the agencies who will evaluate whether it is fresh or not.</small> <p>Homepages Main home Agency home SaaS one page Crypto one page Studio one page Portfolio home Portfolio categories Vertical showcase Currency one page Webinar home Blog home App landing Fully…</p> <button type="button" class="noradius btn btn-danger">Warning</button> </div> </div> </div> </section> <section class="py-5 bg-primary text-white"> <div class="container py-5"> <div class="row d-flex justify-content-center"> <div class="col-md-7 col-xl-6"> <h1>Make your<br> Homepage Efficient</h1> <p>Homepages Main home Agency home SaaS one page Crypto one page Studio one page Portfolio home Portfolio categories Vertical showcase Currency one page Webinar home Blog home App landing Fully…</p> </div> <div class="col-md-5 col-xl-3 offset-xl-3 d-none d-lg-block"> <i class="fa fa-balance-scale fa-6x "></i> </div> </div> </div> </section> <section class="py-5"> <div class="container py-5"> <div class="row d-flex justify-content-center"> <div class="col-md-5 col-xl-5 offset-xl-1 d-none d-lg-block"> <i class="fa fa-map fa-6x text-danger "></i> </div> <div class="col-md-7 col-xl-6"> <h1>Fresh New Ideas</h1> <small class="text-danger">Submit your thoughts to the agencies who will evaluate whether it is fresh or not.</small> <p>Homepages Main home Agency home SaaS one page Crypto one page Studio one page Portfolio home Portfolio categories Vertical showcase Currency one page Webinar home Blog home App landing Fully…</p> <button type="button" class="noradius btn btn-danger">Warning</button> </div> </div> </div> </section>
body { font-family: 'Roboto';font-size: 18px; } h1 {font-size:48px;font-weight: bold;} .bg-1 { background-image: url("https://images.pexels.com/photos/36464/sky-clouds-clouds-form-cumulus-clouds.jpg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"); background-color: #cccccc; } .fa-6x { font-size: 12em !important; } .noradius {border-radius: 0px;}

Related: See More


Questions / Comments: