<!-- 
                                                                                                                                                                                                                                                                                                                                                                                                             
                                                                   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>&nbsp;</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>