/FLO-clone

(2023년 여름방학 스터디) 음원 스트리밍 사이트 FLO의 첫 화면을 HTML과 CSS를 활용하여 클론코딩했습니다.

Primary LanguageHTML

FLO-clone

💻 프로젝트 소개

음원 스트리밍 사이트 FLO의 첫 화면을 HTML과 CSS를 활용하여 클론코딩했습니다.

⏰ 개발 기간

23.07.12 ~ 23.08.23

👥 멤버 구성

문서인 이광호 조하상 최영은
main1 main2 header footer

📌 주요 기능 및 역할

FLO의 첫 화면입니다.

원본 웹사이트의 디자인과 레이아웃을 재현하는 데에 초점을 맞췄습니다.

FLO 화면을 네 부분으로 분할해서 서로 한 파트씩 담당했습니다.

  • header - 상단 메뉴, 검색창, 음악 캐러셀

    header

  • main1 - ‘오늘 발매 음악’ 차트

    main1

  • main2 - ‘TOP 20’ 차트

    main2

  • footer - 하단 배너, 메뉴, 사이트 정보

    footer

🖱️ 개발 환경

  • 자바스크립트
  • IDE : visual studio code
  • Library : bootstrap
  • Icon : font awesome