bootstrap / responsive web / clone

zet
bootstrap project

line
  • period

    2020.11.15 ~ 2020.12.20

  • role    

    퍼블리싱 70%

  • type   

    부트스트랩 연습, 반응형 웹(mobile, tablet, PC) 구현

Ames_mockup

about project

부트스트랩 공부를 위해 클론 코딩한 웹사이트입니다.
4명으로 구성된 팀 프로젝트로 진행되었으며, 페이지를 나누어 작업했습니다.
반응형으로 작업되었으며, 부트스트랩을 이용하여 빠르고, 효율적인 작업이 가능했고,
다양한 해상도에서 그리드를 어떻게 구성하는지에 대해 많은 도움이 되었습니다.

부트스트랩 공부를 위해 클론 코딩한 웹사이트입니다.
4명으로 구성된 팀 프로젝트로 진행되었으며, 페이지를 나누어 작업했습니다.

반응형으로 작업되었으며, 부트스트랩을 이용하여 빠르고, 효율적인 작업이 가능했고, 다양한 해상도에서 그리드를 어떻게 구성하는지에 대해 많은 도움이 되었습니다.

degree of contribution

  • 공통요소

    전체 페이지 nav, footer CSS

  • INDEX 페이지(About ZET)

    HTML5
    - CSS 작업 중 발생하는 변경 사항을
    HTML 작성자와 소통하며 수정

    CSS3
    - 개인 작업 100%

    JS/jQuery
    - 이용 수칙 Swiper(tablet, pc)

  • PRICING 페이지

    HTML5
    - header html 수정

    CSS3
    - nav 스크롤 이벤트

    JS/jQuery
    - nav 스크롤 이벤트

  • SUPPORT 페이지

    JS/jQuery
    - accordian menu 수정

view result

부트스트랩을 이용한 ZET 반응형 웹(Index, Pricing, Support) 보러가기

arrow

next project

Ames worldwide renewal project