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.
2025-06-28 14:32:38 +07:00
commit 6d9ecb7196
2 changed files with 81 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Kediri Technopark - Coming Soon</title>
+    <link rel="stylesheet" href="style.css">
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
+</head>
+<body>
+    <div class="container">
+        <div class="content">
+            <h1>KEDIRI TECHNOPARK</h1>
+            <p>Our website is under construction</p>
+            <div class="progress-bar">
+                <div class="progress"></div>
+            </div>
+            <p class="contact">Contact us: info@kediritechnopark.com</p>
+        </div>
+    </div>
+</body>
+</html>
--- a/style.css
+++ 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%; }
+}