<html>

    <head>

        <meta charset="utf-8">

        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <meta name="viewport" content="width=device-width,initial-scale=1">



        <title>Frecciablu - The Night Train Experience</title>

        <meta name="description" content="Experience the luxury and comfort of Frecciablu, the hypothetical Trenitalia night company born in 2025.">

        <meta name="keywords" content="Frecciablu, Trenitalia, night train, Avelia Horizon, ETR2000, Alstom">



        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"

                integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

        <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">



        <!-- Built-In Functions for Apps -->

        <script type="text/javascript">

            var localStoragePrefix = "ct-169282477174895";

            var lastSave = 0;

            // save to localstorage

            function saveLocal(data) {

                if (Date.now() - lastSave < 1000) {

                    return;

                }

                // save to cookie

                let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname +  "'; SameSite=Strict";

                cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString();

                document.cookie = cookie;

                lastSave = Date.now();

            }



            // load from localstorage

            function loadLocal() {

                var cookiePrefix = localStoragePrefix + "=";

                var cookieStart = document.cookie.indexOf(cookiePrefix);

                if (cookieStart > -1) {

                    let cookieEnd = document.cookie.indexOf(";", cookieStart);

                    if (cookieEnd == -1) {

                        cookieEnd = document.cookie.length;

                    }

                    var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd);

                    return JSON.parse(cookieData);

                }

            }

        </script>



        <script type="text/javascript">

            // App Javascript Goes Here

        </script>

        

        <style>

            /* App CSS Goes Here */

            body {

                background-color: #F7F7F7;

            }



            .container {

                max-width: 800px;

                margin: 0 auto;

                padding: 20px;

                background-color: #FFFFFF;

                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

                border-radius: 8px;

            }



            h1 {

                font-family: 'Roboto', sans-serif;

                font-size: 32px;

                font-weight: 700;

                color: #333333;

                margin-bottom: 20px;

            }



            p {

                font-family: 'Roboto', sans-serif;

                font-size: 16px;

                color: #666666;

                margin-bottom: 10px;

            }



            .train-image {

                max-width: 100%;

                height: auto;

                margin-bottom: 20px;

            }



            .feature-list {

                list-style: none;

                padding: 0;

                margin-bottom: 20px;

            }



            .feature-list li {

                display: flex;

                align-items: center;

                margin-bottom: 10px;

            }



            .feature-list li .icon {

                font-size: 24px;

                color: #333333;

                margin-right: 10px;

            }



            .feature-list li span {

                font-family: 'Roboto', sans-serif;

                font-size: 16px;

                color: #333333;

            }



            .routes-list {

                list-style: none;

                padding: 0;

                margin-bottom: 20px;

            }



            .routes-list li {

                font-family: 'Roboto', sans-serif;

                font-size: 16px;

                color: #333333;

                margin-bottom: 5px;

            }



            .routes-list li:before {

                font-family: 'FontAwesome';

                content: "\f105";

                color: #FFD700;

                margin-right: 5px;

            }

        </style>

    </head>

    <body>

        <div id="main-container" class="container">

            <h1>Frecciablu - The Night Train Experience</h1>



            <img src="https://via.placeholder.com/800x400" alt="Frecciablu Train" class="train-image">



            <p>Experience the luxury and comfort of Frecciablu, the hypothetical Trenitalia night company born in 2025. With the Avelia Horizon "ETR2000" high-speed trains purchased from Alstom, Frecciablu offers an unparalleled travel experience.</p>



            <h2>On-Board Features:</h2>

            <ul class="feature-list">

                <li>

                    <i class="fa fa-wifi icon"></i>

                    <span>Free Wi-Fi</span>

                </li>

                <li>

                    <i class="fa fa-bed icon"></i>

                    <span>Cozy Sleeping Cabins</span>

                </li>

                <li>

                    <i class="fa fa-utensils icon"></i>

                    <span>Restaurant and Bar</span>

                </li>

                <li>

                    <i class="fa fa-tv icon"></i>

                    <span>In-Train Entertainment</span>

                </li>

                <li>

                    <i class="fa fa-shower icon"></i>

                    <span>Shower Facilities</span>

                </li>

                <li>

                    <i class="fa fa-luggage-cart icon"></i>

                    <span>Luggage Storage</span>

                </li>

            </ul>



            <h2>Routes:</h2>

            <ul class="routes-list">

                <li>1. Milan to Rome</li>

                <li>2. Florence to Venice</li>

                <li>3. Naples to Turin</li>

                <li>4. Bologna to Genoa</li>

                <li>5. Verona to Palermo</li>

            </ul>

        </div>

    </body>

</html>