Edit This Code:
See Result »
<!DOCTYPE html> <html lang="en"> <head> <!-- Theme Made By www.w3schools.com - No Copyright --> <title>Bootstrap Theme Company Page</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <style> .jumbotron { background-color: #f4511e; color: #fff; } .bg-grey { background-color: #f6f6f6; } </style> </head> <body> <div class="jumbotron text-center"> <h1>Company</h1> <p>We specialize in blablabla</p> <form class="form-inline"> <input type="email" class="form-control" size="50" placeholder="Email Address" required> <button type="button" class="btn btn-danger">Subscribe</button> </form> </div> <!-- Container (About Section) --> <div class="container-fluid"> <h2>About Company Page</h2> <h4>Lorem ipsum..</h4> <p>Lorem ipsum..</p> <button class="btn btn-default btn-lg">Get in Touch</button> </div> <div class="container-fluid bg-grey"> <h2>Our Values</h2> <h4><strong>MISSION:</strong> Our mission lorem ipsum..</h4> <p><strong>VISION:</strong> Our vision Lorem ipsum.. </div> </body> </html>
Result: