git-learning/index.html at main · arshinov-dev/git-learning · 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
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Git Learning Project - Портфолио курса Stepik">
    <title>arshinov | Git Learning</title>
    <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="icon" href="assets/images/avatar.png" type="image/png">
</head>
<body>
    <div class="grid-bg"></div>
    <div class="scanlines"></div>

    <div class="container">
        <header class="header">
            <div class="avatar-wrapper">
                <img src="assets/images/avatar.png" alt="arushinofu" class="avatar">
            </div>

            <h1 class="system-title glitch" data-text="SYSTEM UPDATING...">SYSTEM UPDATING...</h1>

            <nav class="nav">
                <a href="index.html" class="nav-link active">ГЛАВНАЯ</a>
                <a href="detail.html" class="nav-link">О КУРСЕ</a>
                <a href="https://github.com/arushinofu/git-learning" class="nav-link" target="_blank">GITHUB</a>
            </nav>

            <div class="status-box">
                <span id="typing-text" class="status-text"></span>
                <span class="cursor-box"></span>
            </div>
        </header>

        <main class="main">
            <section class="intro">
                <div class="content-box">
                    <p>> Инициализация проекта... <span class="highlight">[OK]</span></p>
                    <p>> Загрузка модулей курса... <span class="highlight">[OK]</span></p>
                    <p>> Статус: <span class="highlight">ВЫПОЛНЕНО</span></p>
                    <br>
                    <p>Добро пожаловать в моё портфолио по итогам прохождения курса на платформе Stepik.</p>
                    <p>Название курса:</p>
                    <p class="highlight">«Основы Git и GitHub»</p>
                    <br>
                    <p>> Ссылка на курс: <a href="https://stepik.org/course/252829" target="_blank" class="highlight">stepik.org/course/252829</a></p>
                </div>
            </section>

            <section class="certificates">
                <h2 class="section-title">📜 СЕРТИФИКАТЫ</h2>
                <div class="cert-grid">
                    <div class="cert-card">
                        <div class="cert-image-wrapper">
                            <img src="assets/images/certificate_ru.png" alt="Сертификат RU" class="cert-image">
                        </div>
                        <div class="cert-info">
                            <h3>РУССКАЯ ВЕРСИЯ</h3>
                            <a href="https://stepik.org/cert/3161888" class="pixel-btn" target="_blank">
                                [ ПРОСМОТРЕТЬ ]
                            </a>
                        </div>
                    </div>
                    <div class="cert-card">
                        <div class="cert-image-wrapper">
                            <img src="assets/images/certificate_eng.png" alt="Сертификат EN" class="cert-image">
                        </div>
                        <div class="cert-info">
                            <h3>ENGLISH VERSION</h3>
                            <a href="https://stepik.org/cert/3161888?lang=en" class="pixel-btn" target="_blank">
                                [ VIEW CERTIFICATE ]
                            </a>
                        </div>
                    </div>
                </div>
            </section>

            <section class="skills">
                <h2 class="section-title">💡 МОДУЛИ СИСТЕМЫ</h2>
                <div class="skills-grid">
                    <div class="skill-card">
                        <h3>📚 VCS CORE</h3>
                        <p>Локальные, централизованные и распределённые системы контроля версий</p>
                    </div>
                    <div class="skill-card">
                        <h3>🔧 GIT COMMANDS</h3>
                        <p>init, add, commit, push, pull, merge, branch, checkout</p>
                    </div>
                        <div class="skill-card">
                        <h3>🐙 GITHUB</h3>
                        <p>Удалённые репозитории, SSH, Fork, Pull Request</p>
                    </div>
                </div>
            </section>

            <section class="contact">
                <h2 class="section-title">📬 СВЯЗЬ</h2>
                <div class="social-links">
                    <a href="mailto:makushimu.arushinofu@gmai.com" class="pixel-btn">EMAIL</a>
                    <a href="https://t.me/arushinofu" class="pixel-btn" target="_blank">TELEGRAM</a>
                    <a href="https://github.com/arushinofu" class="pixel-btn" target="_blank">GITHUB</a>
                </div>
            </section>
        </main>

        <footer class="footer">
            <p>© 2026 GIT LEARNING PROJECT</p>
            <p>КУРС: <a href="https://stepik.org/course/252829" target="_blank">STEPIK.ORG/COURSE/252829</a></p>
            <p>ПРЕПОДАВАТЕЛЬ: <a href="https://stepik.org/users/612208117/teach" target="_blank">Pragmatic Programmer</a></p>
        </footer>
    </div>

    <script src="assets/js/main.js"></script>
</body>
</html>