<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <title>Моя домашняя страница</title>
        <link rel="stylesheet" href="../css/styles.css" />
        <script>
            window.onload = function(){
                document.querySelector("h1").style.color = "green"
                document.querySelector("h1").onclick = function (event) {
                    event.target.style.color = "red";
                    event.target.innerText = "Пока";
                };
                console.log("Вывод в лог консоли")
                //alert("Привееееет")
            }
        </script>
    </head>
    <body>
        <h1 class="centered">Привет!!!!</h1>
        <p>Как дела?</p>
        <h2>Обо мне</h2>
        <img src="/images/home.jpg" class="foto"/>
        <img src="../images/home2.jpg" class="foto centered"/>

        <p>
            <a href="https://ya.ru" target="_blank">Остальное искать здесь</a>
        </p>

        <form action="/send-feedback/" class="feedback-form" method="POST">
            <p>Отправьте мне сообщение!</p>
            <p><input type="text" name="name" placeholder="Ваше имя" /></p>
            <p><textarea name="message" placeholder="Ваше сообщение"></textarea></p>
            <p><input type="submit" value="Отправить "/></p>
        </form>
    </body>
</html>