-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #4 from ThatSealgair/main
Website Exec Page Update and File Restructure
- Loading branch information
Showing
75 changed files
with
724 additions
and
48 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,228 @@ | ||
<!DOCTYPE html> | ||
<!-- | ||
Solid State by HTML5 UP | ||
html5up.net | @ajlkn | ||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
--> | ||
<html> | ||
<head> | ||
<style type="text/css"> | ||
#page-wrapper { | ||
background-image: url("images/vishnu-mohanan-pfR18JNEMv8-unsplash.jpg"); | ||
background-attachment: fixed; | ||
} | ||
</style> | ||
<title>UQ MARS</title> | ||
<link | ||
rel="icon" | ||
href="/images/logos/SquareLogo-favicon.png" | ||
type="image/x-icon" | ||
/> | ||
<meta charset="utf-8" /> | ||
<meta | ||
name="viewport" | ||
content="width=device-width, initial-scale=1, user-scalable=no" | ||
/> | ||
<link rel="stylesheet" href="assets/css/main.css" /> | ||
<noscript | ||
><link rel="stylesheet" href="assets/css/noscript.css" | ||
/></noscript> | ||
</head> | ||
<body class="is-preload"> | ||
<!-- Page Wrapper --> | ||
<div id="page-wrapper"> | ||
<!-- Header --> | ||
<header id="header"> | ||
<h1><a href="index.html">UQ Mechatronics and Robotics Society</a></h1> | ||
<nav> | ||
<a href="#menu">Menu</a> | ||
</nav> | ||
</header> | ||
|
||
<!-- Menu --> | ||
<nav id="menu"> | ||
<div class="inner"> | ||
<h2>Menu</h2> | ||
<ul class="links"> | ||
<li><a href="index.html">Home</a></li> | ||
<li><a href="about.html">About Us</a></li> | ||
<li><a href="/exec_page/exec_2023.html">Executive Team</a></li> | ||
<li><a href="blog.html">Blog</a></li> | ||
<li><a href="projects.html">Projects</a></li> | ||
<li><a href="https://medium.com/@uqrobotics">Tutorials</a></li> | ||
<li><a href="signup.html">Join Us</a></li> | ||
</ul> | ||
<a href="#" class="close">Close</a> | ||
</div> | ||
</nav> | ||
|
||
<!-- Wrapper --> | ||
<section id="banner"> | ||
<header> | ||
<div class="inner"> | ||
<a href="index.html" class="image" | ||
><img | ||
src="images/cropped-light-themelightlogo-2048x571.png" | ||
alt="UQMARS logo" | ||
style="width: 60%" | ||
/></a> | ||
<h2>2020 Executive Team</h2> | ||
<p>Proudly presenting the UQ MARS executive team for 2020.</p> | ||
</div> | ||
</header> | ||
|
||
<!-- Content --> | ||
<div class="wrapper"> | ||
<div class="inner"> | ||
|
||
<section> | ||
<h3 class="major">The 2020 UQ MARS Executive Team</h3> | ||
<div class="box alt"> | ||
<div class="row gtr-uniform"> | ||
<div class="col-12"> | ||
<span class="image fit"> | ||
<figure><img src="/images/exec/2020/Exec_Team_2020.jpg" alt=""/> | ||
<figcaption>Executive team at market day.</figcaption> | ||
</figure></span> | ||
</div> | ||
<div class="col-4"> | ||
<span class="image fit" | ||
><img src="/images/exec/2020/Cameron_Stroud.jpg" | ||
/> | ||
<caption>Cameron Stroud - <b>President</b></caption> | ||
<caption><em>Cameron coordinates the club's executive team and handles communication between UQ MARS and the Student Union.</em></caption> | ||
</span> | ||
</div> | ||
<div class="col-4"> | ||
<span class="image fit" | ||
><img src="/images/exec/2020/Keith_Cunningham.jpg" alt="" | ||
/> | ||
<caption>Keith Cunningham - <b>Secretary</b></caption></span> | ||
<caption><em>Handling the budget of the club, Keith tracks spending for events and projects, in addition to income generated by merchandise, grants and membership.</em></caption> | ||
</div> | ||
<div class="col-4"> | ||
<span class="image fit" | ||
><img src="/images/exec/2020/Nick_Jones.jpg" alt="" | ||
/> | ||
<caption>Nick Jones - <b>Treasurer</b></caption></span> | ||
<caption><em>Nick concentrates on the administration of the club and ensures meetings run smoothly, creating agendas and taking minutes. He also handles all official correspondence.</em></caption> | ||
</div> | ||
<div class="col-4"> | ||
<span class="image fit" | ||
><img src="/images/exec/2020/Matthew_Cook.jpg" alt="" | ||
/> | ||
<caption>Matthew Cook - <b>Marketing Officer</b></caption></span> | ||
<caption><em>Matthew runs the club's social media accounts, creating promotional material for online and print use. He keeps members informed of upcoming events and projects. </em></caption> | ||
</div> | ||
<div class="col-4"> | ||
<span class="image fit" | ||
><img src="/images/exec/2020/Callum_Breetzke.jpg" alt="" | ||
/> | ||
<caption>Callum Breetzke - <b>Social Engagement Officer</b></caption></span> | ||
<caption><em>Working behind-the-scenes to organize events, Callum handles many of the technical aspects of planning such as electronic payment systems and registration forms.</em></caption> | ||
</div> | ||
<div class="col-4"> | ||
<span class="image fit" | ||
><img src="/images/exec/2020/Anastasia_Laczko.jpg" alt="" | ||
/> | ||
<caption>Anastasia Laczko - <b>Technical Officer</b></caption></span> | ||
<caption><em>Anastasia develops many of the club's technical resources. She is responsible for UQ MARS' website and handles domain-related matters such as email access and permissions.</em></caption> | ||
</div> | ||
<div class="col-4"> | ||
<span class="image fit" | ||
><img src="/images/exec/2020/Konrad_Born.jpg" alt="" | ||
/> | ||
<caption>Konrad Born - <b>Welfare Officer</b></caption></span> | ||
<caption><em>Konrad's role is focused around member well-being and safety. He evaluates safety concerns of events and handles potential complaints directed towards executive members.</em></caption> | ||
</div> | ||
<div class="col-4"> | ||
<span class="image fit" | ||
><img src="/images/exec/2020/Nicole_Harding.jpg" alt="" | ||
/> | ||
<caption>Nicole Harding - <b>Logistical Committee</b></caption></span> | ||
<caption><em>Nicole works to ensure events and projects run smoothly, assisting with much of the planning and forethought such as material arrangements, member availability and acquisition of components.</em></caption> | ||
</div> | ||
<div class="col-4"> | ||
<span class="image fit" | ||
><img src="/images/exec/2020/Riley_Bowyer.jpg" alt="" | ||
/> | ||
<caption>Riley Bowyer - <b>Logistical Committee</b></caption></span> | ||
<caption><em>Riley is highly involved in many of the club's projects, often providing technical experience and direction to ensure prototypes and development remain on track.</em></caption> | ||
</div> | ||
</div> | ||
</div> | ||
</section> | ||
</div> | ||
</div> | ||
</section> | ||
|
||
<!-- Footer --> | ||
<section id="footer"> | ||
<div class="inner"> | ||
<h2 class="major">Get in touch</h2> | ||
<p> | ||
Keen to find out more about the club, get involved or propose a | ||
project? Contact us on any of the following channels: | ||
</p> | ||
<ul class="contact"> | ||
<ul class="contact"> | ||
<li class="icon solid fa-envelope"> | ||
<a href="mailto:[email protected]">[email protected]</a> | ||
</li> | ||
<li class="icon brands fa-facebook-f"> | ||
<a href="https://www.facebook.com/UQMARS/">Facebook Club Page</a> | ||
</li> | ||
<li class="icon brands fa-facebook-f"> | ||
<a href="https://www.facebook.com/groups/uqrobotics/" | ||
>Facebook Student Group</a | ||
> | ||
</li> | ||
<li class="icon brands fa-discord"> | ||
<a href="https://discord.gg/vjY49Q8">UQ MARS Discord</a> | ||
</li> | ||
<li class="icon brands fa-instagram"> | ||
<a href="https://instagram.com/uq.mars">Instagram</a> | ||
</li> | ||
<li class="icon brands fa-linkedin"> | ||
<a href="https://www.linkedin.com/company/uq-mars/">LinkedIn</a> | ||
</li> | ||
<li class="icon brands fa-youtube"> | ||
<a href="https://www.youtube.com/channel/UCH3GjoKLL3R_1ayjkn9C78A" | ||
>YouTube</a | ||
> | ||
</li> | ||
<li class="icon"> | ||
<a href="https://www.redbubble.com/people/UQ-MARS/shop" | ||
>Our Merch</a | ||
> | ||
</li> | ||
</ul> | ||
<ul class="copyright"> | ||
<li>© UQ Mechatronics and Robotics Society. All rights reserved.</li> | ||
<li>Design: UQMARS based on a template from <a href="http://html5up.net">HTML5 UP</a></li> | ||
<li> | ||
Background Photo by | ||
<a | ||
href="https://unsplash.com/@vishnumaiea?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" | ||
>Vishnu Mohanan</a | ||
> | ||
on | ||
<a | ||
href="https://unsplash.com/photos/pfR18JNEMv8?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" | ||
>Unsplash</a | ||
> | ||
</li> | ||
</ul> | ||
</div> | ||
</section> | ||
</div> | ||
|
||
<!-- Scripts --> | ||
<script src="assets/js/jquery.min.js"></script> | ||
<script src="assets/js/jquery.scrollex.min.js"></script> | ||
<script src="assets/js/browser.min.js"></script> | ||
<script src="assets/js/breakpoints.min.js"></script> | ||
<script src="assets/js/util.js"></script> | ||
<script src="assets/js/main.js"></script> | ||
</body> | ||
</html> |
Oops, something went wrong.