This repository has been archived by the owner on Nov 20, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (122 loc) · 4.71 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Home: Fake Quote Heaven</title>
<meta name="description" content="Fake Quote Heaven - Firat Ciftci" />
<meta name="author" content="Firat Ciftci" />
<link rel="stylesheet" href="styles.css?v=1.0" />
<script src="jquery-3.3.1.min.js"></script>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous"
/>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"
></script>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
crossorigin="anonymous"
/>
</head>
<body>
<script src="scripts.js"></script>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand mb-0 h1" href="/">Fake Quote Heaven</a>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarText"
aria-controls="navbarText"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/create.html">Create</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/paper.html">Paper</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/quiz.html">Quiz</a>
</li>
</ul>
</div>
</nav>
<div class="page-content container">
<div class="jumbotron">
<h1 class="display-4">Welcome to the Fake Quote Heaven!</h1>
<p class="lead">
This website is dedicated to all the humorous and deceptive quotes falsely attributed to
celebrities. Below, you can find a paper analyzing the nature of fake quotes, a fun test
to see if you can differentiate between real and fake quotes, and a fake quote generator
to have some fun and deceive your friends.
</p>
</div>
<div class="card-deck">
<div class="card">
<a id="card-1" href="/create.html" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title">Create a fake quote</h5>
<p class="card-text">
Create your own fake quote and fool the whole world. A slight warning: creating too
many fake quotes has the risk of undermining democracy, use at your own risk.
</p>
</div>
<a href="/create.html" class="card-footer text-center">
Go to page
<i class="fas fa-arrow-circle-right"></i>
</a>
</div>
<div class="card">
<a id="card-2" href="/paper.html" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title">Read paper on fake quotes</h5>
<p class="card-text">
Curious about fake quotes? Read a paper analyzing their historical progression,
effectiveness, and the reasons as to why people view some quotes as more credible than
others.
</p>
</div>
<a href="/paper.html" class="card-footer text-center">
Go to page
<i class="fas fa-arrow-circle-right"></i>
</a>
</div>
<div class="card">
<a id="card-3" href="/quiz.html" class="card-img-top"></a>
<div class="card-body">
<h5 class="card-title">Test your fake quote spotting skills</h5>
<p class="card-text">
Feel like you know all about fake quotes? Ready to challenge yourself? Take the fake
quotes quiz and see if you can separate the fake ones from the real.
</p>
</div>
<a href="/quiz.html" class="card-footer text-center">
Go to page
<i class="fas fa-arrow-circle-right"></i>
</a>
</div>
</div>
</div>
<nav class="navbar navbar-light bg-light" style="margin-top: 1rem">
<span class="navbar-text">
LING 23920 • Midterm Project by Firat Ciftci
</span>
</nav>
</body>
</html>