FLO-clone

💻 프로젝트 소개

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

⏰ 개발 기간

23.07.12 ~ 23.08.23

👥 멤버 구성

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

📌 주요 기능 및 역할

FLO의 첫 화면입니다.

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

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

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

  

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

  

• main2 - ‘TOP 20’ 차트

  

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

  

🖱️ 개발 환경

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