-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
134 lines (106 loc) · 5.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>88mph - Earn Upfront Fixed-Rate Interest</title>
<meta name="description" content="Lock your DAI and earn upfront interest at a fixed rate.">
<!-- Libs CSS -->
<link rel="stylesheet" href="./assets/fonts/feather/feather.min.css">
<link rel="icon" type="image/png" href="assets/img/icon-default.png">
<!-- Theme CSS -->
<link rel="stylesheet" href="./assets/css/theme.min.css">
<meta content="@88mphapp" name="twitter:site" />
<meta content="summary_large_image" name="twitter:card" />
<meta content="https://88mph.app/assets/img/og-twitter-image.png" name="twitter:image" />
<meta content="assets/img/og-twitter-image.png" itemprop="image" />
<meta content="https://88mph.app/assets/img/og-twitter-image.png" property="og:image" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-150960896-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-150960896-1');
</script>
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script src="index.js"></script>
</head>
<body class="d-flex align-items-center bg-bttf">
<!-- CONTENT
================================================== -->
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-xl-8 my-5">
<div class="text-center">
<!-- logo -->
<img class="image-fluide mb-5" src="assets\img\logo.png" alt="88mph logo" height="128">
<!-- Heading desktop -->
<h1 class="display-1 d-none d-md-block mb-3 text-white">
Earn <span class="animated-under-text interest-rate">...%</span> Upfront Fixed-Rate Interest
</h1>
<!-- Heading mobile -->
<h1 class="display-3 d-block d-md-none mb-3 text-white">
Earn <span class="animated-under-text interest-rate">...%</span> Upfront Fixed-Rate Interest
</h1>
<!-- Subheading -->
<p class="text-muted lead mb-5">
If our calculations are correct, when this baby hits eighty-eight miles per hour... you're gonna see some serious $$$$.
</p>
</div>
</div>
<div class="col-12 col-xl-6 mb-5">
<div class="card border-0">
<div class="card-body text-center pb-0">
<div class="avatar avatar-xl card-avatar card-avatar-top">
<span class="avatar-title rounded-circle border border-4 border-card animated-background interest-rate">...%</span>
</div>
<h3>
Lock your <a class="link-underlined" href="https://makerdao.com/en/dai/">DAI</a> and earn up to <strong class="interest-rate">...%</strong> fixed-rate interest.
</h3>
<p class="text-secondary">
<strong><span class="animated-under-text">Here's the cool part: You get the interest upfront!</span></strong><br>
It's like your interest is travelling back from the future!
</p>
<div class="avatar-group">
<div class="avatar">
<img src="assets\img\dai.svg" alt="DAI stable coin" class="avatar-img rounded-circle">
</div>
</div>
<!-- Preheading -->
<h6 class="text-uppercase text-muted text-center my-4">
Back to the future of money
</h6>
</div>
<div class="card-footer pt-0 p-0">
<form action="https://app.us20.list-manage.com/subscribe/post?u=3691177c244a72d16cb1bd0a7&id=e6b03f428d" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate w-100" target="_blank" novalidate>
<input class="form-control form-control-lg border-0 mb-0 text-center bg-light" type="email" value="" name="EMAIL" id="mce-EMAIL" placeholder="[email protected]" required>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_3691177c244a72d16cb1bd0a7_e6b03f428d" tabindex="-1" value=""></div>
<div class="input-group-append">
<button class="btn btn-lg btn-block animated-background text-white border-0 py-3" name="subscribe" id="mc-embedded-subscribe" style="border-top-right-radius: 0; border-top-left-radius: 0;">Update me when you hit the road</button>
</div>
</form>
</div>
</div>
<div class="text-center mb-4">
<a href="https://twitter.com/88mphapp" target="_blank">
<i class="fe fe-twitter h1"></i>
</a>
</div>
<div class="text-center text-secondary">
Made by <a class="white-link-underlined" href="https://baconlabs.dev" target="_blank">🥓 Bacon Labs</a> • [email protected]
</div>
</div>
</div> <!-- / .row -->
</div> <!-- / .container -->
<!-- JAVASCRIPT
================================================== -->
<!-- Libs JS -->
<!-- endbuild -->
<!-- Theme JS -->
<script src="./assets/js/theme.min.js"></script>
</body>
</html>