---

<html>
    <head>
        <title>Сайт везитка</title>
    </head>
    <body>
            <h1 style="color: black; text-align: center" >
                Сайт визитка
            </h1>
            <hr>
            <br>
        <div style="padding-left: 5%; font-family:sans-serif">
            <h2 style="color: black;" >
                Меня зовут:
            </h2>
            <h3 style="color: rgb(85, 85, 85);" >
                Иванов Иван Иванович
            </h3>

            <hr>

            <h2 style="color: black;" >
                Об о мне:
            </h2>
            <h3 style="color: rgb(85, 85, 85);" >
                Родился в , приехал учится в .
            </h3>

            <hr>

            <h2 style="color: black;" >
                Место учебы:
            </h2>
            <h3 style="color: rgb(85, 85, 85);" >
                <li> МБОУ Средняя школа  </li>
                <li>  колледж</li>
                <li> университет</li>
            </h3>

            <hr>

            <h2 style="color: black; text-align:left" >
                Мои работы:
            </h2>

        <table border="1" style="width: 60%;">
            <tr>
                <td style="text-align: left;">
                    <ul style="padding-top: 2%;">
                        <li>Сайт для проектно-архитектурного бюро ""</li>
                    </ul>

                    <br>

                    <ul style="padding-bottom: 2%;">
                        <li>Система учета волонтерства для учебных заведений на базе 1С Предприятие 8.3</li>
                    </ul>
                </td>
                
                <td style="width: 40%;">
                    <div style="display: flex; flex-direction: column; align-items: center; padding-bottom: 2%; padding-top: 2%;">
                        <img src="https://logos-world.net/wp-content/uploads/2023/01/Unity-Symbol.png" alt="" style="width: 40%; height: 40%; padding-bottom: 2%;">
                        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTwYl0bJm1IiDjytfiCgB6KkcU8fnndytWxzbYaF8WXpKZnCbNoO_epjaUV&s=10" alt="" style="width: 40%; height: 40%;">
                    </div>
                </td>
            </tr>
        </table>


            <br>
            <br>
            <hr>

            <h2 style="color: black; text-align:center" >
                Контакты:
            </h2>

            <form action="" method="POST" style="flex-direction: column; display: flex; align-items: center;">
                <label>Ваше имя:</label>
                <input type="text" name="name" required>
                
                <label>Ваш Email:</label>
                <input type="email" name="_replyto" required>
                
                <label>Сообщение:</label>
                <textarea name="message" required></textarea>
                
                <button type="submit">Отправить</button>
            </form>
        </div>
    </body>
</html>