william_james_quote_machine/index.html at master · Magwit/william_james_quote_machine · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">

	<!--	<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/gelasio" type="text/css" /> -->
	<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/aleo" type="text/css" />

	<!--	Usefu.ly as a Flexbox Grid System ONLY -->
	<!--<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/useful.ly/flex.css">-->

	<!-- Usefu.ly as a Full CSS Framework with Flexbox Grid System-->
	<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/useful.ly/useful.ly.min.css">

	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<title>William James' Quotes</title>
</head>

<body>

	<!-- Hero section-->

	<div class="hero">
		<div class="flex hero-content center">

			<div>
				<h2 class="title flex center">Quotes of William James</h2>
				<button class="open-btn flex center small">Open Quote</button>

				<!-- Modal section -->

				<div id="modal" class="modal flex center">
					<div class="modal-background"></div>
					<div class="modal-content">
						<p class="modal-close"> X</p>
						<h5></h5>

						<button class="bottom-tweet open-btn flex center small">Tweet this quote</button>

					</div>
				</div>
			</div>
		</div>
	</div>

	<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
	  crossorigin="anonymous"></script>
	<script src="js/main.js"></script>
</body>

</html>