Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>Belajar Bootstrap 4</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- Menyisipkan Bootstrap -->
- <link rel="stylesheet" href="css/bootstrap.min.css" />
- </head>
- <body>
- <!-- Membuat komponen jubotron sebagai header -->
- <header>
- <div class="jumbotron jumbotron-fluid">
- <div class="container">
- <div class="row">
- <div class="col">
- <h1>Welcome to My Web</h1>
- <div class="lead">Aku sedang belajar Bootstrap 4</div>
- </div>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-sm-12">
- <div class="card-deck">
- <div class="card">
- <img src="dk2.png" class="card-img-top" alt="gambar">
- <div class="card-body">
- <h5 class="card-title">Pelatihan Dasar</h5>
- <p class="card-text">Disini user diajarkan berbagai dasar anyaman lidi, disini user juga diajarkan cara memilih lidi.</p>
- </div>
- <div class="card-footer">
- <small class="text-muted">Mulai Belajar</small>
- </div>
- </div>
- <div class="card">
- <img src="dk2.png" class="card-img-top" alt="gambar">
- <div class="card-body">
- <h5 class="card-title">Pelatihan Menengah</h5>
- <p class="card-text">Disini user diajarkan berbagai dasar anyaman lidi, disini user juga diajarkan cara memilih lidi.</p>
- </div>
- <div class="card-footer">
- <small class="text-muted">Mulai Belajar</small>
- </div>
- </div>
- <div class="card">
- <img src="dk2.png" class="card-img-top" alt="gambar">
- <div class="card-body">
- <h5 class="card-title">Pelatihan Menengah</h5>
- <p class="card-text">Disini user diajarkan berbagai dasar anyaman lidi, disini user juga diajarkan cara memilih lidi.</p>
- </div>
- <div class="card-footer">
- <small class="text-muted">Mulai Belajar</small>
- </div>
- </div>
- </div>
- </div>
- </div>
- </header>
- <!-- Menyisipkan JQuery dan Javascript Bootstrap -->
- <script src="js/bootstrap.min.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement