-
Notifications
You must be signed in to change notification settings - Fork 5
/
bootcamp.html
80 lines (75 loc) · 5.84 KB
/
bootcamp.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./styles/nav.css">
<link rel="stylesheet" href="./styles/footer.css">
<!-- <link rel="stylesheet" href="./styles/main.css"> -->
<link rel="stylesheet" href="./styles/bootcamp.css">
</head>
<body>
<header class="header"></header>
<div id="bootcamp">
<div>
<div class="header-progress-completed"></div>
<svg class="circle-progress" viewBox="0 0 120 120" data-slug="bootcamp" data-progress="">
<defs>
<linearGradient id="linear-bootcamp" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#c63528"></stop>
<stop offset="100%" stop-color="#e46025"></stop>
</linearGradient>
</defs>
<!-- <text class="circle-progress-value" x="60" y="34" text-anchor="middle" font-family="Open Sans" font-size="35" transform="rotate(90 40,40)" fill="white">0%</text> -->
<circle cx="60" cy="60" r="54" fill="none" stroke="#707070" stroke-width="10"></circle>
<circle class="circle-progress-bar" cx="60" cy="60" r="54" fill="none" stroke="url(#linear-bootcamp)" stroke-width="10"></circle>
</svg>
<svg class="icon icon-backpack" width="128px" height="192px" viewBox="0 0 128 192" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g fill="#000000" fill-rule="nonzero">
<path d="M40,192 L88,192 C107.001358,191.977558 123.373941,178.612184 127.2,160 L0.805,160 C4.63067836,178.610347 21.0005207,191.975188 40,192 Z" id="Shape"></path>
<path d="M124.559,107.969 C117.050922,115.666005 106.752446,120.004426 96,120 L88,120 L88,136 L72,136 L72,120 L56,120 L56,136 L40,136 L40,120 L32,120 C21.2475539,120.004426 10.949078,115.666005 3.441,107.969 L0.062,135.008 C0.0208408348,135.337067 0.000134404017,135.668369 -7.10542736e-15,136 L-7.10542736e-15,152 L128,152 L128,136 C127.999866,135.668369 127.979159,135.337067 127.938,135.008 L124.559,107.969 Z" id="Shape"></path>
<path d="M104,32 L24,32 C10.7515624,32.0154295 0.0154295246,42.7515624 0,56 L0,80 C0.0198395382,97.6648877 14.3351123,111.98016 32,112 L40,112 L40,104 L56,104 L56,112 L72,112 L72,104 L88,104 L88,112 L96,112 C113.664888,111.98016 127.98016,97.6648877 128,80 L128,56 C127.98457,42.7515624 117.248438,32.0154295 104,32 Z M88,64 L40,64 L40,48 L88,48 L88,64 Z" id="Shape"></path>
<path d="M112,8 C112,3.581722 108.418278,2.705415e-16 104,0 L88,0 C83.581722,-2.705415e-16 80,3.581722 80,8 L80,24 L112,24 L112,8 Z" id="Shape"></path>
<path d="M48,8 C48,3.581722 44.418278,2.705415e-16 40,0 L24,0 C19.581722,-2.705415e-16 16,3.581722 16,8 L16,24 L48,24 L48,8 Z" id="Shape"></path>
</g>
</g>
</svg>
</div>
<div id="head">
<h1>Bootcamp Learning Path</h1>
<p>Get a complete, ground up introduction to HTML, CSS and JavaScript. You'll also get hands-on experience building projects to show off your new skills along the way!</p>
</div>
</div>
<div id="grid">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 376.447 376.447" style="enable-background:new 0 0 376.447 376.447" xml:space="preserve"><defs><linearGradient id="electives-linear-1" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#ffd323"></stop><stop offset="100%" stop-color="#b3911c"></stop></linearGradient></defs><path fill="url(#electives-linear-1)" d="M294.361,7.954l-0.88-0.56c-23.432-14.333-54.029-7.209-68.72,16l-4.64,7.4l-1-0.64l-0.84-0.52
c-13.4-8.079-30.787-4.142-39.4,8.92c-0.196,0.265-0.37,0.546-0.52,0.84l-54.04,85.44c-0.196,0.265-0.37,0.546-0.52,0.84
c-5.808,9.819-2.928,22.465,6.56,28.8l0.92,0.6c2.602,1.556,5.507,2.538,8.52,2.88l-71.08,112.8
c-0.664,0.899-1.066,1.966-1.16,3.08l-8.4,96c-0.111,1.268,0.178,2.54,0.828,3.635c1.714,2.888,5.444,3.839,8.332,2.125
l83.28-49.04c0.83-0.494,1.53-1.18,2.04-2l128-203.2l20-32l8-12.52C324.215,53.555,317.412,22.887,294.361,7.954z
M137.481,144.474c-4.323-2.741-5.627-8.455-2.92-12.8l54.4-86.12c5.002-7.891,15.434-10.267,23.36-5.32l1.32,0.8l-63.4,100.64
h-0.04C147.424,145.907,141.777,147.15,137.481,144.474z M72.561,359.314l1.72-20l2.08,0.4c4.703,1.178,8.907,3.826,12,7.56
c0.44,0.56,0.88,1.12,1.28,1.72L72.561,359.314z M144.201,316.914l-44,25.96c-4.814-7.443-12.279-12.777-20.88-14.92
c-1.318-0.33-2.653-0.584-4-0.76l4.44-50.96l80.8-128l42.24-67.24l0.96-1.52l64.44,40.6L144.201,316.914z M279.001,102.714
l-4.44,7.04l-64.32-40.56l13.68-21.68l64.4,40.72L279.001,102.714z M299.361,70.354l-4.64,7.4l-64.32-40.52l4.56-7.28
c11.193-17.731,34.606-23.093,52.4-12C305.092,29.148,310.453,52.56,299.361,70.354z"></path></svg>
<h1>Core Coursework</h1>
<p>(take these in order)</p>
</div>
<div id="main"></div>
<div id="plus2"></div>
<div id="bottom">
<div>
<p>If you would like to remove the bootcamp from your site experience, click unenroll below.</p>
<a href="more.html"> <button>Unenroll From Bootcamp</button>
</a>
</div>
</div>
<div id="footer"></div>
</body>
</html>
</html>
<script src="https://kit.fontawesome.com/2ab2a134b6.js" crossorigin="anonymous"></script>
<script src="./scripts/bootcamp.js" type="module"></script>