Code Week A1

<!DOCTYPE html>

<html>

<head>

    <title>Το Ψηφιακό μου Αποτύπωμα</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>👣 Το Ψηφιακό μου Αποτύπωμα</h1>

    <p>
        Κάθε φορά που χρησιμοποιούμε το διαδίκτυο αφήνουμε πίσω μας
        ένα <b>ψηφιακό αποτύπωμα</b>.
    </p>


    <div class="box">

        <h2>Τι είναι το ψηφιακό αποτύπωμα;</h2>

        <p>
            Το ψηφιακό αποτύπωμα είναι το σύνολο των πληροφοριών
            που αφήνουμε πίσω μας όταν χρησιμοποιούμε το Internet.
        </p>

        <img src="https://via.placeholder.com/300x180"
             alt="Digital Footprint">

    </div>


    <div class="box">

        <h3>Τι μπορεί να αφήσει ίχνη;</h3>

        <ul>
            <li>Μια φωτογραφία που ανεβάζουμε</li>
            <li>Ένα σχόλιο σε ένα κοινωνικό δίκτυο</li>
            <li>Ένα like</li>
            <li>Μια αναζήτηση στο διαδίκτυο</li>
            <li>Μια εγγραφή σε μια ιστοσελίδα</li>
        </ul>

    </div>


    <div class="box">

        <h4>Σκέψου πριν δημοσιεύσεις!</h4>

        <p>
            Πριν ανεβάσεις κάτι στο διαδίκτυο, σκέψου:
            <b>Θα ήθελα να το βλέπει κάποιος μετά από 5 χρόνια;</b>
        </p>

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

        <p>
            <u>Δεν χρειάζεται να μοιραζόμαστε τα πάντα online.</u>
        </p>

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

    </div>

</body>

</html>