index.html

<!DOCTYPE html>
<html lang="en">

  <head>

    <link rel="shortcut icon" href="img/favicon.ico" />

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Homepage of the Carleton dev club">
    <meta name="author" content="Aidan Crowther">

    <title>Carleton .DevClub()</title>

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

    <!-- Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'>

    <!-- Custom styles for this template -->
    <link href="css/grayscale.css" rel="stylesheet">

  </head>

  <body id="page-top">

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
      <div class="container">
        <a class="navbar-brand js-scroll-trigger" href="#page-top">Carleton.DevClub()</a>
        <button class="navbar-toggler float-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          <i class="fa fa-bars"></i>
        </button>
        <span class="navbar-text">&nbsp;</span>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#about">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#volunteering">Volunteering</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#conduct">Code of Conduct</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#calendar">Upcoming Events</a>
            </li>
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- Intro Header -->
    <header class="masthead">
      <div class="intro-body">
        <div class="container">
          <div class="row">
            <div class="col-lg-8 mx-auto">
              <h1 class="brand-heading">Carleton .DevClub()</h1>
              <p class="intro-text">A group aiming to help students expand their knowledge, and their portfolios</p>
              <a href="#about" class="btn btn-circle js-scroll-trigger">
                <i class="fa fa-angle-double-down"></i>
              </a>
            </div>
          </div>
        </div>
      </div>
    </header>

    <!-- About Section -->
    <section id="about" class="content-section text-center">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto">
            <h2>About Carleton .DevClub()</h2>
            <p>
              The Carleton dev club is a group dedicated to helping students to develop their coding skills, while pushing them to develop a portfolio, and to network with their peers.
            </p>
            <p>
              The Carleton dev club meets every Tuesday, from 5:30 to 8:30 in HP4125. We will be hosting minor events, tech talks, and workshops periodically for students to learn new and exciting languages, and ways of applying their knowledge.
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- Volunteering Section -->
    <section id="volunteering" class="volunteering-section content-section text-center">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto">
            <h2>Volunteering With Us</h2>
            <p>
              As a student run group, we would look for volunteers who are willing to help us with our events. As a dev club volunteer, you
              will be helping students with problems they may have, offering guidance and ideas, as well as promoting a positive and 
              collaborative environment for all our attendees. We are also going to offer CCR credits for interested, and outstanding 
              individuals who show that they understand the spirit of the carleton dev club.
            </p>
            <p>
              If you think you would be interested in volunteering with us, please fill out <a href="https://goo.gl/forms/IqUWbCjRpdKYJlkB2">
              this form</a>, and we will reach out to you with information regarding your role. 
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- Conduct Section -->
    <section id="conduct" class="content-section text-center">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto">
            <h2>Our Code Of Conduct</h2>
            <p>
              The Carleton dev club aims to provide an instructive, and positive workspace for computer science students to be able to work, and grow their skillsets, all the while helping each other to learn new things. As such, we require that all attendees are on their best behaviour, and not try to put others down.
            </p>
            <p>
              We hope for all our attendees to be able to feel that coming to this area will be an exciting and helpful experience, and as such we cannot tolerate offensive, or rude language, or actions. Should you be found to be causing any problems, you will be dealt with by the dev club executives. Should you feel that someone is attacking you, or making you feel unwelcome, please inform us, and we will deal with it immediately.
            </p>
          </div>
        </div>
      </div>
    </section>

    <!-- Calendar Section -->
    <section id="calendar" class="calendar-section content-section text-center">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto">
            <h2>Our Upcoming Events</h2>
            <div id="calendar-list">
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="content-section text-center">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 mx-auto">
            <h2>Contact Carleton .DevClub()</h2>
            <p>Feel free to contact us at the following locations:</p>
            <ul class="list-inline banner-social-buttons">
              <li class="list-inline-item">
                <a href="https://carletoncss.slack.com/signup" class="btn btn-default btn-lg">
                  <i class="fab fa-slack-hash fa-fw"></i>
                  <span class="network-name">Slack</span>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="https://github.com/carleton-dev-club" class="btn btn-default btn-lg">
                  <i class="fab fa-github-alt fa-fw"></i>
                  <span class="network-name">Github</span>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="https://www.facebook.com/groups/2157862884230365/" class="btn btn-default btn-lg">
                  <i class="fab fa-facebook-f fa-fw"></i>
                  <span class="network-name">Facebook</span>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </section>

    <!-- Footer -->
    <footer>
      <div class="container text-center">
        <p>Copyright &copy; Carleton Dev Club 2018</p>
      </div>
    </footer>

    <!-- Bootstrap core JavaScript -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
    <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

    <script src="js/grayscale.js"></script>

  </body>

</html>