110 lines
3.6 KiB
Vue
110 lines
3.6 KiB
Vue
<template>
|
|
<SMMastHead title="Contact us" />
|
|
<SMContainer>
|
|
<div class="container-text">
|
|
<h3>Questions & Support</h3>
|
|
<p>
|
|
If you have a question or would like help with a project, you
|
|
can send it our way using the form on this page or be emailing
|
|
<a href="mailto:hello@stemmechanics.com.au"
|
|
>hello@stemmechanics.com.au</a
|
|
>.
|
|
</p>
|
|
<p>
|
|
You can find us on various social media platforms, and if you
|
|
join our
|
|
<a href="https://discord.gg/yNzk4x7mpD">Discord</a>
|
|
server, you'll have the opportunity to connect with our team,
|
|
participants, and other individuals who share similar interests.
|
|
</p>
|
|
<ul class="sm-contact-socials">
|
|
<li>
|
|
<a href="https://facebook.com/stemmechanics"
|
|
><ion-icon name="logo-facebook"></ion-icon
|
|
></a>
|
|
</li>
|
|
<li>
|
|
<a href="https://mastodon.au/@stemmechanics"
|
|
><ion-icon name="logo-mastodon"></ion-icon
|
|
></a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.youtube.com/@stemmechanics"
|
|
><ion-icon name="logo-youtube"></ion-icon
|
|
></a>
|
|
</li>
|
|
<li>
|
|
<a href="https://twitter.com/stemmechanics"
|
|
><ion-icon name="logo-twitter"></ion-icon
|
|
></a>
|
|
</li>
|
|
<li>
|
|
<a href="https://github.com/stemmechanics"
|
|
><ion-icon name="logo-github"></ion-icon
|
|
></a>
|
|
</li>
|
|
<li>
|
|
<a href="https://discord.gg/yNzk4x7mpD"
|
|
><ion-icon name="logo-discord"></ion-icon
|
|
></a>
|
|
</li>
|
|
</ul>
|
|
<h3>Wanting a workshop?</h3>
|
|
<p>
|
|
We provide both public and private workshops as well as run
|
|
events on behalf of your organisation. If you would like to
|
|
discuss a potential opportunity, send us an email at
|
|
<a href="mailto:hello@stemmechanics.com.au"
|
|
>hello@stemmechanics.com.au</a
|
|
>.
|
|
</p>
|
|
<h3>Where are you located?</h3>
|
|
<p>
|
|
We do not have a physical address as our workshops are delivered
|
|
across Queensland. Visit the
|
|
<router-link :to="{ name: 'workshops' }">workshops</router-link>
|
|
page for each specific location.
|
|
</p>
|
|
<p>Official mail can be sent to the following postal address:</p>
|
|
<div class="address text-center">
|
|
<p class="font-size-90">
|
|
STEMMechanics<br />PO Box 36<br />Edmonton, QLD, 4869<br />Australia
|
|
</p>
|
|
<p class="font-size-90"><strong>ABN: </strong>15 772 281 735</p>
|
|
</div>
|
|
</div>
|
|
</SMContainer>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import SMMastHead from "../components/SMMastHead.vue";
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.container-text {
|
|
max-width: 800px;
|
|
margin: 0 auto;
|
|
line-height: 1.4em;
|
|
|
|
h3 {
|
|
margin-top: 60px;
|
|
}
|
|
}
|
|
|
|
.sm-contact-socials {
|
|
list-style-type: none;
|
|
padding: 0;
|
|
display: flex;
|
|
font-size: 200%;
|
|
justify-content: center;
|
|
|
|
li {
|
|
margin: 0 16px;
|
|
}
|
|
}
|
|
|
|
.address {
|
|
margin-top: 60px;
|
|
}
|
|
</style>
|