Безплатно! Онлайн събитие: От претоварване с информация до фокус и структура с Gemini & NotebookLM Регистрация тук.

Задача: Времева линия

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.

HTML5 и CSS3 В курса ще се научите как да създавате съвременни уеб страници с помощта на HTML и CSS. Това обучение е подходящо за напълно начинаещи и ще ви помогне да усвоите основите на уеб разработката, като научите как да създавате структура и стил на уеб страници.

Най-важното за времевата линия (Timeline)

Целта е да създадете ясна и подредена времева линия към вашето CV, която показва опит и образование в хронологичен ред. Най-новите събития стоят най-отгоре, а всяка позиция има период „от–до“ и кратко описание. Визуалното разделяне чрез иконки (pins) и заглавия помага информацията да бъде лесна за възприемане и професионално представена.

Стъпка по стъпка: как да изградите задачата

Създайте секция Experience, която съдържа:
- период (от–до) вляво;
- име на компанията;
- позиция (отличена визуално, например в синьо);
- кратко описание на отговорностите.
Подредете работните места в обратен хронологичен ред (най-новото първо).
Добавете нова секция Education, отделена със заглавие и иконка.
За всяко образование включете:
- години (от–до);
- име на учебното заведение;
- специалност (major).
Използвайте различни иконки (pins) за отделните секции, така че визуално да подсказват съдържанието.

Ключови CSS техники в задачата

background-image – добавяне на иконки към заглавията
background-position – позициониране на иконката спрямо текста
background-repeat – контрол дали изображението да се повтаря
float или display: inline-block – подреждане на дати и съдържание в колони
color – акцентиране на позицията чрез различен цвят

Задача

Изградете собствена времева линия с поне: - 2 работни позиции
- 2 образователни институции

Спазете хронологичния ред и използвайте различни иконки за всяка секция.