unihit / 20.-html-css-wegle--unihit Goto Github PK

지금까지 배운 html, css를 이용해 아래와 같이 구현해 보세요.

1-1. 색 추출 방법

아래 사진에서 사용된 색의 hex 값을 알고 싶다면, 개발자도구의 color picker나 chrome 확장프로그램 'color zilla'를 이용해보세요.

1-2. 아이콘 이용 팁

다양한 아이콘 도구들이 있지만, font Awesome을 이용해봅시다. 사용방법은 공식문서 또는 구글링을 통해 찾아서 이용해보세요:) (물론 다른 도구를 사용해도 좋습니다!)

(1) 로고는 아래의 이미지 주소를 사용하세요! (https://user-images.githubusercontent.com/61774575/95163201-34411c00-075c-11eb-9987-d6301acb4dab.png)

(2) CSS position 속성을 이용해서 아이콘들을 위치시켜보세요! (힌트 : input과 아이콘들을 감싸주는 부모태그 용 div를 하나 만들면 아이콘을 위치시키기에 편리하겠네요!)

(3) 두 회색박스에 같은 클래스이름을 사용해서 css를 한번에 이용해보세요.

(4) Enligh 는 a 태그를 이용해 구현해보세요.