-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
39 lines (27 loc) · 1.41 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Latest compiled and minified CSS -->
<link href='https://fonts.googleapis.com/css?family=Fauna+One' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" />
<!-- CSS -->
<link rel="stylesheet" href="styles.css"/>
</head>
<body>
<div class="container-fluid text-center">
<h2>Random Quote Generator</h2>
<img alt="light bulb" src="http://i57.tinypic.com/107kgfs.png" class="lightbulb">
<!--If the API isn't working this quote by Winston Churchill will be displayed-->
<h1 id="quote">“We shall defend our island, whatever the cost may be, we shall fight on the beaches, we shall fight on the landing grounds, we shall fight in the fields and in the streets, we shall fight in the hills; we shall never surrender.”</h1>
<h1 id="author"></h1>
<button id="random">Get A Quote</button>
<button id="tweet">Share Quote</button>
</div>
<!--Javascript-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>