728x90
📍 10일 차 11.6. 토.(자기소개 홈페이지 만들기)
오늘은 강의 대신 HTML
, CSS
, JS
를 이용해서 자기소개 페이지를 만드는 과제가 있었다. 주제는 어렵지 않은데 이것저것 추가하다 보니까 다른 기능을 추가하고 싶다는 생각이 많이 들어서 섣불리 끝나진 않았다. GitLab
에 파일을 배포하는 형식으로 진행했다. 디자인에 잼병인 내가 어떻게 홈페이지를 꾸며볼까 하다가 dribble이라는 사이트에서 괜찮은 템플릿을 하나 골라 비슷하게 만들었다.
728x90
header
에는 navbar
대신 img
를 blur
처리해서 넣었고, 가운데에 선명한 사진을 또 넣었다. body
에는 과제에 포함해야하는 질문들을 포함해서 넣었고 글만 넣기에는 뭔가 심심해서 toggle
버튼을 넣었다. 그리고 나의 스택을 쉽게 알려주는 사이트인 shields.io에서 img
를 따왔다. 마지막으로 footer
에는 내가 지금까지 만든 포트폴리오의 링크를 첨부했다. 결과물은 이 사이트에서 볼 수 있다.
반응형
'Frontend > 엘리스 SW 엔지니어 트랙' 카테고리의 다른 글
[ 엘리스 SW 엔지니어 트랙 ] 12일차 (0) | 2021.11.10 |
---|---|
[ 엘리스 SW 엔지니어 트랙 ] 11일차(3주차: 자바스크립트 II - DOM, event, this, closure) (0) | 2021.11.09 |
[ 엘리스 SW 엔지니어 트랙 ] 9일차 (0) | 2021.11.05 |
[ 엘리스 SW 엔지니어 트랙 ] 8일차 (0) | 2021.11.04 |
[ 엘리스 SW 엔지니어 트랙 ] 7일차 (0) | 2021.11.03 |
댓글