Advertisement
AnindyaBiswas

aboutUs

May 17th, 2023
717
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 4.97 KB | None | 0 0
  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">
  6.     <title>About Us</title>
  7.     <script src="https://kit.fontawesome.com/13deb536c6.js" crossorigin="anonymous"></script>
  8.  
  9.     <link rel="stylesheet" href="http://localhost:8070/style/style.css">
  10.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
  11.   </head>
  12.   <body>
  13.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
  14.  
  15.     <nav class="navbar fixed-top navbar-expand-lg nav-tweak" >
  16.       <div class="container-fluid">
  17.         <a class="navbar-brand" href="/">Router Website</a>
  18.         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
  19.           <span class="navbar-toggler-icon"></span>
  20.         </button>
  21.         <div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown" style="align:right">
  22.           <ul class="navbar-nav">
  23.  
  24.             <li class="nav-item">
  25.               <a class="nav-link" href="/AboutUs">About Us</a>
  26.             </li>
  27.             <li class="nav-item">
  28.               <a class="nav-link" href="/Text">Text</a>
  29.             </li>
  30.            
  31.           </ul>
  32.         </div>
  33.       </div>
  34.     </nav>
  35.     <div class="aboutUs1">
  36.       <h1 class="vertical-center">Welcome to the About Us page</h1>
  37.       <p class="vertical-center">This was made using Bootstrap</p>
  38.     </div>
  39.     <div class="aboutUs2">
  40.        
  41.         <h1 class="vertical-center">This part has the description for the project.</h1>
  42.  
  43.      
  44.     </div>
  45.     <div class="row mx-0">
  46.         <div class="col-lg px-0">
  47.           <div class="block1">
  48.             <h1 class="vertical-center">
  49.                 <a class="nav-link" href="/AboutUs">About Us <i class="fa-solid fa-arrow-right"></i>
  50.                 </a>
  51.             </h1>
  52.  
  53.           </div>      
  54.         </div>
  55.         <div class="col-lg px-0">
  56.           <div class="block2">
  57.             <h1 class="vertical-center">
  58.               <a class="nav-link" href="/Text">Text <i class="fa-solid fa-arrow-right"></i>
  59.               </a>
  60.             </h1>
  61.           </div>
  62.         </div>
  63.       </div>
  64.  
  65.       <div class="picture">
  66.         <div class="row mx-0 ">
  67.             <div class="col-lg">
  68.                 <div class="img-container">
  69.                     <img src="http://localhost:8070/images/wp3.jpg" width="100%">
  70.                 </div>  
  71.             </div>
  72.             <div class="col-lg ">
  73.                     <div class="card-text">
  74.                         <h2 >Image description 1</h2>
  75.                         <br>
  76.                         <p>Australian Prime Minister Anthony Albanese said Wednesday a Quad summit would not go ahead in Sydney next week without US President Joe Biden, who postponed his trip to Australia due to debt ceiling negotiations in Washington.</p>
  77.                         <p>Albanese said the leaders of Australia, the United States, India and Japan would instead meet at the G7 in Japan this weekend, after Biden cancelled a trip to Sydney on the second leg of his upcoming Asia trip, which was also to have included a visit to Papua New Guinea.</p>
  78.                     </div>
  79.             </div>
  80.         </div>
  81.       </div>
  82.       <hr style="opacity:5%">
  83.  
  84.       <div class="picture">
  85.         <div class="row mx-0 ">
  86.             <div class="col-lg">
  87.                 <div class="card-text">
  88.                     <h2 >Image description 2</h2>
  89.                     <br>
  90.                     <p>The National Investigation Agency (NIA) Wednesday is conducting searches at 122 locations across six states as part of its crackdown on the alleged nexus between gangsters, drug smugglers, and terrorist groups based in foreign countries, including Pakistan and Canada.
  91.  
  92.                     </p>
  93.                 </div>
  94.             </div>
  95.             <div class="col-lg ">
  96.                 <div class="img-container">
  97.                     <img src="http://localhost:8070/images/wp4.jpg" width="100%">
  98.                 </div>
  99.             </div>
  100.         </div>
  101.       </div>
  102.  
  103.       <footer class="py-3 my-4">
  104.         <ul class="nav justify-content-center">
  105.           <li class="nav-item"><a href="/" class="nav-link px-2 text-muted">Home</a></li>
  106.           <li class="nav-item"><a href="/AboutUs" class="nav-link px-2 text-muted">About Us</a></li>
  107.           <li class="nav-item"><a href="/Text" class="nav-link px-2 text-muted">Text</a></li>
  108.         </ul>
  109.         <hr>
  110.         <p class="text-center text-muted">© 2023 Router Website by Anindya</p>
  111.       </footer>
  112.   </body>
  113. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement