File Editor

Directories:

Files:

Create New File

Edit File: default.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
    />
    <title>HostGator Website Startup Guide</title>
    <style>
      html,
      body {
        height: 100%;
      }

.LandingPage {
        background-image: url("https://static.hostgator.com/img/cpanel-icons/landing-page/background.svg");
        background-size: cover;
        background-repeat: no-repeat;
        overflow-x: hidden;
        overflow-y: hidden;
      }

.LandingPage__Main {
        background-image: url("https://static.hostgator.com/img/cpanel-icons/landing-page/skewed-rectangle-white.svg");
        background-size: cover;
        background-repeat: no-repeat;
        max-width: 735.72px;
        width: 100%;
        height: 350px;
      }

.LandingPage__H1 {
        font-weight: 800;
      }

.LandingPage__H3 {
        font-weight: 500;
      }

.LandingPage__H5 {
        font-weight: 400;
      }

.LandingPage__Footer {
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
      }

@media only screen and (max-width: 576px) {
        .LandingPage__Main {
          height: 250px;
          width: inherit;
        }

.LandingPage__Img--login,
        .LandingPage__Img--support {
          width: 50px;
        }
      }
    </style>
  </head>
  <body>
    <div class="LandingPage h-100">
      <div class="container d-flex flex-column align-items-center h-100">
        <div class="row text-center my-5">
          <div class="col my-2 my-sm-5">
            <a
              href="https://www.hostgator.com/"
              target="_blank"
              rel="noopener noreferrer"
              title="HostGator.com"
              aria-label="HostGator.com"
            >
              <img
                src="https://static.hostgator.com/img/cpanel-icons/landing-page/hostgator-logo.svg"
                alt="HostGator"
                class="img-fluid"
              />
            </a>
          </div>
        </div>
        <main class="LandingPage__Main px-4">
          <div class="row">
            <div class="col pt-4 pt-md-5 py-2 py-sm-4 my-sm-3 text-center">
              <h1
                class="LandingPage__H1 d-none d-sm-block"
                style="color: #1f2142;"
              >
                Let's set up your website!
              </h1>
              <h3
                class="LandingPage__H3 d-block d-sm-none"
                style="color: #1f2142;"
              >
                Let's set up your website!
              </h3>
            </div>
          </div>
          <div class="row pt-sm-4">
            <div
              class="col d-flex flex-column flex-sm-row justify-content-between align-items-center justify-content-sm-around px-5 px-sm-0"
            >
              <div class="d-flex align-items-center">
                <img
                  src="https://static.hostgator.com/img/cpanel-icons/landing-page/login.svg"
                  alt="Login"
                  class="LandingPage__Img--login"
                />
                <a
                  href="https://portal.hostgator.com/login"
                  class="text-decoration-none"
                  style="color: #3c97ff;"
                >
                  <h3 class="LandingPage__H3 d-none d-sm-block ml-3">
                    Log in to <br />
                    HostGator
                  </h3>
                  <h5 class="LandingPage__H5 d-block d-sm-none ml-3">
                    Log in to <br />
                    HostGator
                  </h5>
                </a>
              </div>
              <div class="d-flex align-items-center mt-3 mt-sm-0">
                <img
                  src="https://static.hostgator.com/img/cpanel-icons/landing-page/support.svg"
                  alt="Support"
                  class="LandingPage__Img--support"
                />
                <a
                  href="https://www.hostgator.com/help/article/how-to-make-a-website"
                  target="_blank"
                  rel="noopener noreferrer"
                  style="color: #3c97ff;"
                  class="text-decoration-none"
                >
                  <h3 class="LandingPage__H3 d-none d-sm-block ml-3">
                    Get <br />
                    Support
                  </h3>
                  <h5 class="LandingPage__H5 d-block d-sm-none ml-3">
                    Get <br />
                    Support
                  </h5>
                </a>
              </div>
            </div>
          </div>
        </main>
        <footer class="LandingPage__Footer row py-5 px-2">
          <div class="col">
            <h5 class="LandingPage__H5 text-light text-center">
              Copyright <span id="currentYear"></span> ©
              <a
                href="https://www.hostgator.com/"
                target="_blank"
                rel="noopener noreferrer"
                title="HostGator.com"
                aria-label="HostGator.com"
                class="text-light text-decoration-none"
              >
                HostGator
              </a>
            </h5>
          </div>
        </footer>
      </div>
    </div>
    <script>
      document.getElementById(
        "currentYear"
      ).innerHTML = new Date().getFullYear();
    </script>
  </body>
</html>

File Editor

Directories:

Files:

Create New File

Edit File: default.html

Rename File