<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Newspaper Archives</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <style>
        c{
            color: black;
        }
    </style>
</head>
<body>
    <div class="px-3 py-2 text-bg-dark border-bottom">
        <div>
          <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
            <a href="https://iitdh.ac.in" class="d-flex align-items-center my-2 my-lg-0 me-lg-auto text-white text-decoration-none">
              <img src="https://election.iitdh.ac.in/static/media/logog.084b1a7a95f4bcd9fccd.png" alt="Logo" height="50px">
            </a>
            <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3 d-flex" role="search">
              <input type="text" class="form-control form-control-dark mx-2" placeholder="Search..." aria-label="Search" list="books">
              <datalist id="books">
                  <option>Amrita Bazar</option>
                  <option>The Indian Express</option>
                  <option>Telegraph</option>
                  <option>Hindustan Times</option>
                  <option>The Economic Times</option>
                  <option>The Times of India</option>
                  <option>Deccan Herald</option>
                  <option>The New York Times</option>
                  <option>CNN</option>
                  <option>The Washington Post</option>
                  <option>The Asahi Shimbun</option>
                  <option>The Guardian</option>
                  <option>Canton Herald</option>
                  <option>The Wall Street Journal</option>
              </datalist>
              <button type="submit" class="btn btn-outline-success"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
                <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
              </svg></button>
            </form>
            <ul class="nav col-12 col-lg-auto my-2 justify-content-center my-md-0 text-small">
              <li>
                <a href="/user_open" class="nav-link text-secondary">
                    <svg class="bi d-block mx-auto mb-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-newspaper" viewBox="0 0 16 16">
                        <path d="M0 2.5A1.5 1.5 0 0 1 1.5 1h11A1.5 1.5 0 0 1 14 2.5v10.528c0 .3-.05.654-.238.972h.738a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 1 1 0v9a1.5 1.5 0 0 1-1.5 1.5H1.497A1.497 1.497 0 0 1 0 13.5zM12 14c.37 0 .654-.211.853-.441.092-.106.147-.279.147-.531V2.5a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5v11c0 .278.223.5.497.5z"/>
                        <path d="M2 3h10v2H2zm0 3h4v3H2zm0 4h4v1H2zm0 2h4v1H2zm5-6h2v1H7zm3 0h2v1h-2zM7 8h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2zm-3 2h2v1H7zm3 0h2v1h-2z"/>
                      </svg>
                    News: Home
                </a>
              </li>
              <li>
                <a href="/recommendations" class="nav-link text-white">
                    <svg class="bi d-block mx-auto mb-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-speedometer2" viewBox="0 0 16 16">
                        <path d="M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4M3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707M2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10m9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5m.754-4.246a.39.39 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.39.39 0 0 0-.029-.518z"/>
                        <path fill-rule="evenodd" d="M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A8 8 0 0 1 0 10m8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3"/>
                      </svg>
                      Recommendations
                </a>
              </li>
              <li>
                <a href="/order" class="nav-link text-white">
                    <svg class="bi d-block mx-auto mb-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-table" viewBox="0 0 16 16">
                        <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2zm15 2h-4v3h4zm0 4h-4v3h4zm0 4h-4v3h3a1 1 0 0 0 1-1zm-5 3v-3H6v3zm-5 0v-3H1v2a1 1 0 0 0 1 1zm-4-4h4V8H1zm0-4h4V4H1zm5-3v3h4V4zm4 4H6v3h4z"/>
                      </svg>
                    Orders
                </a>
              </li>
              <li>
                <a href="/upcoming_reservation" class="nav-link text-white">
                    <svg class="bi d-block mx-auto mb-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-bell" viewBox="0 0 16 16">
                        <path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2M8 1.918l-.797.161A4 4 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4 4 0 0 0-3.203-3.92zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5 5 0 0 1 13 6c0 .88.32 4.2 1.22 6"/>
                      </svg>
                  Reservation
                </a>
              </li>
              <li>
                <a href="/profile" class="nav-link text-white">
                    <svg class="bi d-block mx-auto mb-1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-person-circle" viewBox="0 0 16 16">
                        <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0"/>
                        <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1"/>
                      </svg>
                  <%= Name %>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    <section id="domain-section" class="bg-white p-4">
        <div class="row row-cols-1 row-cols-sm-2 g-4">
            <div class="col">
                    <div class="card border-none h-100">
                        <div class="card-header">
                            <h5>Indian Newspapers</h5>
                        </div>
                        <div class="card-body" style="color: black;">
                            <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-2 py-2">			<div class="col d-flex align-items-start">
                                    <a href="https://amritabazarpatrika.org" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                        <c>Amrita Bazar </c>
                                    </a>
                                </div><div class="col d-flex align-items-start">
                                    <a href="https://indianexpress.com" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                        <c>The Indian Express</c>
                                    </a>
                                </div>			<div class="col d-flex align-items-start">
                                    <a href="https://www.telegraphindia.com" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                        <c>Telegraph</c>
                                    </a>
                                </div>			<div class="col d-flex align-items-start">
                                    <a href="https://www.hindustantimes.com" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                        <c>Hindustan Times</c>
                                    </a>
                                </div>			<div class="col d-flex align-items-start">
                                    <a href="https://economictimes.indiatimes.com" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                        <c>The Economic Times</c>
                                    </a>
                                </div>			<div class="col d-flex align-items-start">
                                    <a href="https://timesofindia.indiatimes.com" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                        <c>The Times of India</c>
                                    </a>
                                </div>			<div class="col d-flex align-items-start">
                                    <a href="https://www.deccanherald.com" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                         <c>Deccan Herald </c>
                                    </a>
                                </div>			</div>
                        </div>
                        <div class="card-footer text-center">
                            <a href="#" class="link-success" style="text-decoration: none;"> View More</a>
                        </div>
                    </div>
                </div><div class="col">
                    <div class="card border-none h-100">
                        <div class="card-header">
                            <h5>Foreign Newspapers</h5>
                        </div>
                        <div class="card-body">
                            <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-2 py-2">		
                                   	<div class="col d-flex align-items-start">
                                    <a href="https://www.nytimes.com" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                         <c>The New York Times</c>
                                    </a>
                                </div>			<div class="col d-flex align-items-start">
                                    <a href="https://www.cnn.com" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                        <c>CNN</c>
                                    </a>
                                </div>			<div class="col d-flex align-items-start">
                                    <a href="https://www.washingtonpost.com" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                        <c>The Washington Post</c>
                                    </a>
                                </div>			<div class="col d-flex align-items-start">
                                    <a href="https://www.asahi.com" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                        <c>The Asahi Shimbun</c>
                                    </a>
                                </div>			<div class="col d-flex align-items-start">
                                    <a href="https://www.theguardian.com" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                        <c>The Guardian</c>
                                    </a>
                                </div>			<div class="col d-flex align-items-start">
                                    <a href="https://www.thecantonherald.com" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                        <c>Canton Herald</c>
                                    </a>
                                </div>			<div class="col d-flex align-items-start">
                                    <a href="https://www.wsj.com" class="mb-0 fs-6 text-primary" style="text-decoration: none;">
                                        <c>The Wall Street Journal</c>
                                    </a>
                                </div>			</div>
                        </div>
                        <div class="card-footer text-center">
                            <a href="#" class="link-success" style="text-decoration: none;">View More</a>
                        </div>
                    </div>
                </div>				</div>
    </section>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>