index.html

<!doctype HTML>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <!-- Stylesheet -->
  <link rel="stylesheet" type="text/css" href="assets/css/styles.css">

  <title>Code the Change Foundation</title>
</head>

<body>
  <nav role="navigation" class="navbar navbar-expand-md navbar-light">
    <div class="container">
      <a class="navbar-brand" href="index.html">
        <img src="assets/images/logos/full_text_blue.png" width="auto" height="75px" alt="code the change logo">
      </a>
      <button id="nav-icon4" class="navbar-toggler collapsed border-0" type="button" data-toggle="collapse"
        data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
        aria-label="Toggle navigation">
        <div class="bar1"></div>
        <div class="bar2"></div>
        <div class="bar3"></div>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav pr-0 pl-3 pl-sm-0 container justify-content-md-end justify-content-start">
          <li class="nav-item">
            <a class="nav-link h6 font-weight-normal mb-0" href="projects.html">Projects</a>
          </li>
          <li class="nav-item">
            <a class="nav-link h6 font-weight-normal mb-0" href="team.html">Team</a>
          </li>
          <li class="nav-item">
            <a class="nav-link h6 font-weight-normal mb-0" href="partner.html">Partner</a>
          </li>
          <li class="nav-item">
            <a class="nav-link h6 font-weight-normal mb-0" href="volunteer.html">Volunteer</a>
          </li>
          <li class="nav-item d-inline-flex justify-content-center">
            <a class="nav-link px-2 py-1" href="https://github.com/CodetheChangeFoundation" target="_blank">
              <img class="social-media-icon" src="assets/images/github-small.png" alt="github">
            </a>
            <a class="nav-link px-2 py-1" href="https://www.linkedin.com/company/code-the-change-foundation/"
              target="_blank">
              <img class="social-media-icon" src="assets/images/linkedin-icon.png" alt="linkedin">
            </a>
            <a class="nav-link px-2 py-1" href="https://www.facebook.com/codethechangefoundation/" target="_blank">
              <img class="social-media-icon" src="assets/images/fbook-icon.png" alt="facebook">
            </a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <main>
    <header class="header-image" id="home-image">
      <div class="container h-100">
        <div class="row h-100 align-items-center">
          <div class="col text-center text-white">
            <h1 class="display-4 title">The Code the Change Foundation</h1>
            <h3 class="subtitle">Driving social change with technology.</h3>
          </div>
        </div>
      </div>
    </header>

    <section id="about">
      <div class="container">
        <div class="row">
          <div class="col">
            <h2 class="mb-4 text-secondary font-weight-normal">About Us</h2>
            <p>The Code the Change Foundation is a registered non-profit and was founded in August 2018.</p>
            <p>The Foundation (formerly Code the Change UBC) builds open-source software solutions to enhance the
              effectiveness of non-profit organizations who don't have the means to develop it themselves. We believe in
              the powerful unification of students' passions and technical skills with the vision and knowledge of
              philanthropic organizations.</p>
            <p>Each semester, we form teams and choose software projects to complete in a four month span. Projects
              often range from applications to websites to custom databases. Teams work closely with members of the
              organization to achieve their goals and deliver quality products.</p>
            <p>Code the Change began in 2009 as a student organization at Stanford University. Since then, multiple
              chapters across North America have been founded to carry on the mission. Code the Change UBC is just one
              chapter of passionate individuals trying to make a change through their software and the Code the Change
              Foundation is the first registered non-profit to come out of this movement.</p>
          </div>
        </div>
      </div>
    </section>

    <section id="projectBanner">
      <div class="container h-100 py-5">
        <div class="row h-100 align-items-center py-5">
          <div class="col text-center text-white">
            <h2 class="mb-4 font-weight-normal">Check out our work!</h2>
            <a class="btn text-white btn-secondary" href="projects.html" role="button">
              <h4 class="m-0">Projects</h4>
            </a>
          </div>
        </div>
      </div>
    </section>

    <!-- <section id="joinBanner" class="text-center">
      <h2 class="mb-4 text-secondary font-weight-normal">Joining the Cause</h2>
      <div class="container px-0">
        <div class="row m-0 pl-5 pr-5">
          <div class="col-12 col-md-6 p-2">
            <a href="partner.html" class="w-100 btn btn-outline-primary">
              <h4 class="m-0">Become a Partner</h4>
            </a>
          </div>
          <div class="col-12 col-md-6 p-2">
            <a href="volunteer.html" class="w-100 btn btn-outline-secondary">
              <h4 class="m-0">Become a Volunteer</h4>
            </a>
          </div>
        </div>
      </div>
    </section> -->
  </main>

  <footer role="contentinfo" class="footer bg-light d-flex align-items-center">
    <div class="container">
      <div class="row">
        <div class="col-12">
          <p class="text-center text-muted m-0 small">&copy; Code the Change Foundation 2019</p>
        </div>
      </div>
    </div>
  </footer>

  <!--BootStrap JS Scripts -->
  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
    integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
    crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
    integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
    crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
    integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
    crossorigin="anonymous"></script>
</body>

</html>