index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>PipeOps HTML Template</title>
    <link rel="stylesheet" href="./styles.css" />
  </head>
  <body>
    <header><img src="./pipeops-light.svg" alt="pipeops logo" /></header>
    <main>
      <section class="hero">
        <h1>Your deployment is successful 🎉</h1>
        <p>
          Now that your deployment is successful, there's a whole lot
          more you can explore on PipeOps.
        </p>
      </section>
      <section>
        <div class="cardsWrapper">
          <a href="https://docs.pipeops.io/" class="card">
            <div><img src="./book.svg" />
            <h2>Documentation</h2></div>
            <p>Full details on what PipeOps has to offer</p>
          </a>
          <a href="https://pipeops.io/resources/guides" class="card">
           <div> <img src="./layers.svg" />
            <h2>Guides</h2></div>
            <p>Get Started without stress</p>
          </a>
        <a href="https://pipeops.io/resources/tutorials" class="card">
            <div>
              <img src="./bookmark.svg" />
            <h2>Tutorials</h2>
            </div>
            <p>How-tos from the basic to most advanced</p>
          </a>
          <a href="https://join.slack.com/t/pipeopscommunity/shared_invite/zt-23gmjrl0k-Pzm2cBgIMTsUu5Az73PYKg" class="card">
            <div>
              <img src="./slack.svg" />
            <h2>Slack</h2>
            </div>
            <p>Join our community on Slack</p>
          </a>
          <a href="https://discord.gg/PQscGtfFD2" class="card">
            <div>
              <img src="./message-circle.svg" />
            <h2>Discord</h2>
            </div>
            <p>Join our community on Discord and stay up to date with the latest on Pipeops</p>
          </a>
        </div>
      </section>
    </main>
    <footer>
      <!-- <img src="./pipeops-light.svg" alt="pipeops logo" /> -->
      <p>© PipeOps -<a href="https://pipeops.io"> PipeOps.io</a> -
        <a href="/">Github</a> -
        <a href="https://discord.gg/PQscGtfFD2">Discord</a> -
        <a href="https://join.slack.com/t/pipeopscommunity/shared_invite/zt-23gmjrl0k-Pzm2cBgIMTsUu5Az73PYKg">Slack</a> - 
        <a href="https://blog.pipeops.io/">Blog</a>
        <a href="https://community.pipeops.io/">Community</a>
      </p>
    </footer>
  </body>
</html>