-
Notifications
You must be signed in to change notification settings - Fork 0
/
hourofcode.html
118 lines (91 loc) · 4.93 KB
/
hourofcode.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
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
<!DOCTYPE html>
<html>
<head>
<title>3ADAm 1qiz / HourOfCode</title>
<link rel="icon" type="image/x-icon" href="./media/logo_header.png">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<article>
<div id="banner">
<a href="index.html">
<img id="logo" src="media/logo.png" height="50"><br>
</a>
<ul>
<li><a style="padding: 25px;" href="hourofcode.html">Hour of Code</a></li>
<li><a style="padding: 25px;" href="team.html">Team</a></li>
<li><a style="padding: 25px;" href="ourwebsiteproject.html">Our Website project</a></li>
</ul>
</div>
<h1 id="head">3<span id="name_1">A</span><span id="name_2">D</span><span id="name_3">A</span>m 1qiz</h1>
<section id="code_cards">
<div class="card_1">
<h2>What is Hour of Code</h2>
<p>Hour of Code is a global event dedicated to teach students how coding functions.
It is an event that takes place annually during the second week of December. Usually
this event lasts about an hour and here participant are encouraged to do some basic coding
activities. The prominent goal is to demonstrate that anyone can learn fundamentals of coding, and
to increase interest in computer science.</p><br>
</div>
<img id="img_1" src="media/top/msg1272489973-90691.jpg" width="500px">
<div class="card_2">
<h2>Our Hour of Code event</h2>
<p>We chose Baku Turkish Anatolian High School to evaluate the Code of Hour activity. In Azerbaijan, our
compatriots, and citizens of Türkiye study in the school that is affiliated to the MNE (Ministry of
National Education). This school, unfortunately, has a stereotype that there is no good university in
Azerbaijan, which was the main reason we chose this school. The staff of the school welcomed us with
a smile and support. The principal’s assistant helped us choose the class, and we chose the 7E class
since it was the most suitable for us. Thirty-four children participated in our event, and it was very
dynamic. Schoolers listened attentively to us, and they showed interest in greeting us warmly.</p><br>
</div>
<img id="img_2" src="media/mid/msg1272489973-90726.jpg" width="500px">
<div class="card_3">
<h2>Suprising Outcomes for the Kids</h2>
<p>On the very first day we started, we designed certificates. We entrusted this to Toghrul, who is
engaged in design in our team. We decided to design the certificates in two different cases. One
was a general attendance certificate, and this was given to everyone. Another five special certificates
were prepared and given to participants who attended the coding part. . The children were delighted by
the presents we brought a rocket model, notebooks, stickers, and other school supplies. They were
particularly fascinated by our rocket model. </p>
</div>
<iframe id="f_video" frameborder="0" allowfullscreen src="https://www.youtube.com/embed/aWNM-0rrxoI" width="500px" height="250px">Hour of Code video</iframe>
</article>
<footer>
<div class="foot">
<a href="https://www.ada.edu.az/" target="_blank">
<img class="logo" src="media/ada_logo_white.png" height="80">
</a>
<a href="index.html">
<img id="logo_footer" src="media/logo.png" height="50"><br>
</a>
<h2 class="head">ADA university</h2>
<p class="first">Ahmadbey Aghaoghlu str. 61,</p>
<p class="second">Baku, Azerbaijan, AZ1008</p>
</div>
<div class="numbers">
<p class="tel1">TEL: (+994 12) 437 32 35</p>
<p class="tel2">(+994 12) 437 32 36</p>
</div>
<photo class="social_media">
<a id="facebook" href="https://www.facebook.com/ADAUniversity/" target="_blank">
<img src="media/facebook.png" height="35px">
</a>
<a id="instagram" href="https://www.instagram.com/ada.university/" target="_blank">
<img src="media/instagram.png" height="35px">
</a>
<a id="youtube" href="https://www.youtube.com/@ADAUniversity" target="_blank">
<img src="media/youtube.png" height="35px">
</a>
</photo>
<div id="blur">
<p>Thanks for sharing!</p>
</div>
<form id="text_feedback" class="text_write">
<p id="feedback">Feedback:</p>
<input type="text" placeholder="Enter text" id="extra" name="extra"><br>
<button class="botton" type="submit" onclick="return sendform()">Submit</button>
<script src="node.js"></script>
</form>
</footer>
</body>
</html>