-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
175 lines (157 loc) · 6.58 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
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
<!DOCTYPE HTML>
<!--
Story by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Story by HTML5 UP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="divided">
<!-- One -->
<section class="banner style1 orient-left content-align-left image-position-right fullscreen onload-image-fade-in onload-content-fade-right">
<div class="content">
<h1>Emotional Intelligence</h1>
<p class="major">A workshop</p>
<ul class="actions stacked">
<li><a href="#first" class="button big wide smooth-scroll-middle">Get Started</a></li>
</ul>
</div>
<div class="image">
<img src="images/tree-brain.jpg" alt="" />
</div>
</section>
<!-- Two -->
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in" id="first">
<div class="content">
<h2>Icebreaker - Two Truths and a Lie [10mins]</h2>
<ul>
<li>Split into 2 groups of 25</li>
<li>Groups will choose one representative to share 2 truths and 1 lie about themselves to the opposing group</li>
<li>Opposing group will guess which statement is the lie</li>
<li>Practises team mindset under time constraint and EI of having to compromise</li>
<li>Speed rounds </li>
</ul>
</div>
<div class="image">
<img src="images/truth.webp" alt="" />
</div>
</section>
<!-- Three -->
<section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in">
<div class="content">
<h2>Speaker [5 mins]</h2>
<p>Team leader or external guest will present overview of the workshop's objectives, along with what emotional intelligence is, and its relevance to the group as future leaders.<br>
including the 5 components of EI:
</p>
<ul>
<li>self-awareness,</li>
<li>self-regulation,</li>
<li>decision-making,</li>
<li>empathy</li>
<li>and social skills</li>
</ul>
</div>
<div class="image">
<img src="images/5-parts.webp" alt="" />
</div>
</section>
<!-- Four -->
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in">
<div class="content">
<h2>Group Activity - Empathy [15 mins]</h2>
<ul>
<li>Split into groups of 5.</li>
<li>Will be assigned hypthetical scenarios where there is conflict within a group environment.</li>
<li>Group members will take turns role-playing characters from varying perspectives.</li>
<li>Discussion afterwards of the empathy required.</li>
</ul>
</div>
<div class="image">
<img src="images/brain.jpg" alt="" />
</div>
</section>
<!-- Three -->
<section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in">
<div class="content">
<h2>Group Activity - Patience and Understanding [30 mins]</h2>
<ul>
<li>Construct a bridge as a team.</li>
<li>3 members will be blindfolded, only they can touch the equipment.</li>
<li>Bridges will be judged for aesthetic appearances alongside comparative strength.</li>
<li>Discussion afterwards of the different circumstances for each member and how that impacted their abilities.</li>
<li>Prizes offered for winning groups of both categories.</li>
</ul>
</div>
<div class="image">
<img src="images/bridge.jpg" alt="" />
</div>
</section>
<!-- Four -->
<section class="spotlight style1 orient-right content-align-left image-position-center onscroll-image-fade-in">
<div class="content">
<h2>Conclusion - Discussion and Reflection [30 mins]</h2>
<ul>
<li>
Team leader asks open-ended, thought-provoking questions to entire workshop.
</li>
<li>Individual silent reflection following group discussion, students will be encouraged to consider the importance of emotional intelligence.</li>
<li>Students write down a pledge to always try and be as emotionally intelligence as possible as a leader.</li>
<li>Distribution of prizes to participants</li>
</ul>
</div>
<div class="image">
<img src="images/rocket.webp" alt="" />
</div>
</section>
<!-- Three -->
<section class="spotlight style1 orient-left content-align-left image-position-center onscroll-image-fade-in">
<div class="content">
<h2>Budget Summary </h2>
<ul>
<li>$10 UQ voucher for each group member of the two winning bridges = $100 </li>
<li>Snacks = $50</li>
<li>Supplies for bridge-building and pledge = $70</li>
<li>Total = $220</li>
</ul>
</div>
<div class="image">
<img src="images/money.jpg" alt="" />
</div>
</section>
<!-- Five -->
<section class="wrapper style1 align-center">
<div class="inner">
<h2>Thank you for listening</h2>
</div>
<!-- Footer -->
<footer class="wrapper style1 align-center">
<div class="inner">
<ul class="icons">
<li><a href="#" class="icon brands style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands style2 fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands style2 fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon style2 fa-envelope"><span class="label">Email</span></a></li>
</ul>
<p>© Group 12 2024 EAIT Leadership Pathway.<br> Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>