Cum se face un SITE DE PREZENTARE modern cu HTML si CSS (pentru INCEPATORI)

Описание: Cum se face un SITE DE PREZENTARE modern cu HTML si CSS. In acest tutorial, o sa vorbim despre concepte de baza de HTML si CSS si o sa iti arat pas cu pas cum sa le pui in practica pentru a face un site de prezentare de la 0.

Pe langa asta, o sa facem si lucruri mai avansate cum sunt implementarea unui meniu de navigare responsive si o sa iti arat cum se folosesc Flexbox si Grid in proiecte reale.

Pentru acest site de prezentare, o sa folosim un font custom din Google Fonts si o sa includem libraria Font Awesome pentru a adauga iconite in pagina web.

Limbajele HTML si CSS

HTML (HyperText Markup Language) este un limbaj de markup (marcare) utilizat pentru crearea paginilor web ce pot fi afisate intr-un browser.

CSS (Cascading Style Sheets) este un limbaj folosit pentru a stiliza elementele dintr-o pagina web.

Pe scurt, limbajul HTML descrie structura unei pagini web, iar limbajul CSS o stilizeaza.

📺 Videoclipuri recomandate
===================================
👉 Tutorial CSS Flexbox in ROMANA pentru INCEPATORI:    • Tutorial CSS Flexbox in ROMANA pentru INCE...  
👉 Tutorial CSS Grid in ROMANA pentru INCEPATORI:    • Tutorial CSS Grid in ROMANA pentru INCEPAT...  
👉 Curs HTML si CSS in limba ROMANA pentru INCEPATORI:    • Curs HTML si CSS in limba ROMANA pentru IN...  
👉 Tutorial Visual Studio Code pentru incepatori: Tutorial Visual Studio Code pentru incepatori
===================================

🕗 Cuprins
===================================
00:00 - Prezentare proiect
03:34 - Pregatirea mediului de lucru
06:08 - Adaugarea unui font din Google Fonts
08:03 - Adaugarea librariei Font Awesome
10:00 - Sectiunile header, main si footer
11:25 - Sectiunea header
29:54 - Sectiunea hero
39:00 - Sectiunea services
49:40 - Sectiunea projects
01:01:26 - Sectiunea team
01:09:50 - Sectiunea contact
01:16:26 - Sectiunea footer
01:20:02 - Navigare intre sectiunile din pagina web
01:22:19 - Fixare header in partea de sus
01:23:17 - Inchidere meniu de navigare la click pe link
01:25:29 - Creare Media Query pentru responsive design
===================================

🔔 Daca iti place canalul de YouTube te poti abona aici:    / @devschoolro  

🔥 Vrei sa ajuti acest canal?
===================================
👉 https://www.buymeacoffee.com/devschoolro
👉 https://www.revolut.me/mariusoprea95
===================================

💬 Unde ma gasesti
===================================
👉 https://devschool.ro/
👉 Email: [email protected]
===================================