꽃 커머스 랜딩 페이지

1. 💁 프로젝트 소개
2. 👋🏻 팀원 소개
3. 🔗 배포 링크
4. 📄 협업 문서
5. 👩‍💻 구현 기능
6. 💿 설치 및 실행 방법
7. 🎨 지원 가능한 브라우저
8. 🛠️ 기술 스택

1. 💁 프로젝트 소개

• 주제 : 꽃 커머스 랜딩 페이지
• 기간 : 22.02.21 ~ 22.02.23

2. 👋🏻 팀원 소개

김영종	정다빈	최수임	이송현
팀장	팀원	팀원	팀원

3. 🔗 배포 링크

프로젝트 링크 바로가기

4. 📄 협업 문서

프로젝트 노션 바로가기

5. 👩‍💻 기능 목록 명세

✔ 담당자 : 김영종

• iframe를 활용하여 Youtube 연결
• 현재 페이지에서 타 사이트로의 팝업이 노출되도록 할 것
• 전체 레이아웃
• Robots

✔ 담당자 : 정다빈

• GNB
  • 스크롤 이동시 상단 고정 및 따라다님
  • 메뉴 hover시 하단에 밑줄
  • GNB 하단 영역에 그림자 효과
  • 메뉴 아이템 두 가지 : 동영상, 플라워클래스
  • 클릭 시 해당 영역으로 이동 (애니메이션 효과 적용)

✔ 담당자 : 최수임

• 이벤트 이미지
  • 화살표 버튼 클릭 시 이미지가 1, 2, 3번 돌아가면서 교체
  • 이미지의 설명과 링크 href달라지고 1번이 3번으로 갈 때 타이틀, 가격, 태그가 만들어짐.
  • 모바일의 경우 수직 정렬.

✔ 담당자 : 이송현

• 전체 Mark Up
• 배너(송현)
  • 두 개의 레이아웃을 구성
• 푸터(송현)
  • CSS로만 레이아웃 구성
  • SNS아이콘 클릭 시 링크 이동 (새 창)

6. 💿 설치 및 실행 방법

Project Clone

$ git clone https://github.com/wantedPreOnboarding/19_07th_flowers.git

7. 🎨 지원 가능한 브라우저

internet Explorer 8 + / chromium / webkit

8. 🛠️ 기술 스택