morocco.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <!-- Add a specific country name to the title -->
    <title>License Plates of Morocco</title>
    <script async src="https://eu.umami.is/script.js" data-website-id="8ad25aff-b977-489c-aa1b-b8e860fce9eb"></script>
</head>

<body>
    <div class="container">
        <div class="menu">
            <button class="menu-btn">Menu</button>
            <div class="menu-content">
                <ul>
                    <li><a href="index.html">Country Index</a></li>
                    <li><a href="morocco.html">Page 1</a></li>
                </ul>
            </div>
        </div>

<body>
    <div class="container">
        <h1>License Plates of<br>Morocco (MA)</h1>
        <p align="center">Photographed in The Netherlands</p>
        <div class="license-plates" id="license-plates-container">
            <img src="morocco/9548 86.jpg" alt="9548 86" class="images">
            <img src="morocco/9548 86 C.jpg" alt="9548 86" class="images" width="800px">
            <p>Normal series. 86 = Tinghir Province. Arabic character in the middle translates to 'A'</p>

            <img src="morocco/56496 14.jpg" alt="56496 14" class="images">
            <img src="morocco/56496 14 C.jpg" alt="56496 14" class="images" width="800px">
            <p>Normal series. 14 = Mohammedia Prefecture Arabic character in the middle translates to 'A'</p>

            <img src="morocco/5172 - 09.jpg" alt="5172 - 09" class="images">
            <img src="morocco/5172 - 09 C.jpg" alt="5172 - 09" class="images" width="800px">
            <p>Trailer series. No Coding. Trailers also contain a repeater plate of the truck.</p>
        </div>
    </div>
        <p align="center"><a href="index.html">Country Index</a></p>
    </div>
    <script src="scripts.js"></script>
</body>

</html>