-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
111 lines (85 loc) · 12.6 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
<!--
dddddddd
RRRRRRRRRRRRRRRRR d::::::d QQQQQQQQQ tttt GGGGGGGGGGGGG tttt
R::::::::::::::::R d::::::d QQ:::::::::QQ ttt:::t GGG::::::::::::G ttt:::t
R::::::RRRRRR:::::R d::::::d QQ:::::::::::::QQ t:::::t GG:::::::::::::::G t:::::t
RR:::::R R:::::R d:::::d Q:::::::QQQ:::::::Q t:::::t G:::::GGGGGGGG::::G t:::::t
R::::R R:::::R aaaaaaaaaaaaa nnnn nnnnnnnn ddddddddd:::::d ooooooooooo mmmmmmm mmmmmmm Q::::::O Q::::::Quuuuuu uuuuuu ooooooooooo ttttttt:::::ttttttt eeeeeeeeeeee G:::::G GGGGGG eeeeeeeeeeee nnnn nnnnnnnn eeeeeeeeeeee rrrrr rrrrrrrrr aaaaaaaaaaaaa ttttttt:::::ttttttt ooooooooooo rrrrr rrrrrrrrr
R::::R R:::::R a::::::::::::a n:::nn::::::::nn dd::::::::::::::d oo:::::::::::oo mm:::::::m m:::::::mm Q:::::O Q:::::Qu::::u u::::u oo:::::::::::oo t:::::::::::::::::t ee::::::::::::ee G:::::G ee::::::::::::ee n:::nn::::::::nn ee::::::::::::ee r::::rrr:::::::::r a::::::::::::a t:::::::::::::::::t oo:::::::::::oo r::::rrr:::::::::r
R::::RRRRRR:::::R aaaaaaaaa:::::an::::::::::::::nn d::::::::::::::::d o:::::::::::::::om::::::::::mm::::::::::m Q:::::O Q:::::Qu::::u u::::u o:::::::::::::::ot:::::::::::::::::t e::::::eeeee:::::ee G:::::G e::::::eeeee:::::een::::::::::::::nn e::::::eeeee:::::eer:::::::::::::::::r aaaaaaaaa:::::at:::::::::::::::::t o:::::::::::::::or:::::::::::::::::r
R:::::::::::::RR a::::ann:::::::::::::::nd:::::::ddddd:::::d o:::::ooooo:::::om::::::::::::::::::::::m Q:::::O Q:::::Qu::::u u::::u o:::::ooooo:::::otttttt:::::::tttttt e::::::e e:::::e G:::::G GGGGGGGGGGe::::::e e:::::enn:::::::::::::::ne::::::e e:::::err::::::rrrrr::::::r a::::atttttt:::::::tttttt o:::::ooooo:::::orr::::::rrrrr::::::r
R::::RRRRRR:::::R aaaaaaa:::::a n:::::nnnn:::::nd::::::d d:::::d o::::o o::::om:::::mmm::::::mmm:::::m Q:::::O Q:::::Qu::::u u::::u o::::o o::::o t:::::t e:::::::eeeee::::::e G:::::G G::::::::Ge:::::::eeeee::::::e n:::::nnnn:::::ne:::::::eeeee::::::e r:::::r r:::::r aaaaaaa:::::a t:::::t o::::o o::::o r:::::r r:::::r
R::::R R:::::R aa::::::::::::a n::::n n::::nd:::::d d:::::d o::::o o::::om::::m m::::m m::::m Q:::::O Q:::::Qu::::u u::::u o::::o o::::o t:::::t e:::::::::::::::::e G:::::G GGGGG::::Ge:::::::::::::::::e n::::n n::::ne:::::::::::::::::e r:::::r rrrrrrraa::::::::::::a t:::::t o::::o o::::o r:::::r rrrrrrr
R::::R R:::::R a::::aaaa::::::a n::::n n::::nd:::::d d:::::d o::::o o::::om::::m m::::m m::::m Q:::::O QQQQ:::::Qu::::u u::::u o::::o o::::o t:::::t e::::::eeeeeeeeeee G:::::G G::::Ge::::::eeeeeeeeeee n::::n n::::ne::::::eeeeeeeeeee r:::::r a::::aaaa::::::a t:::::t o::::o o::::o r:::::r
R::::R R:::::Ra::::a a:::::a n::::n n::::nd:::::d d:::::d o::::o o::::om::::m m::::m m::::m Q::::::O Q::::::::Qu:::::uuuu:::::u o::::o o::::o t:::::t tttttte:::::::e G:::::G G::::Ge:::::::e n::::n n::::ne:::::::e r:::::r a::::a a:::::a t:::::t tttttto::::o o::::o r:::::r
RR:::::R R:::::Ra::::a a:::::a n::::n n::::nd::::::ddddd::::::ddo:::::ooooo:::::om::::m m::::m m::::m Q:::::::QQ::::::::Qu:::::::::::::::uuo:::::ooooo:::::o t::::::tttt:::::te::::::::e G:::::GGGGGGGG::::Ge::::::::e n::::n n::::ne::::::::e r:::::r a::::a a:::::a t::::::tttt:::::to:::::ooooo:::::o r:::::r
R::::::R R:::::Ra:::::aaaa::::::a n::::n n::::n d:::::::::::::::::do:::::::::::::::om::::m m::::m m::::m QQ::::::::::::::Q u:::::::::::::::uo:::::::::::::::o tt::::::::::::::t e::::::::eeeeeeee GG:::::::::::::::G e::::::::eeeeeeee n::::n n::::n e::::::::eeeeeeee r:::::r a:::::aaaa::::::a tt::::::::::::::to:::::::::::::::o r:::::r
R::::::R R:::::R a::::::::::aa:::a n::::n n::::n d:::::::::ddd::::d oo:::::::::::oo m::::m m::::m m::::m QQ:::::::::::Q uu::::::::uu:::u oo:::::::::::oo tt:::::::::::tt ee:::::::::::::e GGG::::::GGG:::G ee:::::::::::::e n::::n n::::n ee:::::::::::::e r:::::r a::::::::::aa:::a tt:::::::::::tt oo:::::::::::oo r:::::r
RRRRRRRR RRRRRRR aaaaaaaaaa aaaa nnnnnn nnnnnn ddddddddd ddddd ooooooooooo mmmmmm mmmmmm mmmmmm QQQQQQQQ::::QQ uuuuuuuu uuuu ooooooooooo ttttttttttt eeeeeeeeeeeeee GGGGGG GGGG eeeeeeeeeeeeee nnnnnn nnnnnn eeeeeeeeeeeeee rrrrrrr aaaaaaaaaa aaaa ttttttttttt ooooooooooo rrrrrrr
Q:::::Q
QQQQQQ
Hi There! Trying to view source? Visit the websites GitHub instead here: https://github.com/Plextora/random-quotes-gen
-->
<!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">
<!-- bootstrap.min.css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- styling.css -->
<link rel="stylesheet" href="css/styling.css">
<!-- font awesome -->
<script src="js/all.js"></script>
<!-- Start of SEO -->
<title>Random Quotes Generator</title>
<meta property="og:title" content="Random Quotes Generator" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="An open-source website to generate quotes randomly" />
<meta property="og:description" content="An open-source website to generate quotes randomly" />
<link rel="canonical" href="https://plextora.github.io/random-quotes-generator" />
<meta property="og:url" content="https://plextora.github.io/random-quotes-generator" />
<meta property="og:site_name" content="Random Quotes Generator" />
<meta name="twitter:card" content="summary" />
<meta property="twitter:title" content="Random Quotes Generator" />
<script type="application/ld+json">
{"headline":"random-quotes-generator","description":"An open-source website to generate quotes randomly","url":"https://plextora.github.io/random-quotes-generator","@type":"WebSite","name":"random-quotes-generator","@context":"https://schema.org"}</script>
<!-- End of SEO -->
<style>
body {
background-image: url('img/bg.png');
}
.audioPlayer{
display: block;
border-radius: 20px;
margin:0 auto;
}
</style>
</head>
<!-- Favicon -->
<link rel="icon" type="image/png" href="img/favicon.png" sizes="32x32">
<body>
<div class="conainer">
<div class="row max-height align-items-center">
<div class="col-11 mx-auto col-md-6 quote-container p-5">
<button class="btn-outline-primary text-capitalize my-4 d-block mx-auto" id="generate-btn">generate quote</button>
<h3 class="text-muted"><span class="quote-icon mr-3"><i class="fas fa-quote-left fa-3x"></i></span><span id="quote">Press the "Generate Quote" button to generate as many quotes as you need!
</span></i></span></h3>
<h5 class="text-right text-capitalize author">-<span class="quote-author ml-3 ">Plextora (The developer of this website)</span></h5>
<p> </p>
<h6>You can use the audio player below to play relaxing music!</h6>
</div>
</div>
</div>
<!-- jquery -->
<script src="js/jquery-3.3.1.min.js"></script>
<!-- bootstrap.js -->
<script src="js/bootstrap.bundle.min.js"></script>
<!-- main script -->
<script src="js/app.js"></script>
<audio class='audioPlayer' autoplay controls loop title="Soul & Mind - E's Jammy Jam">
<source src="audio/Soul & Mind - E's Jammy Jam.mp3" type='audio/mpeg'>
</audio>
</body>
</html>