-
Notifications
You must be signed in to change notification settings - Fork 0
/
Sol_Speaker.html
187 lines (164 loc) · 6.7 KB
/
Sol_Speaker.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
176
177
178
179
180
181
182
183
184
185
186
187
<!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>Solution | Speaker</title>
<link rel="stylesheet" href="./Sol_Speaker.css" />
<link rel="stylesheet" href="nav.css" />
<link rel="stylesheet" href="promo.css" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"
/>
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css"
rel="stylesheet"
/>
<!-- -->
<link rel="stylesheet" href="footer.css">
<script src="https://code.iconify.design/iconify-icon/1.0.0-beta.3/iconify-icon.min.js"></script>
</head>
<style>
#navbar_container{
position: sticky;
top: 0;
z-index: 5000;
}
</style>
<body>
<div id="navbar_container"></div>
<div class="block_1">
<div>
<div>
<h1>Engage large audiences with Mentimeter</h1>
<p>
Make your speaking events about more than just talking. Use
Mentimeter to listen to your audience.
</p>
<button>
<p>Sign up for Free</p>
</button>
</div>
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/2W2PfVoPO987MN61lqF35J/75636f7fa02963880e130e72f4c8068f/Mentimeter_VisualAssets_Illustrations_IllustrationLibrary_Compositions_2022_01-2.png"
alt="block_1_1" />
</div>
</div>
</div>
<div class="block_2">
<div>
<div>
<h6>Make sure everyone gets heard</h6>
<p>
It can be difficult to engage large audiences and make them feel
like you’re really listening to them. With Mentimeter you can listen
to your whole audience by asking them what they really think,
testing their knowledge, and more with our interactive questions.
</p>
</div>
<div class="block_2_2">
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/5LnKwSed9zYiPTOMo1j9cK/6ec452f63af756e3e51432bdcd2762f4/Mentimeter_Branding_Icons_2020-32.svg"
alt="block_2_1" />
<p>Real-time data</p>
</div>
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/1qqIqnSXxVg3n3ld2RMtcq/93823318096a94f8cd6e6e59f07d4500/Mentimeter_Branding_Icons_2020-27.svg"
alt="block_2_1" />
<p>Unlimited audience size</p>
</div>
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/1eQXTJV6pT1bw6tIta1V7d/6eefbbae37aff13e2f5e132e7293ccb1/Mentimeter_Branding_Icons_2020-33.svg"
alt="block_2_2" />
<p>Moderate audience Q&A</p>
</div>
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/fhzTni98JHaSflZYtf47e/67474917097ab8c2f49070dd4d490470/Mentimeter_Branding_Icons_2020-31.svg"
alt="block_2_3" />
<p>Mentimote</p>
</div>
</div>
</div>
</div>
<div class="block_3">
<div>
<div>
<h1>Focus on your audience and stay in control of your presentation</h1>
<p>Say goodbye to complicated presentation clickers and turn your smartphone into a presentation remote
control with Mentimote! The Mentimote gives you the power to change presentation slides, moderate
audience questions, and more.</p>
<button>
<p>Learn more</p>
</button>
</div>
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/3TX97On9FBN0gQFNVR3ezp/43643316ee30d585064a37389731db04/Mentimeter_Web_Speakers_2022-04.png"
alt="block_3_1">
</div>
</div>
</div>
<div class="block_4">
<div>
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/1tLsFA2qCIkyoQ100L9oqX/46f2eb52a25d131fe89f8e1310686397/Mentimeter_Web_Speakers_originals_2020-05.svg"
alt="block_3_1">
</div>
<div>
<div>
<h1>Easy audience Q&A</h1>
<p>Your audience can ask questions to you with their smartphones which you can answer at any point
during your presentation. Use our Mentimote to moderate questions to ensure everything goes
smoothly. Gain complete control over your presentations whilst ensuring everyone's voice is
heard.</p>
<button>
<p>Learn more</p>
</button>
</div>
</div>
</div>
</div>
<div class="block_3 block_5">
<div>
<div>
<h1>Templates for Speakers</h1>
<p>Whether you need some inspiration, a quick icebreaker, or just want to see the many different ways
you can use Mentimeter, explore our Templates for Speakers and add the ones you like best directly
to your Mentimeter account!</p>
<button>
<p>Explore templates for speakers</p>
</button>
</div>
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/3QnFP55NDwhCnoyHB2HqfZ/7388e238b5c87a386d47de425fbf23af/Mentimeter_Web_Speakers_2022-06.png"
alt="block_3_1">
</div>
</div>
</div>
<div class="block_8">
<div id="down_Bl8">
<img src="./img (ashish)/Last 2nd div.png" alt="">
</div>
<div id="up_Bl8">
<h1>Impress with interactive presentations</h1>
<button class="btnHover">Get started</button>
</div>
</div>
<div id="footer_container"></div>
</body>
</html>
<!-- // functionality of navbar -->
<script src="nav.js"></script>
<script type="module">
import navbar from "./navbar_export.js";
let container = document.querySelector("#navbar_container");
container.innerHTML = navbar();
</script>
<!-- -->
<script type="module">
import footer from "./footer_export.js";
console.log("foooter",footer)
let foot = document.querySelector("#footer_container");
foot.innerHTML = footer;
</script>