Scribd Logo
Upload

Welcome to Scribd!

  • Final Project

    Uploaded by

    Faranaz Safari
    1 views5 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    1 views5 pages

    Final Project

    Uploaded by

    Faranaz Safari

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 5

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Afghanistan News</title>
    <link rel="stylesheet" href="./main.css">
    <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>
    body {
    background-color: #d5f0fa;
    height: 100vh;
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    }
    </style>
    </head>

    <body>
    <div="conainer-fluid" style="font-size: large; font-weight: bold; font-
    style: italic; color: brown;">
    Afghanistan News: Latest News of Today
    </div>
    <script async
    src="https://cdn.jsdelivr.net/npm/es-module-shims@1/dist/es-module-shims.min.js"
    crossorigin="anonymous"></script>
    <script type="importmap">

    </script>
    <script type="module">
    import * as bootstrap from 'bootstrap'

    new bootstrap.Popover(document.getElementById('popoverButton'))
    </script>
    <nav class="navbar navbar-expand-lg bg-body-tertiary">
    <div class="container-fluid">
    <input id="edit-search" type="text" name="search"
    maxlength="128" value="" placeholder="Search on Afghanistan News" data-sider-
    insert-id="1a130980-5a8e-4851-ab3d-c73a2f577339" data-sider-select-id="3e3648b6-
    2aa6-4e21-b8e5-3585ab9bda1d">
    <button class="navbar-toggler" type="button" data-bs-
    toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-
    expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav">
    <li class="nav-item">
    <a class="nav-link active" aria-current="page"
    href="http://127.0.0.1:5500/Afghanistan%20News.html#" target="_blank">Home</a>
    </li>
    <li class="nav-item">
    <a class="nav-link"
    href="https://tolonews.com/afghanistan/all" target="_blank">Afghanistan</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="https://tolonews.com/video"
    target="_blank">Video</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="https://tolonews.com/arts-
    culture" target="_blank">Art & Culture</a>
    <p></p>
    </li>
    </ul>
    </div>
    </div>
    <footer class="row grey-dark"></footer>
    </nav>
    </body>
    <body>

    <nav class="navbar navbar-expand-lg navbar-light bg-light">


    <div class="container">
    <a class="navbar-brand"
    href="https://www.aljazeera.com/where/afghanistan/">Afghanistan News Website</a>
    <button class="navbar-toggler" type="button" data-bs-
    toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-
    expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav ms-auto">
    <li class="nav-item">
    <a class="nav-link active" aria-current="page"
    href="https://www.worldbank.org/en/country/afghanistan"
    target="_blank">Economic</a>
    </li>
    <li class="nav-item">
    <a class="nav-link"
    href="https://www.bbc.com/news/world" target="_blank">World</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="https://tolonews.com/search?
    search=politics" target="_blank">Politics</a>
    </li>
    <li class="nav-item">
    <a class="nav-link"
    href="https://tolonews.com/business" target="_blank">Business</a>
    </li>
    <li class="nav-item">
    <a class="nav-link"
    href="https://www.khaama.com/category/science/" target="_blank">Technology</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" href="https://tolonews.com/health"
    target="_blank">Health</a>
    </li>
    </ul>
    </div>
    </div>
    </nav>

    <div class="container mt-4">


    <div class="row">

    <div class="col-lg-8">
    <div class="card mb-4">
    <img src="images/afghanistan-news.png" class="card-img-top"
    alt="Taliban">
    <div class="card-body">
    <h5 class="card-title">Taliban seize key district in
    northern Afghanistan</h5>
    <p class="card-text">KABUL: Taliban fighters have
    captured a key district in northern Afghanistan while thousands of civilians have
    fled their homes in the southern part of the country to escape violent attacks by
    the group after the withdrawal of US forces from a military base in the area,
    officials said on Wednesday. </p>
    <a href="https://www.arabnews.com/node/1854321/world"
    class="btn btn-primary">Read More</a>
    </div>
    </div>
    </div>

    <div class="col-lg-4">
    <div class="list-group">
    <a href="https://www.aljazeera.com/where/afghanistan/"
    class="list-group-item list-group-item-action active" aria-current="true">
    Latest News
    </a>

    <a href="https://tolonews.com/business-188612" class="list-


    group-item list-group-item-action">Nooruddin Azizi Visiting Iran Seeks Trade,
    Transit Development</a>
    <a href="https://tolonews.com/afghanistan-188602"
    class="list-group-item list-group-item-action">Islamic Emirate Calls UNAMA Report
    Repetitive and Propagandistic</a>
    <a href="https://tolonews.com/afghanistan-188598"
    class="list-group-item list-group-item-action">UN Report: Job Restrictions on
    Women Damage Afghanistan's Economy</a>
    <a href="https://tolonews.com/afghanistan-188587"
    class="list-group-item list-group-item-action">Daesh Attack in Herat Not
    Indicator of Strength: Mujahid</a>
    </div>
    </div>
    </div>

    <div class="row mt-4">


    <div class="col-lg-8">
    <h2>More News</h2>

    <div class="row">
    <div class="col-md-6 mb-4">
    <div class="card">
    <img src="images/airplan.jpg"400x200 class="card-img-
    top" alt="...">
    <div class="card-body">
    <h5 class="card-title">The moment pilot makes
    emergency landing on US beach</h5>
    <p class="card-text">A small plane's engine
    lost power mid-flight and the pilot performed an emergency landing on a beach in
    Long Island, New York, according to the Suffolk County Police Department.
    US media reports that both the 60-year-old
    pilot and the 59-year-old passenger were uninjured.</p>
    <a href="https://www.bbc.com/news/world-us-
    canada-68929657" class="btn btn-primary">Read More</a>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>

    <footer class="footer mt-auto py-3 bg-light">


    <div class="container text-center">
    <span class="text-muted">Afghanistan News Website &copy;
    2024</span>
    </div>
    </footer>
    <script src="https://getbootstrap.com/docs/5.3/components/card/#images"
    integrity="sha384-kSIxWRNc16eSX0R0E2owPmd/t14LrBMUz64RSf/wpi1Uo1jtnXwvU1Kq35Y56Pp
    5" crossorigin="anonymous"></script>
    </body>
    </html>

    The link for Website:

    http://127.0.0.1:5500/Afghanistan%20News.html

    You might also like