generated from nathanwoodburn/python-webserver-template
feat: Update styling and home page
All checks were successful
Build Docker / BuildImage (push) Successful in 1m50s
All checks were successful
Build Docker / BuildImage (push) Successful in 1m50s
This commit is contained in:
@@ -16,11 +16,69 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="spacer"></div>
|
||||
<div class="centre">
|
||||
<h1>FireAlerts</h1>
|
||||
<p>Get alerted before your Handshake domains expire.</p>
|
||||
<a href="/account" class="button">Account</a>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div class="logo">
|
||||
🔥 FireAlerts
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="hero">
|
||||
<h1>Never Lose Your Handshake Domains</h1>
|
||||
<p class="subtitle">Get timely notifications before your domains expire. Support for Discord webhooks, email, and Telegram alerts.</p>
|
||||
|
||||
<div class="cta-section">
|
||||
<a href="/account" class="button primary">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section id="features" class="features">
|
||||
<h2>Why Choose FireAlerts?</h2>
|
||||
<div class="feature-grid">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🔔</div>
|
||||
<h3>Multiple Alert Types</h3>
|
||||
<p>Choose from Discord webhooks, email notifications, or Telegram messages.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">⏰</div>
|
||||
<h3>Customizable Timing</h3>
|
||||
<p>Set alerts for any number of blocks before your domain expires.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">🆓</div>
|
||||
<h3>Free Service</h3>
|
||||
<p>Keep track of all your Handshake domains at no cost.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="how-it-works">
|
||||
<h2>How It Works</h2>
|
||||
<div class="steps">
|
||||
<div class="step">
|
||||
<div class="step-number">1</div>
|
||||
<h3>Sign In</h3>
|
||||
<p>Use your existing account to access FireAlerts</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-number">2</div>
|
||||
<h3>Add Domains</h3>
|
||||
<p>Set up alerts for your Handshake domains</p>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-number">3</div>
|
||||
<h3>Get Notified</h3>
|
||||
<p>Receive timely alerts before expiration</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<p>© 2024 FireAlerts. Never miss a domain renewal again.</p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user