create register page, update syling
This commit is contained in:
Aidan
parent
c99a6391ef
commit
8d141630f2
69
src/css/main.css
Normal file
69
src/css/main.css
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
body {
|
||||||
|
font-family: 'Playfair Display', serif;
|
||||||
|
background-color: #fdf6e3;
|
||||||
|
color: #333;
|
||||||
|
padding: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
color: #7d7d7d;
|
||||||
|
font-weight: 300;
|
||||||
|
}
|
||||||
|
|
||||||
|
.il {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
display: block;
|
||||||
|
margin-top: 1rem;
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
max-width: 800px;
|
||||||
|
margin: auto;
|
||||||
|
text-align: center;
|
||||||
|
padding: 2rem;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-start {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ico {
|
||||||
|
padding-right: 13px;
|
||||||
|
font-size: xx-large;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ico-sm {
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
background: #fff;
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-radius: 8px;
|
||||||
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||||
|
padding: 1rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-title {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-text {
|
||||||
|
font-size: 1rem;
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
@ -8,55 +8,27 @@
|
|||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
|
||||||
<style>
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||||
body {
|
<link rel="stylesheet" href="css/main.css">
|
||||||
font-family: 'Playfair Display', serif;
|
|
||||||
background-color: #fdf6e3;
|
|
||||||
color: #333;
|
|
||||||
padding: 2rem;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 3rem;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
color: #7d7d7d;
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
i {
|
|
||||||
font-family: 'Playfair Display', serif;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
display: block;
|
|
||||||
margin-top: 1rem;
|
|
||||||
color: #555;
|
|
||||||
}
|
|
||||||
.container {
|
|
||||||
max-width: 600px;
|
|
||||||
margin: auto;
|
|
||||||
text-align: center;
|
|
||||||
padding: 2rem;
|
|
||||||
background: #fff;
|
|
||||||
border-radius: 8px;
|
|
||||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
.text-start {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1>p0ntus mail.</h1>
|
<h1><i class="fa-solid fa-envelope text-dark ico"></i> p0ntus mail.</h1>
|
||||||
<h3>simple, mindful, secure email.</h3>
|
<h3>simple, mindful, secure email.</h3>
|
||||||
<i>Where can I direct your request?</i>
|
<!-- Simple link menu for Home (bolded) and Services, centered -->
|
||||||
|
<nav class="nav justify-content-center">
|
||||||
|
<a href="#" class="nav-link text-dark"><b>Home</b></a>
|
||||||
|
<a href="/services.html" class="nav-link text-dark">Services</a>
|
||||||
|
</nav>
|
||||||
|
<i class="il mt-5">Where can I direct your request?</i>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="text-start">
|
<div class="text-start">
|
||||||
<p><i>If you are a current user</i></p>
|
<p class="il"><i>If you aren't a current user</i></p>
|
||||||
<a href="/SOGo" class="btn bg-dark text-white">Webmail</a>
|
<a href="/register.html" class="btn bg-dark text-white"><i class="fa-solid fa-user-plus ico-sm"></i> Register</a>
|
||||||
<a href="https://user.p0ntus.com" class="btn bg-dark text-white">Account</a>
|
|
||||||
<hr>
|
<hr>
|
||||||
<p><i>If you aren't a current user</i></p>
|
<p class="il"><i>If you are a current user</i></p>
|
||||||
<a href="/register.html" class="btn bg-dark text-white">Register</a>
|
<a href="/SOGo" class="btn bg-dark text-white"><i class="fa-solid fa-envelope ico-sm"></i> Webmail</a>
|
||||||
|
<a href="https://user.p0ntus.com" class="btn bg-dark text-white"><i class="fa-solid fa-user ico-sm"></i> Account</a>
|
||||||
</div>
|
</div>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -8,41 +8,7 @@
|
|||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
|
||||||
<style>
|
<link rel="stylesheet" href="css/main.css">
|
||||||
body {
|
|
||||||
font-family: 'Playfair Display', serif;
|
|
||||||
background-color: #fdf6e3;
|
|
||||||
color: #333;
|
|
||||||
padding: 2rem;
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 3rem;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
color: #7d7d7d;
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
i {
|
|
||||||
font-family: 'Playfair Display', serif;
|
|
||||||
font-size: 1.5rem;
|
|
||||||
display: block;
|
|
||||||
margin-top: 1rem;
|
|
||||||
color: #555;
|
|
||||||
}
|
|
||||||
.container {
|
|
||||||
max-width: 600px;
|
|
||||||
margin: auto;
|
|
||||||
text-align: center;
|
|
||||||
padding: 2rem;
|
|
||||||
background: #fff;
|
|
||||||
border-radius: 8px;
|
|
||||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
.text-start {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
@ -50,7 +16,7 @@
|
|||||||
<h3>Registration is done on Telegram</h3>
|
<h3>Registration is done on Telegram</h3>
|
||||||
<i>Click the button below to register</i>
|
<i>Click the button below to register</i>
|
||||||
<hr>
|
<hr>
|
||||||
<div class="text-start">
|
<div class="text-center">
|
||||||
<a href="https://t.me/ihatearchbtw42" class="btn btn-primary">
|
<a href="https://t.me/ihatearchbtw42" class="btn btn-primary">
|
||||||
<img src="https://telegram.org/img/t_logo.png" alt="Telegram" style="width: 20px; height: 20px; margin-right: 10px;">
|
<img src="https://telegram.org/img/t_logo.png" alt="Telegram" style="width: 20px; height: 20px; margin-right: 10px;">
|
||||||
Register on Telegram
|
Register on Telegram
|
||||||
|
|||||||
61
src/services.html
Normal file
61
src/services.html
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Services - p0ntus mail</title>
|
||||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||||
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="container">
|
||||||
|
<h1><i class="fa-solid fa-envelope text-dark ico"></i> p0ntus mail.</h1>
|
||||||
|
<h3>simple, mindful, secure email.</h3>
|
||||||
|
<nav class="nav justify-content-center">
|
||||||
|
<a href="/" class="nav-link text-dark">Home</a>
|
||||||
|
<a href="#" class="nav-link text-dark"><b>Services</b></a>
|
||||||
|
</nav>
|
||||||
|
<i class="il mt-5">What we do</i>
|
||||||
|
<hr>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6 mb-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title"><i class="fa-solid fa-database ico-sm"></i> Storage</h5>
|
||||||
|
<p class="card-text">Each user gets 4 GB of storage, which can be increased upon request.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 mb-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title"><i class="fa-solid fa-dollar-sign ico-sm"></i> Free</h5>
|
||||||
|
<p class="card-text">p0ntus mail is and will always be free of charge.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 mb-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title"><i class="fa-solid fa-ban ico-sm"></i> Spam Protection</h5>
|
||||||
|
<p class="card-text">We use RSPAMD for spam protection, to ensure your inbox stays clean.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 mb-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-body">
|
||||||
|
<h5 class="card-title"><i class="fa-solid fa-server ico-sm"></i> Personally Managed</h5>
|
||||||
|
<p class="card-text">p0ntus mail is personally managed and monitored for maximum uptime.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user