Code Week A4

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Fake News ή Αλήθεια;</title>

    <style>
        body {
            background-color: #f2f7ff;
            font-family: Arial;
            color: #333333;
            margin: 40px;
        }

        h1 {
            color: #164e8c;
            text-align: center;
        }

        h2 {
            color: #2878b5;
        }

        h3 {
            color: #3a8ac2;
        }

        img {
            width: 300px;
            border-radius: 15px;
        }

        .box {
            background-color: white;
            padding: 20px;
            margin: 20px 0;
            border-radius: 12px;
        }
    </style>
</head>

<body>

    <h1>🔎 Fake News ή Αλήθεια;</h1>

    <p>
        Κάθε μέρα βλέπουμε δεκάδες ειδήσεις στο διαδίκτυο.
        Είναι όμως όλες αληθινές;
        Μάθε να αναγνωρίζεις τα <b>fake news</b>!
    </p>

    <div class="box">

        <h2>Τι είναι τα fake news;</h2>

        <p>
            Είναι ψευδείς ή παραπλανητικές πληροφορίες
            που παρουσιάζονται ως πραγματικές ειδήσεις.
        </p>

        <img src="https://placehold.co/300x180/png?text=Fake+News"
             alt="Fake News">

    </div>

    <div class="box">

        <h3>Πώς αναγνωρίζουμε μια ύποπτη είδηση;</h3>

        <ul>
            <li>Ελέγχουμε ποιος δημοσίευσε την είδηση.</li>
            <li>Διαβάζουμε ολόκληρο το άρθρο.</li>
            <li>Ελέγχουμε την ημερομηνία δημοσίευσης.</li>
            <li>Αναζητούμε την πληροφορία και σε άλλες πηγές.</li>
            <li>Προσέχουμε τους υπερβολικούς τίτλους.</li>
        </ul>

    </div>

    <div class="box">

        <h4>Σκέψου πριν κοινοποιήσεις!</h4>

        <p>
            Πριν μοιραστείς μια είδηση, αναρωτήσου:
            <b>Έχω ελέγξει αν είναι αληθινή;</b>
        </p>

        <h5>Μια μικρή συμβουλή</h5>

        <p>
            <u>Μην πιστεύεις ό,τι διαβάζεις στο διαδίκτυο!</u>
        </p>

        <h6>Think before you share!</h6>

    </div>

</body>
</html>