6212 ЩукинЯВ Лаб. 4

[YaroslavBonzo]

No description provided.

[mxwrlld]

В целом, хорошо!

По заданию также необходимо добавить в резюме блок "Мои проекты"

необходимо объединить все 4 лабораторных работы. А именно в резюме, которое было создано в 3 лабораторной работе необходимо создать раздел “Мои проекты” и поместить туда ссылки на страницы предыдущих лабораторных работ (калькулятор из данной работы является отдельной HTML-страницей и ссылка на него также должна быть).

И в третьей вам все ещё необходимо исправить ссылки на CSS - файл и аватарку (pr3)

[mxwrlld]

Напоминаю о необходимости внесения изменений!

[YaroslavBonzo]

добавить в style.css

.projects {
display: flex;
flex-direction: column;
gap: 20px;
}

.project__link {
text-decoration: none;
color: inherit;
display: block;
}

.project__card {
background: rgba(224, 231, 255, 0.5);
border: 2px solid rgba(79, 70, 229, 0.2);
border-radius: 16px;
padding: 25px;
display: flex;
align-items: flex-start;
gap: 20px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}

.project__card::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 4px;
background: linear-gradient(180deg, #4f46e5, #7c3aed);
transform: scaleY(0);
transition: transform 0.3s ease;
}

.project__card:hover {
background: rgba(224, 231, 255, 0.8);
border-color: #4f46e5;
transform: translateX(10px);
box-shadow: 0 10px 30px rgba(79, 70, 229, 0.15);
}

.project__card:hover::before {
transform: scaleY(1);
}

.project__icon {
font-size: 2.5em;
background: linear-gradient(135deg, #4f46e5, #7c3aed);
color: white;
width: 60px;
height: 60px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-shadow: 0 4px 15px rgba(79, 70, 229, 0.3);
}

.project__content {
flex: 1;
}

.project__title {
color: #4f46e5;
font-size: 1.3em;
margin-bottom: 8px;
font-weight: 600;
font-family: 'Playfair Display', serif;
}

.project__description {
color: #3730a3;
line-height: 1.6;
margin-bottom: 12px;
font-size: 0.95em;
}

.project__tech {
display: inline-block;
background: rgba(79, 70, 229, 0.1);
color: #4f46e5;
padding: 6px 12px;
border-radius: 20px;
font-size: 0.85em;
font-weight: 500;
}

/* Адаптивность для проектов */
@media (max-width: 768px) {
.project__card {
flex-direction: column;
padding: 20px;
gap: 15px;
}

.project__icon {
width: 50px;
height: 50px;
font-size: 2em;
}

.project__title {
    font-size: 1.2em;
}

.project__description {
    font-size: 0.9em;
}

}

@media (max-width: 480px) {
.project__card {
padding: 18px 16px;
}

.project__card:hover {
    transform: translateX(5px);
}

}

[YaroslavBonzo]

добавить в index.html

Мои проекты

🔐

Лабораторная работа 1

Основы web-base

https://github.com/itsecd/web-base/pull/33

    <a href="https://github.com/itsecd/web-base/pull/391" class="project__link" target="_blank">
        <div class="project__card">
            <div class="project__icon">📱</div>
            <div class="project__content">
                <h3 class="project__title">Лабораторная работа 4</h3>
                <p class="project__description">Калькулятор</p>
                <span class="project__tech">https://github.com/itsecd/web-base/pull/391</span>
            </div>
        </div>
    </a>
</div>

[mxwrlld]

Оформите коммитом

[mxwrlld]

Оформите коммитом
Ветка должна содержать все предыдущие работы для корректной работы навигации