Random-Quotes-JavaScript-Project/Index.html at main · Usman-pk/Random-Quotes-JavaScript-Project · 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
<!doctype html>
<html lang="en">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/css/bootstrap.min.css"
    integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

  <title>Random Quotes JavaScript Project</title>
</head>

<body id="bodyID">

  <div class="container pt-3">
    <div class="card" style="width: 30rem;">
      <div class="card-body">
        <h5 class="card-title" id="authorName" style="color: rgb(55, 11, 56);">Author</h5>
        <p class="card-text" id="quote">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac felis a elit
          malesuada facilisis. Sed condimentum odio ac tortor posuere, vitae luctus sem commodo. Integer maximus leo ac
          mattis consequat. Nullam feugiat laoreet massa. Morbi vitae porta nunc. Praesent eleifend mattis purus, ut
          varius sem pellentesque semper. </p>
        <a href="#" class="btn btn-primary" onclick="getQuote()">Generate Quote</a>
      </div>
    </div>
  </div>


  <script src="Quote.js"></script>
  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.3/dist/umd/popper.min.js"
    integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.1.3/dist/js/bootstrap.min.js"
    integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
    crossorigin="anonymous"></script>
</body>

</html>