Fixed some CSS issues and added RideAware on home page

This commit is contained in:
Blake Ridgway 2025-02-04 20:41:11 -06:00
parent 4ea01a2566
commit f26bad9bac
2 changed files with 24 additions and 22 deletions

View file

@ -2,12 +2,29 @@ body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #1e90ff, #00bfff);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
}
html {
background: linear-gradient(#1e4e9c, #9198e5);
height: 100%;
width: 100%;
}
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 600px;
padding: 20px;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
text-align: center;
color: #fff;
}
.coming-soon {
@ -31,22 +48,6 @@ p {
margin: 10px 0 20px;
}
.countdown {
display: flex;
justify-content: space-around;
margin: 20px 0;
}
.countdown div {
text-align: center;
}
.countdown span {
display: block;
font-size: 2rem;
font-weight: bold;
}
.subscription {
margin-top: 20px;
}

View file

@ -8,7 +8,8 @@
</head>
<body>
<div class="container">
<h1>Coming Soon!</h1>
<h1>RideAware</h1>
<h2>Coming Soon!</h2>
<p>Be the first to know when we launch. Subscribe below:</p>
<div class="subscription">
<input id="email-input" type="email" placeholder="Enter your email" required />