-
Notifications
You must be signed in to change notification settings - Fork 0
messiahZ/lemon_web_testing
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>Welcome — lemon_web_testing</title>
<meta name="description" content="A friendly welcome page for the lemon_web_testing static site." />
<style>
:root { --bg:#fff9f0; --accent:#f59e0b; --muted:#4b5563; --card:#fff; --radius:14px; }
html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;color:var(--muted);background:linear-gradient(180deg,var(--bg),#fff);}
.wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:48px;}
.card{background:var(--card);box-shadow:0 6px 30px rgba(15,23,42,0.08);border-radius:var(--radius);max-width:880px;padding:40px;display:flex;gap:28px;align-items:center;}
.logo{width:96px;height:96px;border-radius:12px;background:conic-gradient(from 180deg at 50% 50%, #fff1cc, #ffecd1 30%, #fff1cc 60%);display:flex;align-items:center;justify-content:center;font-weight:700;color:#92400e;font-size:28px;}
h1{margin:0;font-size:28px;color:#0f172a;}
p{margin:12px 0 0 0;line-height:1.5;}
.actions{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600;}
.btn-primary{background:var(--accent);color:#fff;}
.btn-ghost{background:transparent;border:1px solid #e6e6e6;color:var(--muted);}
footer{margin-top:18px;font-size:13px;color:#6b7280;}
@media (max-width:640px){.card{flex-direction:column;text-align:center}}
</style>
</head>
<body>
<main class="wrap" role="main">
<section class="card" aria-labelledby="welcome-title">
<div class="logo" aria-hidden="true">L</div>
<div>
<h1 id="welcome-title">Welcome to lemon_web_testing</h1>
<p>
This is a simple, friendly welcome page for your static site tests.
Use it as a starting point for layouts, accessibility checks, and styling experiments.
</p>
<div class="actions" role="region" aria-label="Actions">
<a class="btn btn-primary" href="index.html">View demo</a>
<a class="btn btn-ghost" href="https://github.com/messiahZ/lemon_web_testing" target="_blank" rel="noopener noreferrer">View repository</a>
</div>
<footer>
Created for testing and learning. If you'd like different copy, colors, or assets, tell me what to change.
</footer>
</div>
</section>
</main>
</body>
</html>
About
To test my very first static site.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published