API tools faq
paste
Advertisement
daniramadhan7

login trusted

daniramadhan7
Oct 26th, 2021
4,135
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.78 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!