portafolio/jokes/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Axios</title>
    <link rel="cssstylesheet" href="style.css" />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css"
    />
  </head>

  <body>
    <section class="section">
      <div class="container">
        <div class="columns">
          <div class="column is-8 is-offset-2 is-family-primary">
            <div class="card">
              <h1 class="title is-3 has-text-centered">
                Click to get new Jokes!
              </h1>
              <button class="button is-primary is-fullwidth">Click Me!</button>
            </div>
            <div class="card">
              <div class="content px-3 py-3 mt-3">
                <ul id="jokes"></ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

    <script src="app.js"></script>
  </body>
</html>