CSS 스타일링

스타일 시트 정의 : reset.css, common.css 링크 걸기
폰트 정의 : 구글 폰트 검색 및 폰트링크 및 스타일 시트 가져오기
회사 로그 svg 가져와서 정의하기
헤드 정의 : flex로 정렬하기 및 hover 주기
메뉴 선택시 자바스크립터 확인
회사소개 / 제품안내 / 홍보센터 / 사회공헌 / 고객센터
회사소개 : 동서식품, 식품안전, 산업안전보건방침
제품안내 : 브랜드, 제품소개
홍보센터 : 뉴스, 이벤트, 동서식품 홍보영상, 동영상 레시피, TV CF, 커피 클래스
사회공헌 : 삶의 향기 동서문학상, 동서커피클래식, 동서식품 장학회
고객센터 : FAQ, 고객문의, 소비자중심경영, 고객불만 접수안내

- 첫번째 세션
메인 비디오 가져오기 태그 활용
동영상 소스 가져오기 : F12 네트워크 정보확인 후 링크 주소 가져오기

동서발전 3개의 동영상 소스 - 끝나는데로 전체 플레이
https://www.dongsuh.co.kr/lib/videos/hero_main_maxim.mp4
맥심(Maxim)
이미지 : https://www.dongsuh.co.kr/images/main/logo_hero_maxim.png
지금 행복 하자,
지금 행복 한잔

https://www.dongsuh.co.kr/lib/videos/hero_main_kanu_barista.mp4
카누(Kanu)
아이스 아메리카노가
맛있는 캡슐

https://www.dongsuh.co.kr/lib/videos/hero_main_post.mp4
포스트(Post)
이미지 : https://www.dongsuh.co.kr/images/main/img_carousel_poster.jpg
새로운 세 겹
바삭한 레시피

- 두번째 섹션
Products
삶에 향기를 더하는 새로운
동서식품의 제품들

맥심
이미지 : https://www.dongsuh.co.kr/common/imageShow/FI_20150711153648003102
맥심 모카골드
마일드 커피믹스

카누
이미지 : https://www.dongsuh.co.kr/common/imageShow/FI_20150711155849005002
카누 마일드로스트
아메리카노

카누 바리스타
이미지 : https://www.dongsuh.co.kr/common/imageShow/FI_20230214183315033402
카누 바라스타
브리즈 크림 화이트

맥심 T.O.P
이미지 : https://www.dongsuh.co.kr/common/imageShow/FI_202506161709370225
맥심 티오피
마스터 라떼

포스트
이미지 : https://www.dongsuh.co.kr/common/imageShow/FI_20150712171544010202
콘푸라이트

오레오
이미지 : https://www.dongsuh.co.kr/common/imageShow/FI_20150712171544013902
오레오 화이트크림

동서 현미녹차
이미지 : https://www.dongsuh.co.kr/images/common/brand/img_brand_thumb_green.png
동서 현미녹차

티오
이미지 : https://www.dongsuh.co.kr/common/imageShow/FI_20150720110816018002
아이스 티오
복숭아

- 세번째 섹션
Brands
생활속에 향기와 건강을 더하는
동서식품 브랜드들

제품 클릭시 정지 아니면 아이콘들이 이동

네번째 섹션
사회공헌
따뜻한 함께하는 사회를 위한
동서식품의 사회공헌 활동

다섯번째 섹션
뉴스
게시판 형태로 링크

여섯번째 섹션
TV CF
게시판 형태로 링크

풋터 섹션