Skip to content
Snippets Groups Projects
Code owners
Assign users and groups as approvers for specific file changes. Learn more.
ContactUs.vue 2.60 KiB
<template lang='pug'>
h5 <center><b> Please feel free to contact one of our stakeholders: </b></center> 

<q-card class="ahmed">
    <q-img src="https://bootdey.com/img/Content/avatar/avatar7.png">
    <div class="text-subtitle2 absolute-top text-center">
        p Ahmed Henine
    </div>
    </q-img>
    <q-card-section> 
        p <b> Emai </b>: ah01567@surrey.ac.uk
        p <b> Phone number </b>: 07719596161
    </q-card-section>
</q-card>
 
 <q-card class="eric">
    <q-img src="https://bootdey.com/img/Content/avatar/avatar6.png">
    <div class="text-subtitle2 absolute-top text-center">
        p Eric Costopoulos
    </div>
    </q-img>
    <q-card-section> 
        p <b> Emai </b>: 
        p <b> Phone number </b>: 
    </q-card-section>
</q-card>

<q-card class="marco">
    <q-img src="https://bootdey.com/img/Content/avatar/avatar4.png">
    <div class="text-subtitle2 absolute-top text-center">
        p Marco Endrizzi
    </div>
    </q-img>
    <q-card-section> 
        p <b> Emai </b>: 
        p <b> Phone number </b>: 
    </q-card-section>
</q-card>

<q-card class="eshveer">
    <q-img src="https://bootdey.com/img/Content/avatar/avatar2.png">
    <div class="text-subtitle2 absolute-top text-center">
        p Eshveer Assi
    </div>
    </q-img>
    <q-card-section> 
        p <b> Emai </b>: 
        p <b> Phone number </b>: 
    </q-card-section>
</q-card>

<q-card class="maya">
    <q-img src="https://bootdey.com/img/Content/avatar/avatar3.png">
    <div class="text-subtitle2 absolute-top text-center">
        p Maya Meylan
    </div>
    </q-img>
    <q-card-section> 
        p <b> Emai </b>: 
        p <b> Phone number </b>: 
    </q-card-section>
</q-card>

<q-card class="kaan">
    <q-img src="https://bootdey.com/img/Content/avatar/avatar5.png">
    <div class="text-subtitle2 absolute-top text-center">
        p Kaan Gunes
    </div>
    </q-img>
    <q-card-section> 
        p <b> Emai </b>: 
        p <b> Phone number </b>: 
    </q-card-section>
</q-card>



</template>

<script>
</script>

<style lang="sass" scoped>
.ahmed
  width: 100%
  max-width: 270px
  left: 5%

.eric
  width: 100%
  max-width: 270px
  position: relative
  margin-top: -29.5%
  left: 35%

.marco
  width: 100%
  max-width: 270px
  position: relative
  margin-top: -29.5%
  left: 65%

.eshveer
  width: 100%
  max-width: 270px
  position: relative
  left: 5%

.maya
  width: 100%
  max-width: 270px
  position: relative
  margin-top: -29.5%
  left: 35%

.kaan
  width: 100%
  max-width: 270px
  position: relative
  margin-top: -29.5%
  left: 65%

.dan
  width: 100%
  max-width: 270px
  position: relative
  left: 35%
</style>