CRIANDO LANDING PAGE DE AGÊNCIA DE VIAGENS COM HTML E CSS

Published: 27 July 2022
on channel: Leo Vargas
1,309
59

Este vídeo é um tutorial que ensina como criar uma lading page usando HTML e CSS, esse projeto é uma agência de viagens fictícia.

Para facilitar a codificação do projeto foi usado um protótipo no Adobe XD como base, o autor do layout é o design Nevra Aslan(https://dribbble.com/NevraBanuAslan), link do post no Dribbble(https://dribbble.com/shots/15119302-T...)

Acessar projeto: https://safe-travel.leonardovargas.dev/

🔗 𝗟𝗜𝗡𝗞𝗦
▸ Repositório do github: https://github.com/leovargasdev/safe-...
▸ Vídeo completo na Twitch:   / 1541633392  
▸ Link do protótipo: https://xd.adobe.com/view/37d06185-d0...
▸ Projetos do canal: https://www.notion.so/leovargas/6452e...

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

🏘 𝗖𝗢𝗠𝗨𝗡𝗜𝗗𝗔𝗗𝗘 𝗡𝗢 𝗗𝗜𝗦𝗖𝗢𝗥𝗗

  / discord  

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

📱𝗥𝗘𝗗𝗘𝗦 𝗦𝗢𝗖𝗜𝗔𝗜𝗦
Twitch:   / leovargasdev  
Instagram:   / leuvargas  
Twitter:   / leovargasdev  
Github: https://www.github.com/leovargasdev
Linkedin:   / leonardo-luis-de-vargas  

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

📑 𝗦𝗨𝗠𝗔𝗥𝗜𝗢 𝗗𝗢 𝗩𝗜́𝗗𝗘𝗢
00:00 - Introdução
02:20 - Configuração do global.css (paleta de cores, fonte)
03:54 - Estruturando o html
10:08 - Estilizando o app.css
19:58 - Estilizando o header.css
33:40 - Estilizando o main.css
46:50 - Responsividade do app.css
49:32 - Responsividade do header.css, criando o menu mobile
1:12:10 - Responsividade do main.css
1:18:12 - Encerramento do vídeo

#html #css #frontend #front #webdevelopment #github #landingpage #landingpages #dribble


Watch video CRIANDO LANDING PAGE DE AGÊNCIA DE VIAGENS COM HTML E CSS online without registration, duration hours minute second in high quality. This video was added by user Leo Vargas 27 July 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,309 once and liked it 59 people.