API tools faq
paste
farfnd

index.html

farfnd
Dec 10th, 2021 (edited)
105
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en"><head>
  3. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1">
  6.     <title>Pendaftaran SMK Coding</title>
  7.  
  8.     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  9.     <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
  10.    
  11.     <link rel="stylesheet" href="style.css">
  12. </head>
  13.  
  14. <body>
  15.   <main class="front-page">
  16.     <header>
  17.       <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
  18.         <div class="container-fluid">
  19.           <a class="navbar-brand" href="index.html">
  20.             Pendaftaran Siswa Baru SMK Coding
  21.           </a>
  22.           <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  23.             <span class="navbar-toggler-icon"></span>
  24.           </button>
  25.           <div class="collapse navbar-collapse" id="navbarCollapse">
  26.             <ul class="navbar-nav me-auto mb-2 mb-md-0">
  27.               <li class="nav-item">
  28.                 <a class="nav-link active" href="daftar.html">Daftar Baru</a>
  29.               </li>
  30.               <li class="nav-item">
  31.                 <a class="nav-link" href="pendaftar.html">Lihat Pendaftar</a>
  32.               </li>
  33.             </ul>
  34.           </div>
  35.         </div>
  36.       </nav>
  37.     </header>
  38.  
  39.     <div class="row mb-4">
  40.       <div class="col-sm-12">
  41.         <div class="card text-center">
  42.           <div class="card-body">
  43.             <h4 class="card-title">Selamat datang</h4>
  44.             <h5 class="card-title">di website Pendaftaran Siswa Baru SMK Coding</h5>
  45.           </div>
  46.         </div>
  47.       </div>
  48.     </div>
  49.     <div class="row text-center">
  50.       <div class="col-sm-6">
  51.         <div class="card h-100">
  52.           <div class="card-body">
  53.             <h5 class="card-title"><strong>Daftar Baru</strong></h5>
  54.             <p class="card-text">Klik tombol di bawah<br>untuk melakukan pendaftaran siswa baru.</p>
  55.             <a href="daftar.html" class="btn btn-primary">Daftar Baru</a>
  56.           </div>
  57.         </div>
  58.       </div>
  59.       <div class="col-sm-6">
  60.         <div class="card h-100">
  61.           <div class="card-body">
  62.             <h5 class="card-title"><strong>Lihat Pendaftar</strong></h5>
  63.             <p class="card-text">Klik tombol di bawah<br>untuk melihat seluruh pendaftar.</p>
  64.             <a href="pendaftar.html" class="btn btn-primary">Lihat Pendaftar</a>
  65.           </div>
  66.         </div>
  67.       </div>
  68.     </div>
  69.   </main>
  70.  
  71.   <footer class="text-muted">
  72.     <div class="container">
  73.       <p class="text-dark">
  74.         &copy; <a href="https://farfnd.github.io" style="text-decoration: none;">FA</a> 2021
  75.       </p>
  76.     </div>
  77.   </footer>
  78.  
  79.   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
  80. </body>
  81. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!