-
Notifications
You must be signed in to change notification settings - Fork 20
/
index.html
64 lines (59 loc) · 4.41 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Beauty and Joy of Computing</title>
<!-- This page needs to live just outside of /bjc-r/ on the EDC server. --MF, 4/19/22 -->
<!-- EDC Dev Tech wrote this these. See https://dethier.github.io/bjc/ -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/bjc-r/css/edcdevtech-landingpage.css">
<link rel="stylesheet" href="/bjc-r/css/edcdevtech-headerfooter.css">
</head>
<body>
<header class="site-header" role="banner">
<div class="wrapper">
<div class="logo">
<a class="site-title" rel="author" href="/bjc-r/course/bjc4nyc.html"><img src="/bjc-r/img/header-footer/bjc-logo-sm2.png" alt="BJC logo" class="pull-left"><h1 class="txtTitle">The Beauty and Joy of Computing</h1></a>
</div>
<div class="trapezoid"></div>
</div>
</header>
<main>
<div class="hero">
<div class="background-overlay">
<div class="wrapper margins">
<div class="large-logo" style="margin-top: 1%;" ><img src="/bjc-r/img/splash-page/bjc-logo.png" alt="BJC"/></div>
<div class="txtContainer">
<h2 style="margin-bottom:16px">The Beauty and Joy of Computing<span class="subtitle">An AP<sup>®</sup> CS Principles Curriculum</span></h2>
<div class="btnContainer">
<div><a href="/bjc-r/course/bjc4nyc.html" class="btn btn2" title="BJC Curriculum">BJC Curriculum<i class="fas fa-arrow-alt-circle-right"></i></a></div>
<div><a href="http://snap.berkeley.edu/run" target="_blank" class="btn btn2" title="Run Snap! Now">Run <img style="height:40px; width: auto; vertical-align: middle; margin-top: -10px; margin-bottom: -10px;" src="/bjc-r/img/splash-page/snap-logo-large.png" alt="Snap!" title="Run Snap! Now" /> Now<i class="fas fa-arrow-alt-circle-right"></i></a></div>
</div>
<div class="btnContainer">
<div><a href="/bjc-r/course/bjc4nyc_teacher.html" target="_blank" class="btn btn3" title="BJC Teacher Guide">BJC Teacher Guide<i class="fas fa-arrow-alt-circle-right"></i></a></div>
<div><a href="https://bjc.berkeley.edu/summer-pd/" target="_blank" class="btn btn3" title="BJC Teacher Professional Development">
BJC Teacher PD<i class="fas fa-arrow-alt-circle-right"></i>
</a></div>
<div><a href="/bjc-r/course/bjc4nyc.es.html" class="btn btn3" title="BJC en Español">BJC en Español<i class="fas fa-arrow-alt-circle-right"></i></a></div>
</div>
<div class="sparks">Looking for middle school and early high school activities? Try <a href="https://bjc.berkeley.edu/sparks" title="BJC Sparks curriculum for middle school and early high school" target="_blank">BJC Sparks</a>.</div>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="footer wrapper margins">
<div class="footer-col col1"><img src="/bjc-r/img/header-footer/NSF_logo.png" alt="NSF" /></div>
<div class="footer-col col2"><img class="noshadow" src="/bjc-r/img/header-footer/EDC_logo.png" alt="EDC" /></div>
<div class="footer-col col3"><img class="noshadow" src="/bjc-r/img/header-footer/UCB_logo.png" alt="UCB" /></div>
<div class="footer-col col4">
<p>The Beauty and Joy of Computing by University of California, Berkeley and Education Development Center, Inc. is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. The development of this site has been funded by the National Science Foundation under grant nos. 1138596, 1441075, and 1837280; the U.S. Department of Education under grant number S411C200074; and the Hopper-Dean Foundation. Any opinions, findings, and conclusions or recommendations expressed in this material are those of the author(s) and do not necessarily reflect the views of the National Science Foundation or our other funders.</p>
</div>
<div class="footer-col col5">
<img src="/bjc-r/img/header-footer/cc_88x31.png" alt="Creative Commons Attribution" />
</div>
</div>
</footer>
</body>
</html>