-
Notifications
You must be signed in to change notification settings - Fork 0
/
presentation.html
214 lines (196 loc) · 9.94 KB
/
presentation.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
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
<!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>Presentation</title>
<link rel="stylesheet" href="./presentation.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">
<style>
#navbar_container{
position: sticky;
top: 0;
}
</style>
</head>
<body>
<div id="navbar_container"></div>
<div id="main">
<div>
<h1>Online Presentation Maker</h1>
<p>More than just interactive slides, Mentimeter makes building impressive presentations easier than ever before.</p>
<button onclick="signup()">Create a Presentation</button>
</div>
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/0zS3fDO8jfFRIKrk2W6jQ/5b1ba791d9f06bca8c498aa6f1f9f248/Mentimeter_Applications_Web_FeaturePages_PresentationMaker_HeroImage_2021.png" alt="">
</div>
</div>
<div id="polls">
<h1 id="h1">How can you build a full presentation?</h1>
<p id="p">A series of pre-designed slide types can be customized to suit any type of presentation from a history class to an all-hands meeting. Combine interactive and content slides to create a complete slide deck in a straightforward and efficient manner.</p>
</div>
<div id="part">
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/OqyeT3mWirtEZL9HiqlA5/2b0ba8f27ee2b440a78fb32ee0182bf6/Easy-to-use-editor" alt="">
<h2>Easy-to-use editor</h2>
</div>
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/5iUZdjR6Zelf7QWdraqkiI/2d943af95def1f13d919680d01f6d5e3/various-slide-types" alt="">
<h2>Various slide types</h2>
</div>
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/U6e3yTkuljycHc8zpbowN/431f2746722d140454f0a76e1604ef7a/file" alt="">
<h2>Cloud based</h2>
</div>
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/3zNj2DeDCYNhlqu9avujqI/db9b955f827026b7ef929f2f9250a032/premade-templates" alt="">
<h2>Pre-made Templates</h2>
</div>
</div>
<div id="part2">
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/41dtGjzWp5QgRnzgFYhoB7/d0f5a97fed6bad51683e288d01414b6e/Mentimeter_Applications_Web_FeaturePages_PresentationMaker_2021_01.png" alt="">
</div>
<div>
<h1>User friendly</h1>
<ul>
<li type="square">Our presentation editor features a simplistic and easy-to-navigate layout.</li>
<li type="square">Each slide features pop-up help bubbles designed to assist you.</li>
<li type="square">We have a variety of ways for you to share your presentation and for your audience to join.</li>
</ul>
</div>
</div>
<div id="part3">
<div>
<h1>Impressive designs </h1>
<ul>
<li type="square">Each interactive Mentimeter slide features a series of bright and vibrant colors.</li>
<li type="square">Use a variety of Mentimeter themes to change the color scheme and font style.</li>
<li type="square">Add images as background or have them appear on your audience's devices.</li>
</ul>
</div>
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/7INeKboZS1RR4FFBsG7Ajj/e796d99a68fd6e82572d4363573db507/Mentimeter_Applications_Web_FeaturePages_PresentationMaker_2021_02.png" alt="">
</div>
</div>
<div id="part4">
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/6LzdmmNDNI9d9F91bL28gP/799382fc87e87421a284e411dcb2815a/Mentimeter_Applications_Web_FeaturePages_PresentationMaker_2021_03.png" alt="">
</div>
<div>
<h1>Fully customizable </h1>
<ul>
<li type="square">The questions and content of every slide type can be adjusted to fit your needs.</li>
<li type="square">Many interactive slides include a series of different layouts so you can mix and match to make your presentation unique.</li>
<li type="square">Paid plans can also change the color scheme and add custom branding to presentations.</li>
</ul>
</div>
</div>
<div id="part5">
<div>
<h1>Plenty of integrations</h1>
<ul>
<li type="square">Our PowerPoint plug-in means you paid users can easily import their go-to presentations.</li>
<li type="square">The Mentimeter app for Zoom is now available and can be downloaded and used for a seamless Zoom experience.</li>
<li type="square">Mentimeter is likewise available on the Microsoft Teams marketplace. Interactivity is now available for more Teams calls.</li>
</ul>
<button>Read More</button>
</div>
<div>
<img src="https://images.ctfassets.net/rvt0uslu5yqp/5THyl554NVNe0x2Q4VClJD/e602c11a77889a3c0da5d9cb3c8d5636/Mentimeter_Applications_Web_FeaturePages_PresentationMaker_2021_04.png" alt="">
</div>
</div>
<div id="h1p">
<h1>Not sure where to start? </h1>
<p>No need to worry because we have a countless array of ready-made templates. Take inspiration from our collection or feel free to use them in your next presentation with whatever edits you want. </p>
</div>
<div id="part7">
<div>
<img src="https://static.mentimeter.com/screenshot?url=https%3A%2F%2Fwww.mentimeter.com%2Fapp%2Fpresentation%2Ffa26e3a452076a0e796691e10003b424%2Fa20ad50497e8%2Fpreview&maxage=864000&w=1600&h=900?fit=fill&w=1600&h=900" alt="">
<h2>Music Quiz</h2>
<button onclick="signup()" class="btn1">Add Template</button>
<button onclick="preview()" class="btn2">Preview</button>
</div>
<div>
<img src="https://static.mentimeter.com/screenshot?url=https%3A%2F%2Fwww.mentimeter.com%2Fapp%2Fpresentation%2Ffcd211d700ea1b1f4e1a0ab4362c6229%2F77773323b228%2Fpreview&maxage=864000&w=1600&h=900?fit=fill&w=1600&h=900" alt="">
<h2>Get to Know Your Teacher Quiz</h2>
<button onclick="signup()" class="btn1">Add Template</button>
<button onclick="preview()" class="btn2">Preview</button>
</div>
<div>
<img src="https://static.mentimeter.com/screenshot?url=https%3A%2F%2Fwww.mentimeter.com%2Fapp%2Fpresentation%2F379740e13994a277884293f80f375d8c%2F9aabc5f17ac5%2Fpreview&maxage=864000&w=1600&h=900?fit=fill&w=1600&h=900" alt="">
<h2>Project Brainstorming Session</h2>
<button onclick="signup()" class="btn1">Add Template</button>
<button onclick="preview()" class="btn2">Preview</button>
</div>
<div>
<img src="https://static.mentimeter.com/screenshot?url=https%3A%2F%2Fwww.mentimeter.com%2Fapp%2Fpresentation%2F9fdb589311c4251fec6ffe33326ab16e%2F45a7243bc853%2Fpreview&maxage=864000&w=1600&h=900?fit=fill&w=1600&h=900" alt="">
<h2>Cultural Diversity</h2>
<button onclick="signup()" class="btn1">Add Template</button>
<button onclick="preview()" class="btn2">Preview</button>
</div>
</div>
<div id="part8">
<h1>Need help taking the first step?</h1>
<p>We have a step-by-step guide to creating a Mentimeter account, accessing our presentation builder, and getting started designing slides. Have a look at what Mentimeter has to offer and what it can do for your next presentation! Or why not try out our free public speaking course?</p>
</div>
<div id="video">
<iframe width="830" height="490" src="https://www.youtube.com/embed/IQwGklW62v8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<h1 id="htag">Make Premium Presentation</h1>
<div id="part9">
<div class="hov">
<img src="https://images.ctfassets.net/rvt0uslu5yqp/gfYaZqI3WTCmWx0K8tyk3/37b71cea1f254c65dddb2954a47d9bc2/Screenshot_2022-06-28_at_13.22.58.png?w=540&q=60" alt="">
<h2>Best Presentation Software & Tools</h2>
<p>The best of the best when it comes to designing slides and making presentation!</p>
</div>
<div class="hov">
<img src="https://images.ctfassets.net/rvt0uslu5yqp/LCWWLq3jLGxpcckceiGhD/b800207b14d75d4addef3db3deed8e1f/Screen_Shot_2022-04-01_at_14.54.28.png?w=540&q=60" alt="">
<h2>The Best 9 Ways To End A Presentation</h2>
<p>Learn how to end with a bang, a round of applause, and even an encore if you want.</p>
</div>
<div class="hov">
<img src="https://images.ctfassets.net/rvt0uslu5yqp/10CC6fnF3bhb3mkNH4uzf1/cdce4a43cfb37e4f3f319819a473ef6f/image_1_50.jpeg?w=540&q=60" alt="">
<h2>How To Improve Your Public Speaking Skills</h2>
<p>Making great presentation in just the first step. Presenting well is equally as important!</p>
</div>
</div>
<div id="foot">
<h1>Impress with interactive presentations</h1>
<button onclick="signup()">Sign up for Free</button>
</div>
<div id="footer_container"></div>
</body>
</html>
<script>
function signup(){
window.location.href="signup.html"
}
function preview(){
window.location.href="https://www.mentimeter.com/templates/p/project-risk-management"
}
</script>
<script src="nav.js"></script>
<script type="module">
import navbar from "./navbar_export.js";
let container = document.getElementById("navbar_container");
container.innerHTML = navbar();
</script>
<script src="https://code.iconify.design/iconify-icon/1.0.0-beta.3/iconify-icon.min.js"></script>
<script type="module">
import footer from "./footer_export.js";
console.log("foooter",footer)
let foot = document.querySelector("#footer_container");
foot.innerHTML = footer;
</script>