-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathsplash.html
More file actions
95 lines (82 loc) · 5.89 KB
/
splash.html
File metadata and controls
95 lines (82 loc) · 5.89 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="./favicon.png">
<meta property="og:url" content="http://learn.media.mit.edu/lcl/">
<meta property="og:type" content="website">
<meta property="og:title" content="Learning Creative learning">
<meta property="og:description" content="Join a community of educators, designers, and tinkerers exploring how to support creative learning through projects, passion, peers, and play">
<meta property="og:image" content="http://learn.media.mit.edu/lcl/lcl-image.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="962">
<meta property="og:image:height" content="563">
<title>Learning Creative Learning</title>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<!--<link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">-->
<!-- Custom styles for this template -->
<link href="./styles.css" rel="stylesheet">
<script type="text/javascript">window.liveSettings={api_key:"ddd65cab1c8f4bf0924ad1a18534da75"}</script>
<script type="text/javascript" src="//cdn.transifex.com/live.js"></script>
</head>
<body>
<div class="container-fluid main-container d-flex flex-column justify-content-center">
<div class="card align-self-center text-center m-4">
<div class="card-body m-4" id="main-card">
<h1 class="font-weight-bold mt-3">Learning Creative Learning</h1>
<h2 class="lead mt-1">A Lifelong Kindergarten Course and Community</h2>
<hr class="mt-5"/>
<p class="mt-3 mb-4 p-2">
Join a community of educators, designers, and tinkerers exploring how to support creative learning through projects, passion, peers, and play
</p>
<div class="embed-responsive embed-responsive-16by9 my-3 border-0 rounded m-auto" id="trailer-video">
<iframe class="video-iframe" src="https://www.youtube.com/embed/hPFZUMQfzac?rel=0&cc_load_policy=1" allowfullscreen></iframe>
</div>
<h4 class="my-3 mt-5">Course starts October 18<br>but you can sign up now - <b>it's free!</b></h4>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup" class="m-auto">
<form action="https://mit.us16.list-manage.com/subscribe/post?u=d4055f9dadb47752210df2aa0&id=75be5c6ad6" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div class="form-group" id="mc_embed_signup_scroll">
<input type="email" name="EMAIL" class="form-control email inputlg mt-4 text-center" id="mce-EMAIL" aria-describedby="emailHelp" placeholder="email address" required>
<small id="emailHelp" class="form-text text-muted">Sign up to get messages about the course</small>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d4055f9dadb47752210df2aa0_75be5c6ad6" tabindex="-1" value=""></div>
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary btn-lg mt-5">Sign up</button>
</div>
</form>
</div>
<!--End mc_embed_signup-->
<hr class="mt-4"/>
<h4 class="my-3 mt-5">Have questions?</h4>
<p class="mt-3 p-2">
Learn more about the course: <br/> how it will work, what to expect, and who is organizing it.
</p>
<a href="about.html" class="btn btn-outline-primary btn-lg mt-2">Find out more</a>
<hr class="mt-4"/>
<p class="mb-0"><small>Playfully created by the <a href="https://llk.media.mit.edu" target="_blank">Lifelong Kindergarten Group</a> and the <a href="http://learn.media.mit.edu" target="_blank">Learning Initiative</a> at <a href="https://www.media.mit.edu/" target="_blank">MIT Media Lab</a></small></p>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, Bootstrap JS, MailChimp, Google Analytics -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script>
<!-- Global Site Tag (gtag.js) - Google Analytics - DO NOT CHANGE-->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-106500697-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
gtag('config', 'UA-106500697-1');
</script>
<script type="text/javascript" src="lang-script.js"></script>
</body>
</html>