diff --git a/src/views/ContactUs.vue b/src/views/ContactUs.vue index 5a9d04c6a29a1f5d22e5ccea081bd89536277fc2..c762b669c11cd52183c7aa10db841e402476a4f4 100644 --- a/src/views/ContactUs.vue +++ b/src/views/ContactUs.vue @@ -1,7 +1,44 @@ <template> <div class="contact-us mb-5"> <PageHeader title="Contact Us" /> - <v-form v-model="valid" ref="form"> + <v-container class="px-8"> + <v-row class="mb-16"> + <v-col md="6" class="px-4 my-auto text-center text-md-right"> + <v-icon x-large>mdi-email-outline</v-icon> + </v-col> + <v-col md="6" class="text-center text-md-left my-4 px-8"> + Email us at + <a href="mailto:platformone@afwerx.af.mil"> + platformone@afwerx.af.mil + </a> + </v-col> + </v-row> + <v-row> + <v-col md="6" class="px-4 my-auto text-center text-md-right"> + <img + class="mm-logo" + src="@/assets/images/logos/tool-logos/Logo_MM.png" + alt="Mattermost" + /> + </v-col> + <v-col md="6" class="text-center text-md-left my-4 px-8"> + <p> + Chat with us on Mattermost, our Enterprise Collaboration Chat tool + </p> + + <v-btn + color="primary" + class="mt-4" + href="https://chat.il2.dsop.io" + target="_blank" + > + Chat now + </v-btn> + </v-col> + </v-row> + <v-row><v-col> </v-col> </v-row> + </v-container> + <!-- <v-form v-model="valid" ref="form"> <v-container class="px-8" fluid> <v-row class="px-sm-5 mx-sm-5"> <v-col cols="12" md="6"> @@ -163,7 +200,7 @@ </v-card> </v-dialog> </v-container> - </v-form> + </v-form> --> </div> </template> <script> @@ -383,5 +420,9 @@ export default { -webkit-text-fill-color: var(--text-color); } /* end chrome fix */ + + .mm-logo { + width: 250px; + } } </style>