[HTML/CSS/JavaScript]이상형 월드컵 홈페이지 따라하기/만들기!

이상형 월드컵 사이트 https://www.piku.co.kr/

이상형 월드컵, 이상형 월드컵 만들기 PIKU 피쿠

위와 같은 사이트를 만들라는 과제가 떨어져서 처음에 어떻게 할까 고민을하다.. 우선 

 

우선.. HTML/CSS/JS 템플릿 사이트는 없나 인터넷 검색을 하였다.

 

무료로 템플릿을 배포해주는 사이트는 많았고 그중에 난, 아래의 사이트를 이용하여 기본 세팅을 아주 쉽게 할 수 있었다.

 

http://html5up.net

HTML5 UP

하루만에 처음부터 사이트를 이상형 월드컵 사이트처럼 만들고, 이상형월드컵 게임을 만들기는 절대 할 수 없기 때문에...

 

아주 유용했다..

 

내가 필요한 부분만 수정해서 아래와같이 만들어보았다.

아래 링크를 눌러도 가서 허접하지만 3개를 해볼 수있다.

https://brilliant-lebkuchen-36d320.netlify.app

hoooooooooo

아래 FOLLOW ICON을 누르면 다시 내 블로그로 올 수 있게 해놓았다.

 

3개중 한개 들어가서 월드컵 게임을 할 수 있다.

 

최종결과

이 이상형 월드컵 코드도 다 받아온거긴하다..

 

JS파일을 다 따로 만들어줘야하는 불편함은 있었지만.. 재밌게 함께 공부하는 친구들과 공유하였다...

 

물론 나도 다 어디서 코드 받아와서 조금씩 수정했지만

 

호오옥시나~~~~

 

필요하신분들이 있을까봐 Github에 올려놓은거 공유합니다.

 

아래 사이트에서 받아서 사용하실 수 있습니다.

 

https://github.com/iamhoooo/Idealized-World-cup-

GitHub - iamhoooo/Idealized-World-cup-