-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathexample.html
40 lines (40 loc) · 1.14 KB
/
example.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
<!DOCTYPE html>
<html>
<head>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<style>
html { font-family: Arial, sans-serif; }
html, body { overflow:hidden; margin: 0; padding:0; background-color: #354090; max-width: 640px;}
iframe { width: 100% !important; }
.notice-container {
background-color: #354090;
color: #f5d9b2;
margin: 0;
padding: 0;
border-radius: 25px;
text-align: center;
}
.notice-container h2 {
margin: 10px 10px;
}
</style>
</head>
<body>
<img src="all-hands.jpg" />
<div class="notice-container">
<!-- Message - keep it concise :)-->
<h2 id="message-container">
Keep Calm and innovate!
</h2>
</div>
<div id="attachment-container">
<!-- Attachment (optional) -->
<!--
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2482.7016706419427!2d-0.1750613998965865!3d51.51868898984786!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48761ab24af9828b%3A0xb888e999cc0843e6!2sKuPP.!5e0!3m2!1sen!2suk!4v1465314079367"
width="400" height="300" frameborder="0" style="border:0"
allowfullscreen></iframe>
-->
</div>
</body>
</html>