이 프로젝트는 누수복구 인테리어 업체를 위한 랜딩페이지입니다. HTML5, CSS3, JavaScript를 활용하여 만들어졌으며, 모바일 환경에서도 최적화된 반응형 웹 디자인으로 구현되었습니다.
- 반응형 웹 디자인 (모바일, 태블릿, 데스크탑)
- 부드러운 스크롤 효과
- 이미지 갤러리 및 확대 기능
- 문의하기 폼 기능
- 개인정보 처리방침 토글 기능
index.html: 웹사이트의 HTML 구조styles.css: 스타일링을 위한 CSS 파일script.js: 인터랙티브 기능을 위한 JavaScript 파일images/: 웹사이트에 사용되는 이미지 파일들
- 이 저장소를 클론합니다.
- 웹 브라우저에서
index.html파일을 엽니다.
이 프로젝트에 사용된 이미지들은 실제 누수복구 서비스를 보여주는 이미지들로 교체해야 합니다. 현재는 샘플 이미지 주소를 사용하고 있으므로, 실제 운영 시 images/ 폴더에 다음 이미지 파일들을 추가해야 합니다:
- hero-bg.jpg: 메인 배너 배경 이미지
- service1.jpg ~ service4.jpg: 서비스 소개 이미지
- case1.jpg ~ case5.jpg: 작업 사례 이미지
- icon-call.png, icon-detect.png, icon-repair.png, icon-construction.png, icon-document.png, icon-complete.png: 서비스 절차 아이콘
- 색상 테마 변경:
styles.css파일에서 하이라이트 색상(#2ecbcc)을 변경할 수 있습니다. - 텍스트 내용 변경:
index.html파일에서 텍스트 내용을 수정할 수 있습니다. - 연락처 정보 변경: 전화번호, 주소 등의 정보를 실제 업체 정보로 수정해야 합니다.
추가 문의사항이나 수정 요청은 [이메일 주소]로 연락주시기 바랍니다.