-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpricing.html
More file actions
167 lines (161 loc) · 13.4 KB
/
pricing.html
File metadata and controls
167 lines (161 loc) · 13.4 KB
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html>
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# video: http://ogp.me/ns/video# books: http://ogp.me/ns/books#">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="highlightjs/styles/tomorrow-night.css" />
<link rel="alternate" type="application/atom+xml" href="feeds/episodes.atom" title="Episodes Feed" />
<link rel="author" href="https://plus.google.com/u/0/112268398775525141261" />
<link rel="apple-touch-icon" sizes="57x57" href="img/favicon/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="img/favicon/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="img/favicon/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="img/favicon/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="img/favicon/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="img/favicon/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="img/favicon/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="img/favicon/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon-180x180.png" />
<link rel="icon" href="img/favicon/favicon-16.png" sizes="16x16" type="image/png" />
<link rel="icon" href="img/favicon/favicon-32.png" sizes="32x32" type="image/png" />
<link rel="icon" href="img/favicon/favicon-48.png" sizes="48x48" type="image/png" />
<link rel="icon" href="img/favicon/favicon-62.png" sizes="62x62" type="image/png" />
<link rel="icon" href="img/favicon/favicon-96.png" sizes="96x96" type="image/png" />
<link rel="icon" href="img/favicon/favicon-192.png" sizes="192x192" type="image/png" />
<link rel="manifest" href="img/favicon/manifest.json" />
<link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#1c558b" />
<meta name="msapplication-TileColor" content="#1c558b" />
<meta name="msapplication-TileImage" content="/img/favicon/favicon-144.png" />
<meta name="theme-color" content="#1c558b" />
<meta name="stripe-key" content="pk_live_0siMKhVvbX21viAAv97YgKsS" />
<script type="text/javascript">
// Resize Chargebee's iframes
window.addEventListener("message", function(ev) {
console.log("postMessage: ", ev);
if (typeof ev.data == "string") {
var data = JSON.parse(ev.data);
var iframe = document.getElementsByTagName("iframe")[0];
if (iframe) {
console.log("message", data);
if (data.height) {
iframe.height = (data.height+50) + "px";
}
if (data.success) {
window.location = "/thankyou";
}
}
}
});
</script>
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.arnebrasseur.net/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
<title>Lambda Island</title>
<link href="fonts/fonts.css" rel="stylesheet" /><link href="css/semantic.min.css" rel="stylesheet" /><link href="css/tachyons.min.css" rel="stylesheet" /><link href="css/styles.css" rel="stylesheet" /><link href="css/featherlight.min.css" rel="stylesheet" /><meta name="csrf-param" content="__anti-forgery-token" /><meta name="csrf-token" content="D4DZuFUDKtsGE9q33+bI92lQFYGYZnveQ9RcSXg1DLmKOQMJ9VzrY64PNPhKmZu55oDaEknDe26u+ZzW" /></head>
<body class="lambdaisland dropdown">
<div id="wrapper">
<header><div id="main-menu" class="ui inverted"><div class="ui grid container"><div class="computer only row"><nav class="ui inverted pointing menu top-bar"><a class="item" href="index.html"><img src="img/top-bar-logo.png" style="height: 3rem; width: 14.5rem;" alt="Home" /></a><a class="item" href="episodes.html">Episodes</a><a class="item" href="blog.html">Blog</a><a class="item" href="pricing.html">Pricing</a><a class="item" href="p/about.html">About</a><div class="right item"><div class="mini-cart pa2 mr3 dn"><i class="icon cart"></i><span class="count">0</span></div></div></nav></div><div class="mobile tablet only row"><nav class="ui inverted pointing menu top-bar menu--hamburger"><a class="item" href="index.html"><img src="img/top-bar-logo.png" style="height: 3rem; width: 14.5rem;" alt="Home" /></a><div class="ui inline dropdown right item"><div class="mini-cart pa2 mr3 dn"><i class="icon cart"></i><span class="count">0</span></div><i class="content icon"></i><div class="menu"><a class="item" href="episodes.html">Episodes</a><a class="item" href="blog.html">Blog</a><a class="item" href="pricing.html">Pricing</a><a class="item" href="p/about.html">About</a></div></div></nav></div></div></div></header>
<div id="message" class="ui container"></div>
<div id="container" class="ui container">
<div><h1 class="f2">Code websites efficiently in Clojure and ClojureScript</h1><div class="flex-ns items-center justify-between center"><div class="plan w-50-ns ba mw6 tc b--black-10 pv3 ma2">
<div class="plan-header"><h2 class="f3 black-80">Personal Membership</h2></div>
<div class="plan-pricing"><div class="flex items-center justify-center pa3"><span class="f3">$</span><span class="f2 ph2">180</span><span class="f3"> USD</span></div><div class="black-70">Save 20% per year / billed yearly</div></div>
<div class="plan-cta"><form method="POST" action="http://lambdaisland.com/select-plan" class="mh5 mt3"><input type="hidden" name="plan" value="yearly-2017" /><input type="submit" value="Start coding in Clojure with 0 other learners" class="f6 ph4 pv3 br4 bg-primary-blue white cta" /><input type="hidden" name="__anti-forgery-token" value="D4DZuFUDKtsGE9q33+bI92lQFYGYZnveQ9RcSXg1DLmKOQMJ9VzrY64PNPhKmZu55oDaEknDe26u+ZzW" /></form></div>
<div class="plan-perks">
<ul>
<li>Access to all videos</li>
<li>RSS feeds for automatic access</li></ul></div>
<div class="plan-extra">
<p>Not ready to commit?</p>
<p>
<form method="POST" action="http://lambdaisland.com/select-plan"><input type="hidden" name="plan" value="monthly-2017" /><input type="submit" value="Click here to pay 18$ a month" class="submit-text" /><input type="hidden" name="__anti-forgery-token" value="D4DZuFUDKtsGE9q33+bI92lQFYGYZnveQ9RcSXg1DLmKOQMJ9VzrY64PNPhKmZu55oDaEknDe26u+ZzW" /></form></p>
<p>
<form method="POST" action="http://lambdaisland.com/select-plan"><input type="hidden" name="plan" value="quarterly-2017" /><input type="submit" value="Click here to pay 49.50$ a quarter" class="submit-text" /><input type="hidden" name="__anti-forgery-token" value="D4DZuFUDKtsGE9q33+bI92lQFYGYZnveQ9RcSXg1DLmKOQMJ9VzrY64PNPhKmZu55oDaEknDe26u+ZzW" /></form></p>
<p>Are you a student, unemployed, or ClojureBridge attendee?<a href="mailto:arne@lambdaisland.com"> Contact me for a discount</a></p></div></div><div class="plan w-50-ns ba mw6 tc b--black-10 pv3 ma2">
<div class="plan-header"><h2 class="f3 black-80">Team Membership</h2><h3 class="f4 black-80"><span id="team-seats">10</span><span> seats</span></h3><div class="slider-container"><input type="range" min="5" max="20" value="10" class="slider" id="team-pricing-slider" /></div></div>
<div class="plan-pricing"><div class="flex items-center justify-center pa3"><span class="f3">$</span><span id="team-pricing" class="f2 ph2">2000</span><span class="f3"> USD</span></div><div class="black-70">billed yearly</div></div>
<div class="plan-cta"><form method="POST" action="http://lambdaisland.com/select-plan" class="mh5 mt3"><input type="hidden" name="plan" value="team-seats" /><input type="hidden" id="quantity-form" name="quantity" value="10" /><input type="submit" value="Start coding in Clojure with 0 other learners" class="f6 ph4 pv3 br4 bg-primary-blue white cta" /><input type="hidden" name="__anti-forgery-token" value="D4DZuFUDKtsGE9q33+bI92lQFYGYZnveQ9RcSXg1DLmKOQMJ9VzrY64PNPhKmZu55oDaEknDe26u+ZzW" /></form></div>
<div class="plan-perks">
<ul>
<li>Access to all videos</li>
<li>RSS feeds for automatic access</li>
<li>Team dashboard</li></ul></div>
<div class="plan-extra"></div>
<script type="text/javascript" src="js/pricing.js"></script></div></div><p class="f3 pv4"><a href="collections/free-clojure-videos.html">Not sure yet? Watch a few videos now for free</a></p><form method="POST" action="http://lambdaisland.com/subscribe" class="ba mw6 b--black-10 pv3 ma2 pa2 ui form stackable grid"><h2 style="margin-top: 20px !important" class="fl w-100">Stay in touch with LambdaIsland</h2><div class="fl w-50 pa2">
<div class="field"><label for="email">Email address</label><div class="ui right input"><input id="email" name="email" placeholder="email@example.org" type="text" value="" /></div></div><div class="field"><div class="ui checkbox"><input type="checkbox" name="site-news" id="site-news" checked="checked" /><label for="site-news">Sign me up for the Newsletter</label></div></div><div class="field"><div class="ui checkbox"><input type="checkbox" name="new-episodes" id="new-episodes" checked="checked" /><label for="new-episodes">Notify me when new episodes come out</label></div></div><div class="field"><div class="ui checkbox"><input type="checkbox" name="life-of-plexus" id="life-of-plexus" checked="checked" /><label for="life-of-plexus">Sign me up for 'Life of Plexus'</label></div></div></div><div class="fl w-50 pa2 tc flex items-center justify-center"><input type="Submit" value="Sign me up!" class="f5 ph4 pv3 br4 bg-primary-blue white cta" /></div><input type="hidden" name="__anti-forgery-token" value="D4DZuFUDKtsGE9q33+bI92lQFYGYZnveQ9RcSXg1DLmKOQMJ9VzrY64PNPhKmZu55oDaEknDe26u+ZzW" /></form></div></div>
<!-- <div id="sticky-cta"></div> -->
<section id="footer">
<div class="ui container">
<footer class="ui inverted vertical footer segment">
<div>
<div class="ui center aligned container">
<div class="ui stackable inverted grid">
<div class="three wide column">
<h4 class="ui inverted header">Lambda Island</h4>
<div class="ui inverted link list">
<a class="item" href="episodes.html">Episodes</a>
<a class="item" href="p/about.html">About / FAQ</a>
<a class="item" href="p/imprint.html">Imprint</a>
<a class="item" href="p/privacy-policy.html">Privacy Policy</a>
<a class="item" href="p/cookies.html">Cookie Policy</a>
<a class="item" href="pricing.html">Pricing</a>
</div>
</div>
<div class="three wide column">
<h4 class="ui inverted header">Updates</h4>
<div class="ui inverted link list">
<a class="item" href="feeds/episodes.atom">Episodes RSS Feed</a>
<a class="item" href="feeds/blog.atom">Blog RSS Feed</a>
<a class="item" href="https://twitter.com/lambdaisland"><i class="twitter icon"></i> Twitter </a>
<a class="item" href="news.html">News</a>
</div>
</div>
</div>
<div class="ui inverted section divider"></div>
<div class="ui horizontal inverted small divided link list">
<a class="item" href="https://twitter.com/lambdaisland"><i class="twitter icon"></i> Twitter </a>
<a class="item" href="https://instagram.com/lambdaisland"><i class="instagram icon"></i> Instagram </a>
<a class="item" href="https://github.com/lambdaisland"><i class="github icon"></i> Github </a>
</div>
</div>
</div>
</footer>
</div>
</section>
</div>
<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="js/jquery.address-1.6.min.js"></script>
<script type="text/javascript" src="js/featherlight.min.js"></script>
<script type="text/javascript" src="js/compiled/cljs_base.js"></script>
<script type="text/javascript" src="js/compiled/legacy.js"></script>
<script type="text/javascript" src="js/semantic.min.js"></script>
<script type="text/javascript" src="highlightjs/highlight.pack.js"></script>
<script type="text/javascript">
// Semantic-UI hooks
$(document).ready(function () {
$('.ui.dropdown').dropdown();
$('.tabular.menu .item').tab({"context": '.li-tabs',
"history": true});
$('#view_password').change(function() {
if($(this).is(":checked")) {
$('#password').attr('type', 'text');
} else {
$('#password').attr('type', 'password');
}
});
});
hljs.initHighlightingOnLoad();
</script>
</body>
</html>