API tools faq
paste
Advertisement
daniramadhan7

index trusted news

daniramadhan7
Oct 26th, 2021
750
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 7.72 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  6.         <meta name="description" content="" />
  7.         <meta name="author" content="" />
  8.         <title>TrustedNews.ID - Start Bootstrap Theme</title>
  9.         <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
  10.         <!-- Font Awesome icons (free version)-->
  11.         <script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" crossorigin="anonymous"></script>
  12.         <!-- Google fonts-->
  13.         <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
  14.         <link href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css" />
  15.         <!-- Core theme CSS (includes Bootstrap)-->
  16.         <link href="css/styles.css" rel="stylesheet" />
  17.     </head>
  18.     <body>
  19.         <!-- Navigation-->
  20.         <nav class="navbar navbar-expand-lg navbar-light" id="mainNav">
  21.             <div class="container px-4 px-lg-5">
  22.                 <a class="navbar-brand" href="index.html">TrustedNews.ID</a>
  23.                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  24.                     Menu
  25.                     <i class="fas fa-bars"></i>
  26.                 </button>
  27.                 <div class="collapse navbar-collapse" id="navbarResponsive">
  28.                     <ul class="navbar-nav ms-auto py-4 py-lg-0">
  29.                         <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="index.html">Home</a></li>
  30.                         <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="about.html">About</a></li>
  31.                         <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="post.html">Sample Post</a></li>
  32.                         <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="contact.html">Contact</a></li>
  33.                         <li class="nav-item"><a class="nav-link px-lg-3 py-3 py-lg-4" href="login.html">Login</a></li>
  34.                     </ul>
  35.                 </div>
  36.             </div>
  37.         </nav>
  38.         <!-- Page Header-->
  39.         <header class="masthead" style="background-image: url('assets/img/home-bg.jpg')">
  40.             <div class="container position-relative px-4 px-lg-5">
  41.                 <div class="row gx-4 gx-lg-5 justify-content-center">
  42.                     <div class="col-md-10 col-lg-8 col-xl-7">
  43.                         <div class="site-heading">
  44.                             <h1>TrustedNews.ID</h1>
  45.                             <span class="subheading">Always look for news from trusted sources</span>
  46.                         </div>
  47.                     </div>
  48.                 </div>
  49.             </div>
  50.         </header>
  51.         <!-- Main Content-->
  52.         <div class="container px-4 px-lg-5">
  53.             <div class="row gx-4 gx-lg-5 justify-content-center">
  54.                 <div class="col-md-10 col-lg-8 col-xl-7">
  55.                     <!-- Post preview-->
  56.                     <div class="post-preview">
  57.                         <a href="post.html">
  58.                             <h2 class="post-title">Machine learning techniques for predicting lightning events</h2>
  59.                             <h3 class="post-subtitle">Researchers have used machine learning techniques to successfully avoid lightning hazards near and far by looking at observations of meteorological parameters at a single location.</h3>
  60.                         </a>
  61.                         <p class="post-meta">
  62.                             Posted by
  63.                             <a href="#!">Ramadhan Arif H.</a>
  64.                             on October 26, 2021
  65.                         </p>
  66.                     </div>
  67.                     <!-- Divider-->
  68.                     <hr class="my-4" />
  69.                     <!-- Post preview-->
  70.                     <div class="post-preview">
  71.                         <a href="post.html"><h2 class="post-title">I believe every human has a finite number of heartbeats. I don't intend to waste any of mine.</h2></a>
  72.                         <p class="post-meta">
  73.                             Posted by
  74.                             <a href="#!">Start Bootstrap</a>
  75.                             on September 18, 2021
  76.                         </p>
  77.                     </div>
  78.                     <!-- Divider-->
  79.                     <hr class="my-4" />
  80.                     <!-- Post preview-->
  81.                     <div class="post-preview">
  82.                         <a href="post.html">
  83.                             <h2 class="post-title">Science has not yet mastered prophecy</h2>
  84.                             <h3 class="post-subtitle">We predict too much for the next year and yet far too little for the next ten.</h3>
  85.                         </a>
  86.                         <p class="post-meta">
  87.                             Posted by
  88.                             <a href="#!">Start Bootstrap</a>
  89.                             on August 24, 2021
  90.                         </p>
  91.                     </div>
  92.                     <!-- Divider-->
  93.                     <hr class="my-4" />
  94.                     <!-- Pager-->
  95.                     <div class="d-flex justify-content-end mb-4"><a class="btn btn-primary text-uppercase" href="#!">Older Posts →</a></div>
  96.                 </div>
  97.             </div>
  98.         </div>
  99.         <!-- Footer-->
  100.         <footer class="border-top">
  101.             <div class="container px-4 px-lg-5">
  102.                 <div class="row gx-4 gx-lg-5 justify-content-center">
  103.                     <div class="col-md-10 col-lg-8 col-xl-7">
  104.                         <ul class="list-inline text-center">
  105.                             <li class="list-inline-item">
  106.                                 <a href="#!">
  107.                                     <span class="fa-stack fa-lg">
  108.                                         <i class="fas fa-circle fa-stack-2x"></i>
  109.                                         <i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
  110.                                     </span>
  111.                                 </a>
  112.                             </li>
  113.                             <li class="list-inline-item">
  114.                                 <a href="#!">
  115.                                     <span class="fa-stack fa-lg">
  116.                                         <i class="fas fa-circle fa-stack-2x"></i>
  117.                                         <i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
  118.                                     </span>
  119.                                 </a>
  120.                             </li>
  121.                             <li class="list-inline-item">
  122.                                 <a href="#!">
  123.                                     <span class="fa-stack fa-lg">
  124.                                         <i class="fas fa-circle fa-stack-2x"></i>
  125.                                         <i class="fab fa-github fa-stack-1x fa-inverse"></i>
  126.                                     </span>
  127.                                 </a>
  128.                             </li>
  129.                         </ul>
  130.                         <div class="small text-center text-muted fst-italic">Copyright &copy; TrustedNews.ID 2021</div>
  131.                     </div>
  132.                 </div>
  133.             </div>
  134.         </footer>
  135.         <!-- Bootstrap core JS-->
  136.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
  137.         <!-- Core theme JS-->
  138.         <script src="js/scripts.js"></script>
  139.     </body>
  140. </html>
  141.  
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!