-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
82 lines (76 loc) · 3.22 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Hello Cloud IHL!</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
<script defer src="navbar.js"></script>
</head>
<body>
<nav class="navbar is-black" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a href="/" class="navbar-item">
<b>My Website</b>
</a>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false"
data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a href="/" class="navbar-item is-active">
Home
</a>
<a href="/info.html" class="navbar-item">
More Information
</a>
</div>
</div>
</div>
</nav>
<section class="section has-background-light is-medium">
<div class="container">
<h1 class="title is-1">
Hello World
</h1>
<p class="subtitle">
My static HTML page hosted with <strong>AWS Amplify</strong>!
</p>
</div>
</section>
<section class="section">
<div class="container content">
<div class="columns is-vcentered">
<div class="column is-two-thirds">
<h1>Why am I seeing this</h1>
<p>If you're seeing this, it means that your AWS Amplify site is working and serving the
<code>index.html</code> correctly.</p>
<hr>
<h1>What is Amplify?</h1>
<p>AWS Amplify is a set of tools and services that can be used together or on their own, to help
front-end web and mobile developers build scalable full stack applications, powered by AWS. With
Amplify, you can configure app backends and connect your app in minutes, deploy static web apps
in a few clicks, and easily manage app content outside the AWS console.
</p>
</div>
<div class="column has-text-right">
<img src="amp.png" style="height: 20rem">
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="content has-text-centered">
<p>
The website content is licensed <a href="LICENSE">MIT License</a>.
</p>
</div>
</footer>
</body>
</html>