CHIEFSOFT\ameye
76 lines
2.1 KiB
React
76 lines
2.1 KiB
React
import Image from "next/image";
|
|
import React from "react";
|
|
|
|
const socialContent = [
|
|
{
|
|
icon: "fa-facebook",
|
|
link: "https://www.facebook.com/",
|
|
},
|
|
{
|
|
icon: "fa-twitter",
|
|
link: "https://twitter.com/",
|
|
},
|
|
{
|
|
icon: "fa-linkedin",
|
|
link: "https://www.linkedin.com/",
|
|
},
|
|
];
|
|
|
|
const ContactAddressTwo = () => {
|
|
return (
|
|
<div className="row justify-content-center">
|
|
<div className="col-md-4 col-sm-6">
|
|
<div className="address-info">
|
|
<div className="icon">
|
|
<Image width="82" height="86" src="/images/icon/15.svg" alt="icon" />
|
|
</div>
|
|
<div className="title">Location</div>
|
|
<p className="font-rubik">
|
|
Melbourne, R. Market <br /> 1201 VIC
|
|
</p>
|
|
</div>
|
|
{/* /.address-info */}
|
|
</div>
|
|
{/* End .col */}
|
|
|
|
<div className="col-md-4 col-sm-6">
|
|
<div className="address-info">
|
|
<div className="icon">
|
|
<Image width="75" height="83" src="/images/icon/16.svg" alt="icon" />
|
|
</div>
|
|
<div className="title">Contact</div>
|
|
<p className="font-rubik">
|
|
bawejkor@duwvude.gov <br />
|
|
(779) 564-1593
|
|
</p>
|
|
</div>{" "}
|
|
{/* /.address-info */}
|
|
</div>
|
|
{/* End .col */}
|
|
|
|
<div className="col-md-4 col-sm-6">
|
|
<div className="address-info">
|
|
<div className="icon">
|
|
<Image width="71" height="77" src="/images/icon/17.svg" alt="icon" />
|
|
</div>
|
|
<div className="title">Social Media</div>
|
|
<p className="font-rubik">Follow on social media</p>
|
|
<ul className="d-flex justify-content-center">
|
|
{socialContent.map((val, i) => (
|
|
<li key={i}>
|
|
<a href={val.link} target="_blank" rel="noreferrer">
|
|
<i className={`fa ${val.icon}`}></i>
|
|
</a>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>{" "}
|
|
{/* /.address-info */}
|
|
</div>
|
|
{/* End .col */}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default ContactAddressTwo;
|