-
-
Notifications
You must be signed in to change notification settings - Fork 26
Expand file tree
/
Copy pathtest.html
More file actions
217 lines (217 loc) · 11 KB
/
test.html
File metadata and controls
217 lines (217 loc) · 11 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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
type: page_en
slug: home
url: test.html
title: Python in Education
---
<div class="about-block">
<div class="wrap">
<div class="container-fluid">
<div class="row">
<div class="col-md-4 col">
<div class="image-holder">
<img src="images/img1.png" alt="image">
</div>
<h2>learn</h2>
<p>Lorem ipsum dolor sit amet, sit oporteat atomorum te, qui ad enim etiam congue. Cu homero propriae mea, ne vel invidunt phaedrum efficiendi. </p>
<a href="#" class="more"><span>get_started</span></a>
</div>
<div class="col-md-4 col">
<div class="image-holder">
<img src="images/img2.png" alt="image">
</div>
<h2>teach</h2>
<p>Lorem ipsum dolor sit amet, sit oporteat atomorum te, qui ad enim etiam congue. Cu homero propriae mea, ne vel </p>
<a href="#" class="more"><span>fun resources</span></a>
</div>
<div class="col-md-4 col">
<div class="image-holder">
<img src="images/img3.png" alt="image">
</div>
<h2>build</h2>
<p>Lorem ipsum dolor sit amet, sit oporteat atomorum te, qui ad enim etiam congue. Cu homero propriae mea, ne vel invidunt phaedrum efficiendi. Enim iudicabit cu eam, </p>
<a href="#" class="more"><span>lets go!</span></a>
</div>
</div>
<span class="sticker"></span>
</div>
</div>
</div>
<div class="illustration-block">
<img src="images/img-visual.jpg" alt="image description" width="1440" height="942">
</div>
<section class="text-section">
<div class="wrap">
<div class="container-fluid">
<div class="row">
<div class="col-md-4 visual text-center">
<img src="images/img4.png" alt="image description" width="187" height="186">
</div>
<div class="col-md-8 description">
<h2>python is a programming language.</h2>
<p>It's used all over the world by all sorts of people from professional coders to complete beginners. It's very easy to learn. Use Python to code cool stuff on your micro:bit or other computer.</p>
</div>
</div>
<span class="sticker"></span>
<span class="sticker sticker-top"></span>
</div>
</div>
</section>
<section class="title-section" style="background: url(images/img5.png) no-repeat 100% 100%;">
<div class="container-fluid">
<div class="row">
<div class="col-xs-6 col-lg-7 heading-col separator1">
<h1>learning <span>is play</span></h1>
</div>
</div>
</div>
</section>
<section class="info-section">
<div class="wrap">
<div class="container-fluid">
<span class="sticker sticker1"></span>
<h1> learn</h1>
<div class="row">
<!-- product item -->
<div class="article">
<div class="col-md-4 visual text-center">
<img src="images/img6.png" alt="image description">
</div>
<div class="col-md-8">
<div class="description">
<h2>tutorials</h2>
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
<a href="#" class="more"><span>this is a link</span></a>
</div>
</div>
</div>
<!-- product item -->
<div class="article">
<div class="col-md-4 visual text-center">
<img src="images/img7.png" alt="image description">
</div>
<div class="col-md-8">
<div class="description">
<h2>micro:bit</h2>
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
<a href="#" class="more"><span>code the future with micro:bit</span></a>
</div>
</div>
</div>
<!-- product item -->
<div class="article">
<div class="col-md-4 visual text-center">
<img src="images/img8.png" alt="image description">
</div>
<div class="col-md-8">
<div class="description">
<h2>raspberry pi</h2>
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
<a href="#" class="more"><span>this is a link</span></a>
</div>
</div>
</div>
</div>
<span class="sticker"></span>
</div>
</div>
</section>
<section class="title-section center" style="background: url(images/img9.png) no-repeat 85% 50%;">
<div class="container-fluid">
<div class="row">
<div class="col-xs-6 col-lg-7 heading-col separator2">
<h1>play is <span>creativity</span></h1>
</div>
</div>
</div>
</section>
<section class="info-section">
<div class="wrap">
<div class="container-fluid">
<span class="sticker sticker2"></span>
<h1> teach</h1>
<div class="row">
<!-- product item -->
<div class="article">
<div class="col-md-4 visual text-center">
<img src="images/img10.png" alt="image description">
</div>
<div class="col-md-8">
<div class="description">
<h2>resources</h2>
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
<a href="#" class="more"><span>this is a link</span></a>
</div>
</div>
</div>
<!-- product item -->
<div class="article">
<div class="col-md-4 visual text-center">
<img src="images/img11.png" alt="image description">
</div>
<div class="col-md-8">
<div class="description">
<h2>community</h2>
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
<a href="#" class="more"><span>this is a link</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="title-section" style="background: url(images/img12.png) no-repeat 91% 100%;">
<div class="container-fluid">
<div class="row">
<div class="col-xs-6 col-lg-7 heading-col separator3">
<h1>creativity is <span>exploration</span></h1>
</div>
</div>
</div>
</section>
<section class="info-section">
<div class="wrap">
<div class="container-fluid">
<h1> build</h1>
<div class="row">
<!-- product item -->
<div class="article">
<div class="col-md-4 visual text-center">
<img src="images/img7.png" alt="image description">
</div>
<div class="col-md-8">
<div class="description">
<h2>documentation</h2>
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
<a href="#" class="more"><span>this is a link</span></a>
</div>
</div>
</div>
<!-- product item -->
<div class="article">
<div class="col-md-4 visual text-center">
<img src="images/img8.png" alt="image description">
</div>
<div class="col-md-8">
<div class="description">
<h2>source code</h2>
<p>Eum ei nisl idque offendit, oratio oporteat has ea, ius habeo vivendo ea. Nec erat audiam complectitur id. Viderer nominati maluisset vim in, cum in labores sensibus, eu purto dicit sed. Cu nec graeci accommodare. His duis doming urbanitas an, impetus gubergren ut mel. Eius dignissim theophrastus pri an, cu petentium consequat eum.</p>
<a href="#" class="more"><span>this is a link</span></a>
</div>
</div>
</div>
</div>
<span class="sticker sticker3"></span>
</div>
</div>
</section>
<section class="title-section" style="background: url(images/img13.png) no-repeat 89% 100%;">
<div class="container-fluid">
<span class="sticker sticker-bottom"></span>
<div class="row">
<div class="col-xs-6 col-lg-7 heading-col separator4">
<h1>explore with <span>python</span></h1>
</div>
</div>
</div>
</section>