[HTML+CSS+JS] TENET 홍보 홈페이지 제작

 HTML, CSS, JS를 활용하여 크리스토퍼 놀란의 신작 <TENET>을 홍보하는 홈페이지를 제작해보았습니다.

 서비스 제공 웹 페이지 주소는 다음과 같습니다. tenetfilm.dothome.co.kr 

 1년 무료 서버를 사용하여 내년에 닫힐 예정입니다ㅎㅎ

 반응형 웹 페이지로 제작하였지만, 휴대폰 기종에 따라 잘 적용되지 않을 수도 있습니다. 모바일용 웹 페이지는 갤럭시 S9+ 기준에 맞춰 제작되었습니다. 데스크톱에서도 웹 페이지의 크기를 조절하며 확인할 수 있으니 한번 시도해보세요!

소스코드는 저의 깃헙에 업데이트 해두었습니다! github.com/src-by-hannah/tenet_webstie

0123456

 

 시연 영상

 

참조

1. CodingNepal, Side Menu Bar with sub-menu using HTML CSS & Javascript, <www.codingnepalweb.com/2020/05/side-menu-bar-with-submenu.html>

2. CodingNepal, Animated Profile Card Design in HTML & CSS, <www.codingnepalweb.com/2020/05/animated-profile-card-design-in-html-css.html>

3. CodingNepal, Pure CSS Responsive Cards Design with Hover Effect, <www.codingnepalweb.com/2020/04/pure-css-responsive-card.html>>