commit 6d9ecb71964f710c4ea5ac333ca41e0f7b5f63f1 Author: Emmanuel Rizky Date: Sat Jun 28 14:32:38 2025 +0700 Add initial HTML and CSS files for project setup Create basic project structure with index.html and style.css to serve as foundation for website development. diff --git a/index.html b/index.html new file mode 100644 index 0000000..4e75504 --- /dev/null +++ b/index.html @@ -0,0 +1,22 @@ + + + + + + Kediri Technopark - Coming Soon + + + + +

KEDIRI TECHNOPARK

Our website is under construction

+ + diff --git a/style.css b/style.css new file mode 100644 index 0000000..89ff972 --- /dev/null +++ b/style.css @@ -0,0 +1,59 @@ +body { + margin: 0; + padding: 0; + font-family: 'Poppins', sans-serif; + background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); + color: white; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} + +.container { + padding: 2rem; + max-width: 800px; +} + +h1 { + font-size: 3rem; + font-weight: 600; + margin-bottom: 1rem; + text-shadow: 0 2px 4px rgba(0,0,0,0.3); +} + +p { + font-size: 1.2rem; + margin-bottom: 2rem; + opacity: 0.9; +} + +.progress-bar { + width: 100%; + height: 8px; + background: rgba(255,255,255,0.2); + border-radius: 4px; + margin: 2rem 0; + overflow: hidden; +} + +.progress { + width: 65%; + height: 100%; + background: white; + border-radius: 4px; + animation: progress 2s ease-in-out infinite; +} + +.contact { + font-size: 1rem; + margin-top: 3rem; + opacity: 0.7; +} + +@keyframes progress { + 0% { width: 65%; } + 50% { width: 75%; } + 100% { width: 65%; } +}