コードを編集:
結果を参照してください。 »
それを自分で試してみてください - ©
w3ii.com
<!DOCTYPE html> <html lang="en"> <head> <!-- Theme Made By www.w3ii.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="/lib/bootstrap.min.css"> <script src="/lib/jquery-1.12.2.min.js"></script> <script src="/lib/bootstrap.min.js"></script> <style> .jumbotron { background-color: #f4511e; color: #fff; padding: 100px 25px; } .bg-grey { background-color: #f6f6f6; } .container-fluid { padding: 60px 50px; } </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>