AlexAiroko.github.io/index.html at main · AlexAiroko/AlexAiroko.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Сайт-визитка Дюрягина Алексея</title>
    <link rel="stylesheet" href="./styles/main.css">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-j1CDi7MgGQ12Z7Qab0qlWQ/Qqz24Gc6BM0thvEMVjHnfYGF0rmFCozFSxQBxwHKO"
        crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
</head>

<body class="d-flex flex-column min-vh-100">
    <header></header>

    <main class="main">
        <div class="container">
            <div class="content-about-me">
                <img src="./img/my_photo.jpg" class="my-img" alt="Мое фото">

                <div class="text-secondary-emphasis about-me">
                    <p>
                        Привет 👋 Я Алексей, будущий back-end разработчик на Python и возможно Java
                    </p>
                    <p>
                        Планирую разрабатывать на Django и Spring, писать высоконагруженные веб-приложения. Подробнее о моих навыках в резюме.
                    </p>
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates facere, officiis eius dolores
                        aliquam molestiae voluptatum error tempore perferendis ab consequuntur quos praesentium
                        veritatis et nisi esse, odit voluptatibus corrupti.
                    </p>
                    <p>
                        Lorem ipsum dolor sit amet consectetur, adipisicing elit.
                        Modi voluptate voluptatum quas explicabo rerum rem similique
                        consequuntur enim ad eaque? Molestias deleniti officiis tempore sunt voluptatum sit
                        excepturi quibusdam eum a. Voluptatem!
                    </p>
                </div>
            </div>
        </div>
    </main>

    <footer class="mt-auto bg-dark text-white">
        <div class="container">
            <div class="d-flex flex-wrap justify-content-between align-items-center">
                <div class="text-secondary">© 2022 Company, Inc</div>
                <ul class="nav py-4">
                    <li class="ms-4"><a class="text-white social-link" href="#"><i class="bi bi-telegram"></i></a></li>
                    <li class="ms-4"><a class="text-white social-link" href="#"><i class="bi bi-github"></i></a></li>
                    <li class="ms-4"><a class="text-white social-link" href="#"><i class="bi bi-linkedin"></i></a></li>
                </ul>
            </div>
        </div>
    </footer>

</body>
<script src="./scripts/main.js"></script>

</html>