[Hello WM] Section About

Responsive web page : Hello WM

2021.07.19 ~

 

HTML, Sass, JavaScript

 

 

---

section about을 마크업하고 스타일링까지 했다. 

 

처음에 구상할 단계에서 'About' 부분을 넣을 생각을 하지 않아서 어떻게 구현할까 고민하다가 헤더에서 썼던 이미지를 잘 보이도록 배치하고 그에 걸맞는 문장들을 배치했다. 섹션 타이틀 'About' 밑에 파란색으로 포인트를 줬고, 이것은 각 섹션마다 통일감있게 적용할 예정. 일단은 헤더에 있는 'about more' 버튼을 눌렀을 때 해당 섹션으로 이동하도록 했다. 조금 더 스무스하게 이동하는 건 HTML, CSS 작업을 하고 난 다음에 JavaScript에서 마무리 해야지.

 

 

 

오늘 한 것 :

Section About 마크업 및 스타일링

 

 

사진출처 : 이 프로젝트에 사용하는 B1A4, OHMYGIRL, ONF의 사진 모두 각각 그룹의 공식 트위터,

그리고 WM 엔터테인먼트 공식 트위터에서 가져왔습니다.