ContactInfo.js
3.08 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
import Image from "next/image";
import React from "react";
const ContactInfo = () => {
return (
<>
<div className="pt-100">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-6 col-md-12">
<div className="contact-content">
<span className="sub-title">CONTACT US</span>
<h2>Contact Us With Your Details & Ready To Start</h2>
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
diam nonumy eirmod liquyam erat, sed diam voluptua. At vero
eos et accusam et justo duo dolores et ea lorem ipsum dolor
sit amet, consetetur sadipscing elitr.
</p>
<div className="row justify-content-center">
<div className="col-lg-4 col-md-4 col-sm-6">
<div className="single-contact-info-box">
<div className="icon">
<i className="ri-home-7-line"></i>
</div>
<h3>Main Office</h3>
<p>325 Rockford Lane Durham, New York, USA</p>
</div>
</div>
<div className="col-lg-4 col-md-4 col-sm-6">
<div className="single-contact-info-box">
<div className="icon">
<i className="ri-phone-line"></i>
</div>
<h3>Our Phone</h3>
<p>
<span>Call:</span>
<a href="mailto:+18144822296">+(1) 814 482 2296</a>
</p>
<p>
<span>Call:</span>
<a href="mailto:+54789632157">+(5) 478 963 2157</a>
</p>
</div>
</div>
<div className="col-lg-4 col-md-4 col-sm-6">
<div className="single-contact-info-box">
<div className="icon">
<i className="ri-mail-star-line"></i>
</div>
<h3>Email Address</h3>
<p>
<span>Email:</span>
<a href="mailto:hello@zixon.com">hello@zixon.com</a>
</p>
<p>
<span>Email:</span>
<a href="mailto:info@zixon.com">info@zixon.com</a>
</p>
</div>
</div>
</div>
</div>
</div>
<div className="col-lg-6 col-md-12">
<div className="contact-image">
<Image
layout="fill"
src="/images/contact.png"
alt="image"
className="img-fluid image"
/>
</div>
</div>
</div>
</div>
</div>
</>
);
};
export default ContactInfo;