<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EuroBlogas - Insights into European Culture & Travel</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Inter', sans-serif; line-height: 1.6; color: #333; background: #fefefe; }
        .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        header { background: linear-gradient(135deg, #1e3c72, #2a5298); color: #fff; padding: 2rem 0; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
        .header-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
        .logo { font-family: 'Playfair Display', serif; font-size: 2.5rem; font-weight: 700; }
        .logo a { color: #fff; text-decoration: none; }
        nav ul { display: flex; list-style: none; gap: 2rem; }
        nav a { color: #fff; text-decoration: none; font-weight: 500; font-size: 1.1rem; transition: color 0.3s; }
        nav a:hover { color: #ffd166; }
        .hero { padding: 5rem 0; text-align: center; background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.9)), url('https://images.unsplash.com/photo-1519677100203-5f5a1c56b7b3?ixlib=rb-4.0.3&auto=format&fit=crop&w=1350&q=80') center/cover no-repeat; }
        .hero h1 { font-family: 'Playfair Display', serif; font-size: 3.5rem; color: #1e3c72; margin-bottom: 1.5rem; }
        .hero p { font-size: 1.25rem; max-width: 700px; margin: 0 auto 2rem; color: #555; }
        .btn { display: inline-block; background: #2a5298; color: #fff; padding: 0.75rem 2rem; border-radius: 30px; text-decoration: none; font-weight: 600; transition: background 0.3s; }
        .btn:hover { background: #1e3c72; }
        section { padding: 4rem 0; }
        h2 { font-family: 'Playfair Display', serif; font-size: 2.5rem; color: #1e3c72; margin-bottom: 2rem; text-align: center; }
        h3 { font-family: 'Playfair Display', serif; font-size: 2rem; color: #2a5298; margin-bottom: 1.5rem; }
        .about-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 3rem; align-items: center; }
        .about-text p { margin-bottom: 1.5rem; font-size: 1.1rem; color: #444; }
        .about-image img { width: 100%; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
        .news-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 2.5rem; }
        .news-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: transform 0.3s; }
        .news-card:hover { transform: translateY(-10px); }
        .news-img { height: 200px; background: #ddd; background-size: cover; background-position: center; }
        .news-content { padding: 1.5rem; }
        .news-content h4 { font-size: 1.4rem; margin-bottom: 0.75rem; color: #1e3c72; }
        .news-content p { color: #666; margin-bottom: 1rem; }
        .news-meta { color: #888; font-size: 0.9rem; margin-bottom: 1rem; }
        .read-more { color: #2a5298; text-decoration: none; font-weight: 600; }
        .article-content { max-width: 800px; margin: 0 auto; padding: 2rem 0; }
        .article-content h2 { text-align: left; }
        .article-content p { margin-bottom: 1.5rem; font-size: 1.1rem; line-height: 1.8; }
        .contact-form { max-width: 600px; margin: 0 auto; }
        .form-group { margin-bottom: 1.5rem; }
        .form-group label { display: block; margin-bottom: 0.5rem; font-weight: 600; color: #444; }
        .form-group input, .form-group textarea { width: 100%; padding: 0.75rem; border: 1px solid #ccc; border-radius: 8px; font-family: 'Inter', sans-serif; }
        .form-group textarea { min-height: 150px; }
        footer { background: #1e3c72; color: #fff; padding: 3rem 0; text-align: center; }
        .footer-content { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 2rem; }
        .footer-section { flex: 1; min-width: 250px; }
        .footer-section h4 { font-size: 1.3rem; margin-bottom: 1.5rem; color: #ffd166; }
        .footer-section p { margin-bottom: 1rem; }
        .social-links { display: flex; gap: 1rem; justify-content: center; }
        .social-links a { color: #fff; font-size: 1.5rem; transition: color 0.3s; }
        .social-links a:hover { color: #ffd166; }
        .copyright { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,0.2); font-size: 0.9rem; }
        .menu-toggle { display: none; font-size: 1.5rem; cursor: pointer; }
        @media (max-width: 768px) {
            .header-content { flex-direction: column; text-align: center; }
            nav ul { flex-direction: column; gap: 1rem; margin-top: 1.5rem; }
            .menu-toggle { display: block; }
            .nav-menu { display: none; width: 100%; }
            .nav-menu.active { display: block; }
            .hero h1 { font-size: 2.5rem; }
            h2 { font-size: 2rem; }
            .footer-content { flex-direction: column; }
        }
    </style>
</head>
<body>
    <header>
        <div class="container header-content">
            <div class="logo"><a href="/">EuroBlogas</a></div>
            <div class="menu-toggle" id="menuToggle">☰</div>
            <nav class="nav-menu" id="navMenu">
                <ul>
                    <li><a href="/#home">Home</a></li>
                    <li><a href="/#about">About</a></li>
                    <li><a href="/#news">News</a></li>
                    <li><a href="/#contact">Contact</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <main class="container">
                    <section id="home" class="hero">
                <h1>Discover Europe with EuroBlogas</h1>
                <p>Your premier source for in-depth articles, travel guides, and cultural insights from across the European continent. Join our community of curious minds exploring the rich tapestry of European heritage, innovation, and daily life.</p>
                <a href="#news" class="btn">Explore Latest Stories</a>
            </section>

            <section id="about">
                <h2>About EuroBlogas</h2>
                <div class="about-content">
                    <div class="about-text">
                        <p>EuroBlogas is an independent digital publication founded in 2022 with a mission to bridge cultural and informational gaps within Europe. We believe that understanding our diverse continent is key to fostering unity and progress.</p>
                        <p>Our team of writers, researchers, and travel enthusiasts is spread across more than 15 European countries. They bring local expertise, firsthand experiences, and a passion for storytelling to every article we publish.</p>
                        <p>From the fjords of Norway to the vineyards of Portugal, from the tech hubs of Estonia to the historical landmarks of Italy, EuroBlogas covers a wide spectrum of topics including sustainable travel, regional cuisine, political developments, innovation, art, and social trends.</p>
                        <p>We are committed to high-quality, factual, and engaging content. Our work is supported by careful research, interviews with local experts, and a dedication to ethical journalism.</p>
                    </div>
                    <div class="about-image">
                        <img src="https://images.unsplash.com/photo-1505765052516-72d0a9b3b5b6?ixlib=rb-4.0.3&auto=format&fit=crop&w=1350&q=80" alt="European cityscape">
                    </div>
                </div>
            </section>

            <section id="news">
                <h2>Latest News & Features</h2>
                                    <div class="news-grid">
                                                    <div class="news-card">
                                <div class="news-img" style="background-image: url('https://images.unsplash.com/photo-1516496636080-14fb876e029d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1350&q=80');"></div>
                                <div class="news-content">
                                    <h4>Xalaflix Hd</h4>
                                    <p class="news-meta">29.05.2026</p>
                                    <p>
    Xalaflix sans compte : Le Guide Ultime pour Commencer à Regarder en 30 Secondes

    Vous en avez assez de devoir ...</p>
                                    <a href="/xalaflix-hd" class="read-more">Read More →</a>
                                </div>
                            </div>
                                                    <div class="news-card">
                                <div class="news-img" style="background-image: url('https://images.unsplash.com/photo-1551632811-561732d1e306?ixlib=rb-4.0.3&auto=format&fit=crop&w=1350&q=80');"></div>
                                <div class="news-content">
                                    <h4>Filmoflix 4k</h4>
                                    <p class="news-meta">15.05.2026</p>
                                    <p>
Filmoflix Sans Compte : L'Art du Streaming Libre et Immédiat en France
Vous en avez assez des inscriptions interminabl...</p>
                                    <a href="/filmoflix-4k" class="read-more">Read More →</a>
                                </div>
                            </div>
                                                    <div class="news-card">
                                <div class="news-img" style="background-image: url('https://images.unsplash.com/photo-1544551763-46a013bb70d5?ixlib=rb-4.0.3&auto=format&fit=crop&w=1350&q=80');"></div>
                                <div class="news-content">
                                    <h4>Betify Inscription</h4>
                                    <p class="news-meta">09.04.2026</p>
                                    <p>
    Betify France: Votre Portail Vers une Expérience de Casino Élégante et Sûre
    Pour le joueur français exigea...</p>
                                    <a href="/betify-inscription" class="read-more">Read More →</a>
                                </div>
                            </div>
                                            </div>
                            </section>

            <section id="contact">
                <h2>Get In Touch</h2>
                <div class="contact-form">
                    <p style="text-align: center; margin-bottom: 2rem;">We value your feedback, suggestions, and contributions. Reach out to us using the form below.</p>
                    <form action="#" method="post">
                        <div class="form-group">
                            <label for="name">Full Name</label>
                            <input type="text" id="name" name="name" required>
                        </div>
                        <div class="form-group">
                            <label for="email">Email Address</label>
                            <input type="email" id="email" name="email" required>
                        </div>
                        <div class="form-group">
                            <label for="subject">Subject</label>
                            <input type="text" id="subject" name="subject" required>
                        </div>
                        <div class="form-group">
                            <label for="message">Your Message</label>
                            <textarea id="message" name="message" required></textarea>
                        </div>
                        <button type="submit" class="btn" style="border: none; cursor: pointer;">Send Message</button>
                    </form>
                </div>
            </section>
            </main>

    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h4>EuroBlogas</h4>
                    <p>Bringing European stories to a global audience. Independent, insightful, and inclusive.</p>
                </div>
                <div class="footer-section">
                    <h4>Quick Links</h4>
                    <p><a href="/#home" style="color: #fff; text-decoration: none;">Home</a></p>
                    <p><a href="/#about" style="color: #fff; text-decoration: none;">About Us</a></p>
                    <p><a href="/#news" style="color: #fff; text-decoration: none;">News</a></p>
                    <p><a href="/#contact" style="color: #fff; text-decoration: none;">Contact</a></p>
                </div>
                <div class="footer-section">
                    <h4>Connect With Us</h4>
                    <div class="social-links">
                        <a href="#" aria-label="Twitter">🐦</a>
                        <a href="#" aria-label="Facebook">📘</a>
                        <a href="#" aria-label="Instagram">📸</a>
                        <a href="#" aria-label="LinkedIn">💼</a>
                    </div>
                    <p>Email: <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="06656968726765724663737469646a69616775286a72">[email&#160;protected]</a></p>
                </div>
            </div>
            <div class="copyright">
                &copy; 2026 EuroBlogas. All rights reserved.
            </div>
        </div>
    </footer>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
        document.getElementById('menuToggle').addEventListener('click', function() {
            document.getElementById('navMenu').classList.toggle('active');
        });
    </script>
</body>
</html>