coder
/
coderrrrr.site
mirror of https://github.com/turbomaster95/coderrrrr.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update index.html

This commit is contained in:
Deva Midhun 2025-01-10 12:31:54 +05:30 committed by GitHub
parent bef1904ced
commit 6f5b8b615a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 46 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
index.html
View File

@ -3,28 +3,54 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Minimalist Tailwind Page</title> <title>Minimalist Plain CSS Page</title>
<script src="https://cdn.tailwindcss.com"></script> <style>
<script> body {
tailwind.config = { margin: 0;
theme: { padding: 0;
extend: { font-family: Arial, sans-serif;
colors: { background-color: #f7f7f7;
'soft-white': '#f7f7f7', min-height: 100vh;
'deep-blue': '#1e3a8a', display: flex;
}, align-items: center;
boxShadow: { justify-content: center;
'soft': '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)', padding: 1rem;
}, box-sizing: border-box;
}
}
} }
</script>
.card {
background-color: white;
border-radius: 1rem;
padding: 2rem;
max-width: 28rem;
width: 100%;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
transition: box-shadow 0.3s ease-in-out;
}
.card:hover {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
h1 {
font-size: 1.875rem;
font-weight: 300;
color: #1e3a8a;
margin-bottom: 1rem;
text-align: center;
}
p {
color: #4b5563;
line-height: 1.625;
margin: 0;
}
</style>
</head> </head>
<body class="bg-soft-white min-h-screen flex items-center justify-center p-4"> <body>
<div class="bg-white rounded-2xl shadow-soft p-8 max-w-md transition-all duration-300 ease-in-out hover:shadow-lg"> <div class="card">
<h1 class="text-3xl font-light text-deep-blue mb-4 text-center">Welcome</h1> <h1>Welcome</h1>
<p class="text-gray-600 leading-relaxed"> <p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</p> </p>
</div> </div>