kira-sa.github.io/index.html at master · Kira-sa/kira-sa.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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Соколова Дарья</title>

    <meta name="description"
          content="Личный сайт СД">

    <link rel="stylesheet" href="style.css">
</head>
<body>

<div class="container">

    <header class="hero">
        <div class="avatar">
            ДС
        </div>

        <div class="hero-content">
            <h1>Соколова Дарья</h1>

            <p class="tagline">
                Могу писать код, могу не писать.
            </p>

            <p class="intro">
                Люблю создавать полезные вещи — иногда это программы,
                иногда предметы, напечатанные на 3D-принтере,
                а иногда изделия из кожи.
                Постоянно чему-то учусь и стараюсь не терять
                любопытство к миру.
            </p>

            <div class="links">
                <a href="https://github.com/Kira-sa"
                   target="_blank">
                    GitHub
                </a>

                <a href="https://t.me/kirasas"
                   target="_blank">
                    Telegram
                </a>

                <a href="mailto:dashasokol@gmail.com">
                    Email
                </a>
            </div>
        </div>
    </header>

    <main>

        <section class="card">
            <h2>Обо мне</h2>

            <p>
                Мне нравится разбираться в устройстве сложных систем,
                искать элегантные решения разных проблем
                и превращать идеи во что-то осязаемое.
            </p>

            <p>
                В разные периоды жизни этим «чем-то» становились программы,
                инструменты автоматизации, небольшие домашние проекты
                и вещи, сделанные своими руками.
            </p>

            <p>
                Считаю, что хорошие проекты рождаются на стыке технического подхода,
                любопытства и желания сделать что-то действительно полезное.
            </p>
        </section>

        <section>
            <h2>Интересы</h2>

            <div class="interests">

                <div class="interest-card">
                    <h3>Музыка</h3>
                    <p>
                        Хороший плейлист способен
                        задать настроение всему дню.
                    </p>
                </div>

                <div class="interest-card">
                    <h3>Книги</h3>
                    <p>
                        От художественной литературы
                        до технических материалов.
                    </p>
                </div>

                <div class="interest-card">
                    <h3>3D-печать</h3>
                    <p>
                        Превращать цифровые модели
                        в реальные объекты - офигенно!
                    </p>
                </div>

                <div class="interest-card">
                    <h3>Кожа</h3>
                    <p>
                        Шью различные вещи из кожи.
                    </p>
                </div>

            </div>
        </section>

        <section class="card">
            <h2>Сейчас интересно</h2>

            <ul class="now-list">
                <li>Персональные проекты</li>
                <li>Новые инструменты и технологии</li>
                <li>Поиск способов организации разного</li>
                <li>Мышкой клик-клик</li>
            </ul>
        </section>

    </main>

    <footer>
        <p>
            © 2026 Соколова Дарья
        </p>
    </footer>

</div>

</body>
</html>