kediritechnopark/kediritechnopark-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add initial HTML and CSS files for project setup

Browse Source 
Create basic project structure with index.html and style.css
to serve as foundation for website development.
This commit is contained in:
Emmanuel Rizky
2025-06-28 14:32:38 +07:00
commit 6d9ecb7196
2 changed files with 81 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
index.html Normal file
View File

@@ -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>

59
style.css Normal file
View File

@@ -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%; }
}