-
Notifications
You must be signed in to change notification settings - Fork 1
/
members.html
139 lines (130 loc) · 6.66 KB
/
members.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
135
136
137
138
139
<!doctype html>
<html lang="en">
<head>
<!-- Meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Oasis - Climate Action for Pioneers</title>
<meta name="description" content="Profit from free monthly climate insights, become a member now.">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<!-- Custom CSS -->
<link rel="stylesheet" href="main.css">
<!-- Google fonts -->
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Comfortaa" />
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">Ø</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://oasis.substack.com/archive" target="_blank">Magazine<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="members.html">Pricing<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="marketplace.html">Marketplace<span class="sr-only">(current)</span></a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="navbar-btn my-2 my-lg-0">
<a href="members.html" class="btn btn-outline-success">Start journey</a>
</li>
</ul>
</div>
</nav>
<!-- Header -->
<div class="px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
<h1>Be a climate pioneer</h1>
<div class="container">
<p class="lead">Explore how to act on climate change and turn climate action into your competitive advantage.</p><br>
</div>
<!-- Page Content -->
<main>
<div class="container">
<div class="card-deck mb-3 text-center">
<div class="card mb-4 box-shadow">
<div class="card-header">
<h4 class="my-0 font-weight-normal">Free</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">$0 <small class="text-muted">/ mo</small></h1>
<ul class="list-unstyled mt-3 mb-4">
<li>What you get:</li>
<li>- Access to new insights</li>
<li>- Social channel updates</li>
<li class="text-white">.</li>
</ul>
<a class="btn btn-lg btn-block btn-success" href="https://oasis.substack.com/subscribe" target="_blank">
Sign up</a>
</div>
</div>
<div class="card mb-4 box-shadow">
<div class="card-header">
<h4 class="my-0 font-weight-normal">Professionals</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">$5 <small class="text-muted">/ mo</small></h1>
<ul class="list-unstyled mt-3 mb-4">
<li>What you get:</li>
<li>- Rich insights</li>
<li>- Full archive forever</li>
<li>- Community features</li>
<li>- Special reports</li>
</ul>
<a class="btn btn-lg btn-block btn-success" href="https://oasis.substack.com/subscribe" target="_blank">
Subscribe</a>
</div>
</div>
<div class="card mb-4 box-shadow">
<div class="card-header">
<h4 class="my-0 font-weight-normal">Businesses</h4>
</div>
<div class="card-body">
<h1 class="card-title pricing-card-title">$1500 <small class="text-muted">/ yr</small></h1>
<ul class="list-unstyled mt-3 mb-4">
<li>What you get:</li>
<li>- Rich insights</li>
<li>- Full archive forever</li>
<li>- Community features</li>
<li>- Special reports</li>
<li>- Group access</li>
</ul>
<a class="btn btn-lg btn-block btn-success" href="https://oasis.substack.com/subscribe" target="_blank">
Register</a>
</div>
</div>
</div>
<p>You will be redirected to Substack for registering your membership. First enter your email, then select your subscirption type (for free, just click none).
Thank you for subscribing. Your coolness will help stop global warming!</p>
<a class="btn btn-outline-success btn-lg btn-block" href="http://oasis.substack.com/archive" role="button">Explore stories</a>
<a class="btn btn-outline-success btn-lg btn-block" href="https://docs.google.com/forms/d/e/1FAIpQLSe0D8s1BwmITLbFST17nB4rs2RdWC5MUGywqJk0YlgKR1nyvw/viewform?" role="button">Request custom offer</a>
<a class="btn btn-outline-success btn-lg btn-block" href="https://calendly.com/smrbu" role="button">Schedule a call</a>
</div>
<!-- Footer -->
<footer id="sticky-footer" class="py-4 text-white-50">
<div class="container text-center">
<span class="text-muted">Copyright © <a href="https://www.olyfia.com" target="_blank">Olyfia.com LLC</a></span>
</div>
</footer>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
</body>
</html>