HTML, CSS, Bootstrap을 사용해서 본인의 스터디 조를 소개하는 웹 페이지를 만드세요.
-
Bootstrap의 작동을 위해
jquery.js와popper.js를 불러오는 목적을 제외하고는, Javascript를 사용하지 않기를 권장합니다. -
제출한 저장소에는
index.html가 있어야 합니다.index.html의 상단에는 각 조원의 소개 페이지를 링크한 네비게이션 바(<nav>)가 있어야 합니다.- 네비게이션 바의 첫 번째 list element는 Home 으로,
index.html과 연결되어 있어야 합니다. - 조원의 자기소개를 열람할 수 있는 상세페이지로 이동하는 하이퍼링크가 있어야 합니다.
- 화면 비율이 좁을 때는 버튼(toggler)을 통해 메뉴를 열고 닫을 수 있는 기능을 구현해 주세요.
- Bootstrap의
.navbar-toggler를 활용하기를 의도한 것이나 #참고, 보다 편한 다른 방법(Javascript으로 직접 구현하는 등)이 있다면 그걸로 하셔도 좋습니다.
- Bootstrap의
- 네비게이션 바의 첫 번째 list element는 Home 으로,
-
모든 조원은 자신을 소개하는 한개의 웹 페이지(
*.html)를 만들어야 합니다.- 멘토는 해도 되고 안 해도 됩니다.
index.html에 있던 상단 내비게이션 바가 포함되어 있어야 합니다.- 본문(상단 내비게이션 바 아래)에는 자기소개를 적어주세요.
-
내용은 자유입니다.
- 본인과 관련된 내용이면 무엇을 소개하든 상관 없습니다.
- 사실 본인과 관계 없는 내용도 상관 없습니다.
- Public Repository로 작업할 경우 개인정보 노출에 주의해주세요.
-
이미지(
<img>)를 한 개 이상 포함해주세요.- 본인 사진일 필요는 없습니다.
- 외부 이미지를 가져다 쓴 경우 라이선스를 지켜주세요.
-
외부 링크(
<a>)를 한 개 이상 사용해주세요. -
<ul>과<li>를 이용한 Unordered list를 한 개 이상 만들어주세요.
-
조원 모두가 하나의 GitHub 저장소를 공유해서 작업합니다. 이때 GitHub commit history에 조원 모두의 기여가 드러나도록 해 주세요. 각 조원의 GitHub ID로 작성된 commit이 최소 1개씩은 있어야 합니다.
작업이 끝나면 이 repository에 issue를 추가해주세요. issue를 추가하실 때 team project 1 라벨을 달아주세요. 제출이 확인된 issue는 닫겠습니다.
이 과제의 공식적인 기한은 2018년 10월 18일 까지입니다. 부득이하게 기한을 넘겼다고 할 지라도 완성되는 대로 제출해주세요.
- public repository로 작업했을 경우, 저장소 링크를 걸어주세요.
- private repository로 작업했을 경우, Wafle-Skile을 Collaborators에 추가하고 repository 이름을 알려주세요.