https://github.com/ssi02014/megabox

📃 메가박스(2019ver) 기업형 사이트
https://github.com/ssi02014/megabox

Last synced: 8 months ago
JSON representation

📃 메가박스(2019ver) 기업형 사이트

• Host: GitHub
• URL: https://github.com/ssi02014/megabox
• Owner: ssi02014
• Created: 2020-09-24T18:29:30.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2020-12-04T11:20:01.000Z (almost 5 years ago)
• Last Synced: 2024-12-30T06:45:16.771Z (10 months ago)
• Language: HTML
• Homepage:
• Size: 8.22 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# MEGABOX(2019ver) - Main_Page

Github Page: https://ssi02014.github.io/MEGABOX/

Jquery 라이브러리: Swiper.js

사용 스텍: HTML, CSS , JavaScript, Jquery


/* 2020-09-25 */

 


  
시작, 기본 셋팅

 




/* 2020-09-28 */

 


  
헤더 영역 (Logo, nav) 구현

 


 헤더 영역

![1](https://user-images.githubusercontent.com/64779472/98812256-81a05f80-2465-11eb-968b-24d3c89168f4.PNG)




/* 2020-09-29 */

 


  
banner_menu 구현

 


 banner_menu 영역

 ![2](https://user-images.githubusercontent.com/64779472/98577204-f2793780-22fe-11eb-8417-a3d93e6454f0.PNG)




/* 2020-10-05 */

 


  
swiper.js 라이브러리를 이용한 슬라이드 구현

  
배너 영역 반응형 구현

 


 배너 영역

 ![4](https://user-images.githubusercontent.com/64779472/98577212-f7d68200-22fe-11eb-8e97-56dc28058850.PNG)




/* 2020-10-14 */

 


  
Movie 차트 구현

  
icon 이미지 최적화 작업

 


 Movie 차트 영역

 ![3](https://user-images.githubusercontent.com/64779472/98577207-f442fb00-22fe-11eb-8df7-6f8a1f619759.PNG)




/* 2020-10-29 */

 


  
Movie 차트 탭 메뉴 구현

 




/* 2020-10-30 */

 


  
swiper.js를 이용한 Movie 차트 이미지 슬라이드 구현

 




/* 2020-11-09 */

 


  
Movie 차트 이미지 슬라이드 반응형 구현

 


 Movie 차트 영역 이미지 슬라이드 반응형

 ![5](https://user-images.githubusercontent.com/64779472/98577215-f907af00-22fe-11eb-8fb7-0ef590ccb127.PNG)




/* 2020-11-10 */

 


  
Event 영역 구현

  
Event 영역 반응형 구현

 


 Event 영역

![6](https://user-images.githubusercontent.com/64779472/98711897-f3769b80-23c8-11eb-8462-975e0c28f998.PNG)




/* 2020-11-11 */

 


  
Opening 영역 구현

  
Opening 영역 반응형 구현

 


 Opening 영역

![7](https://user-images.githubusercontent.com/64779472/98812024-1ce50500-2465-11eb-8276-89cff4f61ec4.PNG)

opening 영역 반응형

![8](https://user-images.githubusercontent.com/64779472/98812029-1eaec880-2465-11eb-9647-7951d6670ad7.PNG)




/* 2020-11-17 */

 


  
New Movie(1) new_left 부분 구현

  
svg를 통한 동영상 시작 아이콘 첨부

 


 


 
/* 2020-11-19 */

 


  
New Movie(2) new_right 영역 구현

  
New Moive 영역 반응형 구현

 


 ![9](https://user-images.githubusercontent.com/64779472/99635332-2c77d580-2a85-11eb-80e0-2c0624ddb127.PNG)

 New Movie 영역 반응형

![10](https://user-images.githubusercontent.com/64779472/99635337-2eda2f80-2a85-11eb-9e7b-c68deef01b4e.PNG)




/* 2020-11-24 */

 


  
help Section 공지사항 구현

  
help Section 메가박스 할인카드 구현

  
help Section 고객센터/SVG 구현

 


help 영역

![11](https://user-images.githubusercontent.com/64779472/100113672-ec18bd00-2eb3-11eb-9286-07cf8d742e31.PNG)

 


/* 2020-12-01 */

 


  
help Section 반응형 구현

 


help Section 영역 반응형

![12](https://user-images.githubusercontent.com/64779472/100648447-4a4a1200-3384-11eb-8ebb-119bf470f1d4.PNG)

![13](https://user-images.githubusercontent.com/64779472/100648442-4918e500-3384-11eb-9231-fade2e810851.PNG)




/* 2020-12-02 */

 


  
footer 구현

  
footer 영역 반응형 구현

 


 footer 영역

![15](https://user-images.githubusercontent.com/64779472/100915814-3800dd00-3518-11eb-8ab2-883d7b666b75.PNG)

 footer 영역(반응형)

![16](https://user-images.githubusercontent.com/64779472/100915818-38997380-3518-11eb-84ad-63557d872a7c.PNG)




/* 2020-12-04 */

 


  
Skip Menu, TabMenu 작업

  
마무리 작업