File tree Expand file tree Collapse file tree 1 file changed +50
-43
lines changed Expand file tree Collapse file tree 1 file changed +50
-43
lines changed Original file line number Diff line number Diff line change 1
1
<script >
2
- import feather from ' feather-icons' ;
3
- import ContactForm from ' @/components/contact/ContactForm.vue' ;
4
- import ContactDetails from ' @/components/contact/ContactDetails.vue' ;
2
+ import feather from " feather-icons" ;
3
+ import ContactForm from " @/components/contact/ContactForm.vue" ;
4
+ import ContactDetails from " @/components/contact/ContactDetails.vue" ;
5
5
6
6
export default {
7
- components: {
8
- ContactForm,
9
- ContactDetails,
10
- },
11
- data : () => {
12
- return {
13
- contacts: [
14
- {
15
- id: 1 ,
16
- name: ' Sungai Buloh, Selangor, Malaysia' ,
17
- icon: ' map-pin' ,
18
- },
19
- {
20
- id: 2 ,
21
- name: ' nazmeaimanwork @gmail.com' ,
22
- icon: ' mail' ,
23
- },
24
- {
25
- id: 3 ,
26
- name: ' 6011-37064729' ,
27
- icon: ' phone' ,
28
- },
29
- ],
30
- };
31
- },
32
- mounted () {
33
- feather .replace ();
34
- },
35
- updated () {
36
- feather .replace ();
37
- },
38
- methods: {},
7
+ components: {
8
+ ContactForm,
9
+ ContactDetails,
10
+ },
11
+ data : () => {
12
+ return {
13
+ contacts: [
14
+ {
15
+ id: 1 ,
16
+ name: " Sungai Buloh, Selangor, Malaysia" ,
17
+ icon: " map-pin" ,
18
+ },
19
+ {
20
+ id: 2 ,
21
+ name: " nazmeaimanyunus @gmail.com" ,
22
+ icon: " mail" ,
23
+ },
24
+ {
25
+ id: 3 ,
26
+ name: " 6011-37064729" ,
27
+ icon: " phone" ,
28
+ },
29
+ ],
30
+ };
31
+ },
32
+ mounted () {
33
+ feather .replace ();
34
+ },
35
+ updated () {
36
+ feather .replace ();
37
+ },
38
+ methods: {},
39
39
};
40
40
</script >
41
41
42
42
<template >
43
- <div
44
- class =" container mx-auto flex flex-col-reverse md:flex-row py-5 md:py-10 md:mt-10"
45
- >
46
- <!-- Contact form -->
47
- <ContactForm />
43
+ <div
44
+ class ="
45
+ container
46
+ mx-auto
47
+ flex flex-col-reverse
48
+ md:flex-row
49
+ py-5
50
+ md:py-10 md:mt-10
51
+ "
52
+ >
53
+ <!-- Contact form -->
54
+ <ContactForm />
48
55
49
- <!-- Contact details -->
50
- <ContactDetails :contacts =" contacts" />
51
- </div >
56
+ <!-- Contact details -->
57
+ <ContactDetails :contacts =" contacts" />
58
+ </div >
52
59
</template >
You can’t perform that action at this time.
0 commit comments