Portfolio 실습 1 : Landing Page
Last updated
Last updated
맨땅에서 랜딩페이지를 한번 만들어 봅시다.
이러한 형식의 페이지를 하나 만들고
아래의 요구사항들을 하나씩 해결해 봅시다.
이미지는 파일로 제공됩니다.
랜딩페이지는 처음 웹사이트 접속 시에 방문자가 보게되는 페이지입니다.
모바일 사진은 화면 축소시 사진처럼 글자 밑에 위치해야 합니다.
휴대폰 사진 뒤의 파란 배경은 색상 gradient 가 적용되었습니다.
(그라데이션은 안배웠는데 어떻게 할지는 구글신에 물어봅시다.)
나머지 다른 영역의 모바일 레이아웃은 알아서 자의적으로 만들어 옵시다.
아이콘은 font Awesome 활용하면 좋을듯?
버튼에 마우스 올리면 색상이 바뀐다던지 하는 간단한 디자인을 적용해 봅시다.
아래 Stationary 부분에는 애니메이션을 적용해 봅시다.
시간이 걸리더라도 혼자 해보는게 좋습니다.