daniramadhan7

login trusted

Oct 26th, 2021
1,779
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.     <meta charset="utf-8" />
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  7.     <meta name="description" content="" />
  8.     <meta name="author" content="" />
  9.     <title>TrustedNews.ID - Start Bootstrap Theme</title>
  10.     <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
  11.     <!-- Font Awesome icons (free version)-->
  12.     <script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" crossorigin="anonymous"></script>
  13.     <!-- Google fonts-->
  14.     <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet"
  15.        type="text/css" />
  16.     <link
  17.        href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
  18.        rel="stylesheet" type="text/css" />
  19.     <!-- Core theme CSS (includes Bootstrap)-->
  20.     <link href="css/styles.css" rel="stylesheet" />
  21. </head>
  22.  
  23. <body>
  24.     <!-- Navigation-->
  25.     <nav class="navbar navbar-expand-lg navbar-light" id="mainNav">
  26.         <div class="container px-4 px-lg-5">
  27.             <a class="navbar-brand" href="index.html">TrustedNews.ID</a>
  28.             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
  29.                aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  30.                 Menu
  31.                 <i class="fas fa-bars"></i>
  32.             </button>
  33.             <div class="collapse navbar-collapse" id="navbarResponsive">
  34.                 <ul class="navbar-nav ms-auto py-4 py-lg-0">
  35.                     <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="index.html">Home</a></li>
  36.                     <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="about.html">About</a></li>
  37.                     <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="post.html">Sample Post</a></li>
  38.                     <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="contact.html">Contact</a></li>
  39.                     <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="login.html">Login</a></li>
  40.                 </ul>
  41.             </div>
  42.         </div>
  43.     </nav>
  44.     <!-- Page Header-->
  45.     <header class="masthead" style="background-image: url('assets/img/home-bg.jpg')">
  46.         <div class="container position-relative px-4 px-lg-5">
  47.             <div class="row gx-4 gx-lg-5 justify-content-center">
  48.                 <div class="col-md-10 col-lg-8 col-xl-7">
  49.                     <div class="site-heading">
  50.                         <h1>Login Form</h1>
  51.                         <span class="subheading">Get login to TrustedNews.ID</span>
  52.                     </div>
  53.                 </div>
  54.             </div>
  55.         </div>
  56.     </header>
  57.     <!-- Main Content-->
  58.     <!-- Form -->
  59.     <form style="margin:auto; width:40%;">
  60.         <div class="mb-3">
  61.             <label for="exampleInputEmail1" class="form-label">Email address</label>
  62.             <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
  63.             <div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
  64.         </div>
  65.         <div class="mb-3">
  66.             <label for="exampleInputPassword1" class="form-label">Password</label>
  67.             <input type="password" class="form-control" id="exampleInputPassword1">
  68.         </div>
  69.         <div class="mb-3 form-check">
  70.             <input type="checkbox" class="form-check-input" id="exampleCheck1">
  71.             <label class="form-check-label" for="exampleCheck1">Check me out</label>
  72.         </div>
  73.         <button type="submit" class="btn btn-primary">Submit</button>
  74.     </form>
  75.     <br><br>
  76.     <!-- Footer-->
  77.     <footer class="border-top">
  78.         <div class="container px-4 px-lg-5">
  79.             <div class="row gx-4 gx-lg-5 justify-content-center">
  80.                 <div class="col-md-10 col-lg-8 col-xl-7">
  81.                     <ul class="list-inline text-center">
  82.                         <li class="list-inline-item">
  83.                             <a href="#!">
  84.                                 <span class="fa-stack fa-lg">
  85.                                     <i class="fas fa-circle fa-stack-2x"></i>
  86.                                     <i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
  87.                                 </span>
  88.                             </a>
  89.                         </li>
  90.                         <li class="list-inline-item">
  91.                             <a href="#!">
  92.                                 <span class="fa-stack fa-lg">
  93.                                     <i class="fas fa-circle fa-stack-2x"></i>
  94.                                     <i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
  95.                                 </span>
  96.                             </a>
  97.                         </li>
  98.                         <li class="list-inline-item">
  99.                             <a href="#!">
  100.                                 <span class="fa-stack fa-lg">
  101.                                     <i class="fas fa-circle fa-stack-2x"></i>
  102.                                     <i class="fab fa-github fa-stack-1x fa-inverse"></i>
  103.                                 </span>
  104.                             </a>
  105.                         </li>
  106.                     </ul>
  107.                     <div class="small text-center text-muted fst-italic">Copyright &copy; TrustedNews.ID 2021</div>
  108.                 </div>
  109.             </div>
  110.         </div>
  111.     </footer>
  112.     <!-- Bootstrap core JS-->
  113.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
  114.     <!-- Core theme JS-->
  115.     <script src="js/scripts.js"></script>
  116. </body>
  117.  
  118. </html>
RAW Paste Data