<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image Carousel</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
    <div id="imageCarousel" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#imageCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#imageCarousel" data-slide-to="1"></li>
            <li data-target="#imageCarousel" data-slide-to="2"></li>
            <li data-target="#imageCarousel" data-slide-to="3"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <a href="https://link1.com">
                    <img src="https://via.placeholder.com/800x400.png?text=Image+1" class="d-block w-100" alt="Image 1">
                </a>
            </div>
            <div class="carousel-item">
                <a href="https://link2.com">
                    <img src="https://via.placeholder.com/800x400.png?text=Image+2" class="d-block w-100" alt="Image 2">
                </a>
            </div>
            <div class="carousel-item">
                <a href="https://link3.com">
                    <img src="https://via.placeholder.com/800x400.png?text=Image+3" class="d-block w-100" alt="Image 3">
                </a>
            </div>
            <div class="carousel-item">
                <a href="https://link4.com">
                    <img src="https://via.placeholder.com/800x400.png?text=Image+4" class="d-block w-100" alt="Image 4">
                </a>
            </div>
        </div>
        <a class="carousel-control-prev" href="#imageCarousel" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#imageCarousel" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>

Monaco OMS Carole Lanteri, Ambassadeur, Représentant Permanent de la Principauté Office des Nations Unies à Genève et Chrystel ChanteloubeDélégation monégasque OMS(2)

Published 16 Giugno 2017 at 1280 × 960 in Monaco Alla Conferenza OMS Ambiente e Salute; Il Messaggio del Principe Alberto

Carole Lanteri, Ambasciatore Rappresentante Permanente del Principato presso l’Ufficio delle Nazioni Unite a Ginevra e Chrystel Chanteloube – foto©Direction de la Communication

Monaco OMS Carole Lanteri, Ambassadeur, Représentant Permanent de la Principauté Office des Nations Unies à Genève et Chrystel ChanteloubeDélégation monégasque OMS(2)

MIM Monaco Italia Magazine

Link Rapidi

Ultimi Articoli

Contatti