<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>Remidly</title>
<style>
* {
-webkit-user-select: none;
user-select: none;
}
body {
padding: 30px 30px 200px 30px;
background: #f1f1f1;
color: #000;
font-family: system-ui;
font-size: 17px;
line-height: 0.2;
font-weight: 200;
text-align: center;
}
img {
max-width: 100px;
width: 100%;
height: auto;
margin-bottom: 50px;
}
h1 {
font-size: 40px;
Color: #ed5c62;
font-weight:700;
text-align: left;
line-height: normal;
margin-top: 1000;
}
h3 {
font-size: 35px;
Color: #ed5c62;
font-weight:500;
text-align: Center;
line-height: normal;
margin-top: 1000;
}
h5 {
font-size: 20px;
font-weight: 300;
text-align: left;
line-height: normal;
margin-top: 10;
}
h6 {
font-size: 15px;
font-weight: 250;
text-align: Center;
line-height: normal;
margin-top: -150;
}
h7 {
font-size:25px;
font-weight: 90;
text-align: center;
line-height: normal;
}
#header {
opacity: 0;
animation: header 1s ease-out forwards;
animation-delay: 1s;
}
@keyframes header {
from {
opacity: 0;
transform: translateY(20%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
h2 {
font-size: 32px;
font-weight: 400;
line-height: 1.09375;
letter-spacing: .011em;
}
p {
margin: 30px auto 0 auto;
max-width: 600px;
color: #525358;
text-align: center;
}
#content {
margin-top: 50px;
opacity: 0;
animation: content 1s ease-out forwards;
animation-delay: 2s;
}
@keyframes content {
from {
opacity: 0;
transform: translateY(10%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-color-scheme: dark) {
body {
background-color: #000;
color: #f1f1f1;
}
}
</style>
</head>
<body>
<div id="header">
</div>
<div id="content">
<h1>Welcome</h1>
<h5> This shortcut is exclusive for your IOS Device. Manage your reminders and calendar entries like never before.</h5>
<h5> Create or delete calendar entries and reminders easily with Remidly. Check it out now and download the Watch!OS version for you're Apple Watch. </h5>
<h6> </h6>
<h3>Download the Apple watch Version</h3>
<h3>
<a style="padding: 10px 20px; background-color: grey; color: white; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none; border-radius: 20px" href="https://routinehub.co/shortcut/4830">Download</a>
</h3>
</div>
</body>
</html>