index.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.0, shrink-to-fit=no">
    <title>Eventnet: A Coding Challange</title>
    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
      href="https://fonts.googleapis.com/css2?family=Allan:wght@400;700&family=Bebas+Neue&family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300;1,400&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
      rel="stylesheet">
    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">

    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">

    <!-- Devicons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css">


    <!-- Custom CSS -->
    <link rel="stylesheet" href="/css/site.css">


  </head>

  <body>

    <header>
      <nav id="mainNav" class="navbar navbar-expand-lg navbar-dark">
        <div class="container">
          <a class="navbar-brand" href="/index.html">
            <img src="/img/Base Logo Vector Files Blue Red.svg" height="50" alt=""></a>
          <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
            data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
            aria-label="Toggle navigation">
            <span class="navbar-toggler-icon-mrb">
              <i class="bi bi-list"></i>
            </span>
          </button>
          <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
              <li class="nav-item">
                <a class="nav-link active" aria-current="page" href="/index.html">Home</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="/app.html">App</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="/code.html">The Code</a>
              </li>
              <li class="nav-item">
                <!-- Change This Before Publishing -->
                <a class="nav-link" href="https://github.com/MattBridges/Eventnet">The Repo</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="https://mattbridgesportfolio.netlify.app/">About</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="https://codeit-production.up.railway.app/">Blog</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>

    </header>
    <main class="content container">
      <div class="row align-items-center h-100 row-cols-1 row-cols-2 ">
        <div class="col">
          <h1 class="display-5">Eventnet:A Coding Challange</h1>
          <h4 class="lead">Your project description goes here!</h4>
          <ul class="checkList">
            <li>
              <i class="bi bi-check-square-fill"></i>
              <span>CSS and Bootstrap Layout</span>
            </li>
            <li>
              <i class="bi bi-check-square-fill"></i>
              <span>Javascript Fundamentals</span>
            </li>
            <li>
              <i class="bi bi-check-square-fill"></i>
              <span>Javascript Loops</span>
            </li>
            <li>
              <i class="bi bi-check-square-fill"></i>
              <span>Javascript DOM Manipulation</span>
            </li>
            <li>
              <i class="bi bi-check-square-fill"></i>
              <span>Boolean Logic</span>
            </li>
          </ul>
          <div>
            <a href="/app.html" class="btn btn-outline-primary btn-lg">Try It Out!</a>
          </div>


          <h4 class="mt-4">Tech Stack:</h4>
          <div>
            <i class="devIcons devicon-javascript-plain colored"></i>
            <i class="devIcons devicon-html5-plain colored"></i>
            <i class="devIcons devicon-css3-plain colored"></i>
            <i class="devIcons devicon-bootstrap-plain colored"></i>
          </div>
        </div>
        <div class="col order-first order-md-last">
          <img src="/img/EventnetLogo_500.png" class="image-fluid appLogo" alt="App Logo">
        </div>
      </div>

    </main>
    <footer class="container-fluid py-3">
      <div class="container">
        <div class="row row-cols-1 row-cols-lg-3 align-items-center order-last order-lg-first">
          <div class="col text-center text-lg-start ">&copy;2023 Matt Bridges</div>
          <div class="col text-center">
            <img src="/img/Light_Grey_Signature_Long.svg" height="40" alt="">
          </div>
          <div class="col d-flex justify-content-center justify-content-lg-end my-2">
            <a href="https://www.linkedin.com/in/themattbridges/" target="_blank" class="socialicons"><i
                class="bi bi-linkedin"></i></a>
            <a href="https://twitter.com/MattBridgesDev" target="_blank" class="socialicons"><i
                class="bi bi-twitter"></i></a>
            <a href="https://www.instagram.com/mattbridgesdev/" target="_blank" class="socialicons"><i
                class="bi bi-instagram"></i></a>
            <a href="https://github.com/MattBridges" target="_blank" class="socialicons"><i
                class="bi bi-github"></i></a>
          </div>
        </div>
      </div>


    </footer>


    <!-- Scripts -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
      integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
      crossorigin="anonymous"></script>
  </body>

</html>