pushing all files
This commit is contained in:
79
src/components/pages/contacts/contact-four.jsx
Normal file
79
src/components/pages/contacts/contact-four.jsx
Normal file
@ -0,0 +1,79 @@
|
||||
"use client"
|
||||
import SEO from "@/src/components/data/seo";
|
||||
import HeaderOne from "@/components/layout/headers/header-one";
|
||||
import BreadCrumb from "../common/breadcrumb";
|
||||
import FooterTwo from "@/components/layout/footers/footer-two";
|
||||
import Form from "./form";
|
||||
import Social from "@/src/components/data/social";
|
||||
import ScrollToTop from "../common/scroll/scroll-to-top";
|
||||
|
||||
const ContactFour = () => {
|
||||
return (
|
||||
<>
|
||||
<SEO pageTitle="Contact Four" />
|
||||
<HeaderOne />
|
||||
<BreadCrumb title="Contact Four" innerTitle="Contact Four" />
|
||||
<div className="contact__two section-padding pb-0">
|
||||
<div className="container">
|
||||
<div className="row contact__two-box">
|
||||
<div className="col-xl-4 col-lg-5 lg-mb-30">
|
||||
<div className="contact__two-left">
|
||||
<h3>Contact Us</h3>
|
||||
<p className="mb-30">On the other hand we moralized bite the HR charms of pleasure.</p>
|
||||
<div className="contact__two-left-item">
|
||||
<div className="contact__two-left-item-icon">
|
||||
<img src="/assets/img/icon/call.png" alt="icon" />
|
||||
</div>
|
||||
<div className="contact__two-left-item-info">
|
||||
<span>Tell With US</span>
|
||||
<p><a href="tel:+123-568-4758">+123-568-4758</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="contact__two-left-item">
|
||||
<div className="contact__two-left-item-icon">
|
||||
<img src="/assets/img/icon/email.png" alt="icon" />
|
||||
</div>
|
||||
<div className="contact__two-left-item-info">
|
||||
<span>Quick Email</span>
|
||||
<p><a href="mailto:conbix.com@gmail.com">conbix.com@gmail.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="contact__two-left-item">
|
||||
<div className="contact__two-left-item-icon">
|
||||
<img src="/assets/img/icon/locations.png" alt="icon" />
|
||||
</div>
|
||||
<div className="contact__two-left-item-info">
|
||||
<span>Office Address</span>
|
||||
<p><a href="#">Birkbeck Court, Birkbeck Rd, London W3 6BQ, UK</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="contact__two-left-item-socialIcon">
|
||||
<h6>Follow Us</h6>
|
||||
<Social />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-8 col-lg-7">
|
||||
<div className="contact__two-right">
|
||||
<h3>Get In Touch</h3>
|
||||
<p>On the other hand we denounce righteous indignation moralized bite the HR charms of pleasure.</p>
|
||||
<div className="contact__two-right-form">
|
||||
<Form />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="contact__two-map">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.15830894606!2d-74.11976383964463!3d40.69766374865767!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1652012644726!5m2!1sen!2sbd" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div className='all-footer'>
|
||||
<FooterTwo />
|
||||
</div>
|
||||
<ScrollToTop />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default ContactFour;
|
||||
88
src/components/pages/contacts/contact-three.jsx
Normal file
88
src/components/pages/contacts/contact-three.jsx
Normal file
@ -0,0 +1,88 @@
|
||||
"use client"
|
||||
import SEO from "@/src/components/data/seo";
|
||||
import HeaderOne from "@/components/layout/headers/header-one";
|
||||
import BreadCrumb from "../common/breadcrumb";
|
||||
import FooterTwo from "@/components/layout/footers/footer-two";
|
||||
import Form from "./form";
|
||||
import ScrollToTop from "../common/scroll/scroll-to-top";
|
||||
|
||||
const ContactThree = () => {
|
||||
return (
|
||||
<>
|
||||
<SEO pageTitle="Contact Three" />
|
||||
<HeaderOne />
|
||||
<BreadCrumb title="Contact Three" innerTitle="Contact Three" />
|
||||
<div className="contact__three pb-0 section-padding">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-4 col-md-6 lg-mb-30">
|
||||
<div className="contact__three-info">
|
||||
<div className="contact__three-info-icon">
|
||||
<img src="/assets/img/icon/call.png" alt="icon" />
|
||||
</div>
|
||||
<div className="contact__three-info-content">
|
||||
<h4>Tell With US</h4>
|
||||
<p><a href="tel:+125(895)658568">+125 (895) 658 568</a></p>
|
||||
<p><a href="tel:+125(874)452645">+125 (874) 452 645</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-6 md-mb-30">
|
||||
<div className="contact__three-info">
|
||||
<div className="contact__three-info-icon">
|
||||
<img src="/assets/img/icon/email.png" alt="icon" />
|
||||
</div>
|
||||
<div className="contact__three-info-content">
|
||||
<h4>Quick Email</h4>
|
||||
<p><a href="mailto:info.conbix@gmail.com">info.conbix@gmail.com</a></p>
|
||||
<p><a href="mailto:conbix@gmail.com">conbix@gmail.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-md-6">
|
||||
<div className="contact__three-info">
|
||||
<div className="contact__three-info-icon">
|
||||
<img src="/assets/img/icon/locations.png" alt="icon" />
|
||||
</div>
|
||||
<div className="contact__three-info-content">
|
||||
<h4>Office Location</h4>
|
||||
<p>8502 Preston Inglewood,<br/>Maine 98380</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="contact__three section-padding">
|
||||
<div className="container">
|
||||
<div className="row align-items-center">
|
||||
<div className="col-xl-6 col-lg-6 lg-mb-30">
|
||||
<div className="contact__three-left mr-40 xl-mr-0">
|
||||
<div className="contact__three-left-map">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.15830894606!2d-74.11976383964463!3d40.69766374865767!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1652012644726!5m2!1sen!2sbd" loading="lazy"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-6 col-lg-6">
|
||||
<div className="contact__three-right">
|
||||
<div className="contact__three-right-title">
|
||||
<span className="subtitle-one">Request a call Back</span>
|
||||
<h2 className="mb-30">Contact about your Project.</h2>
|
||||
</div>
|
||||
<div className="contact__three-right-form">
|
||||
<Form />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='all-footer'>
|
||||
<FooterTwo />
|
||||
</div>
|
||||
<ScrollToTop />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default ContactThree;
|
||||
79
src/components/pages/contacts/contact-two.jsx
Normal file
79
src/components/pages/contacts/contact-two.jsx
Normal file
@ -0,0 +1,79 @@
|
||||
"use client"
|
||||
import SEO from "@/src/components/data/seo";
|
||||
import HeaderOne from "@/components/layout/headers/header-one";
|
||||
import BreadCrumb from "../common/breadcrumb";
|
||||
import FooterTwo from "@/components/layout/footers/footer-two";
|
||||
import Form from "./form";
|
||||
import ScrollToTop from "../common/scroll/scroll-to-top";
|
||||
|
||||
const ContactTwo = () => {
|
||||
return (
|
||||
<>
|
||||
<SEO pageTitle="Contact Two" />
|
||||
<HeaderOne />
|
||||
<BreadCrumb title="Contact Two" innerTitle="Contact Two" />
|
||||
<div className="contact__four section-padding">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-4 col-lg-4 col-md-6 lg-mb-30">
|
||||
<div className="contact__four-info">
|
||||
<div className="contact__four-info-icon">
|
||||
<img src="/assets/img/icon/locationss.png" alt="icon" />
|
||||
</div>
|
||||
<h4>Office Location</h4>
|
||||
<span>You are most welcome to visit office.</span>
|
||||
<p>8502 Preston Rd. Inglewood,<br/> Maine 98380</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-lg-4 col-md-6 md-mb-30">
|
||||
<div className="contact__four-info">
|
||||
<div className="contact__four-info-icon">
|
||||
<img src="/assets/img/icon/phone-call.png" alt="icon" />
|
||||
</div>
|
||||
<h4>Tell With US</h4>
|
||||
<span>Keeping you always better connected.</span>
|
||||
<p><a href="tel:+125(895)658568">+125 (895) 658 568</a></p>
|
||||
<p><a href="tel:+125(874)452645">+125 (874) 452 645</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-4 col-lg-4 col-md-6">
|
||||
<div className="contact__four-info">
|
||||
<div className="contact__four-info-icon">
|
||||
<img src="/assets/img/icon/emails.png" alt="icon" />
|
||||
</div>
|
||||
<h4>Quick Email</h4>
|
||||
<span>Drop us a mail we will answer you asap.</span>
|
||||
<p><a href="mailto:info.conbix@gmail.com">info.conbix@gmail.com</a></p>
|
||||
<p><a href="mailto:conbix@gmail.com">conbix@gmail.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="contact__four">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-12">
|
||||
<div className="contact__four-form t-center">
|
||||
<div className="contact__four-form-title">
|
||||
<span className="subtitle-one">Get in Touch</span>
|
||||
<h2>We are always Ready for your solution</h2>
|
||||
</div>
|
||||
<Form />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="contact__two-map">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.15830894606!2d-74.11976383964463!3d40.69766374865767!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1652012644726!5m2!1sen!2sbd" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div className='all-footer'>
|
||||
<FooterTwo />
|
||||
</div>
|
||||
<ScrollToTop />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default ContactTwo;
|
||||
86
src/components/pages/contacts/contact.jsx
Normal file
86
src/components/pages/contacts/contact.jsx
Normal file
@ -0,0 +1,86 @@
|
||||
"use client"
|
||||
import SEO from "@/src/components/data/seo";
|
||||
import HeaderOne from "@/components/layout/headers/header-one";
|
||||
import BreadCrumb from "../common/breadcrumb";
|
||||
import FooterTwo from "@/components/layout/footers/footer-two";
|
||||
import ScrollToTop from "../common/scroll/scroll-to-top";
|
||||
|
||||
const ContactUs = () => {
|
||||
return (
|
||||
<>
|
||||
<SEO pageTitle="Contact Us" />
|
||||
<HeaderOne />
|
||||
<BreadCrumb title="Contact Us" innerTitle="Contact Us" />
|
||||
<div className="contact__page section-padding pb-0">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-xl-5 col-lg-5 order-last order-lg-first">
|
||||
<div className="contact__page-form">
|
||||
<h3 className="mb-30">Contact Us</h3>
|
||||
<form action="#">
|
||||
<div className="row">
|
||||
<div className="col-sm-12 mb-20">
|
||||
<div className="contact__page-form-item contact-item">
|
||||
<span className="fal fa-user"></span>
|
||||
<input type="text" name="name" placeholder="Full Name" required="required" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-12 mb-20">
|
||||
<div className="contact__page-form-item contact-item">
|
||||
<span className="far fa-envelope-open"></span>
|
||||
<input type="email" name="email" placeholder="Email Address" required="required" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-12 mb-30">
|
||||
<div className="contact__page-form-item contact-item">
|
||||
<span className="far fa-comments"></span>
|
||||
<textarea name="message" placeholder="Type your comments...."></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12">
|
||||
<div className="contact__page-form-item">
|
||||
<button className="btn-one" type="submit">Submit Now<i className="far fa-chevron-double-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-xl-7 col-lg-7 lg-mb-30">
|
||||
<div className="contact__page-info">
|
||||
<h2 className="mb-60 lg-mb-30">Get In Touch</h2>
|
||||
<div className="contact__page-info-item">
|
||||
<h6>Office Address<span>:</span></h6>
|
||||
<span>3891 Ranchview Dr. Richardson, California 62639</span>
|
||||
</div>
|
||||
<div className="contact__page-info-item">
|
||||
<h6>Email Address <span>:</span></h6>
|
||||
<span>
|
||||
<a href="mailto:hello.conbix@gmail.com">hello.conbix@gmail.com</a>
|
||||
<a href="mailto:info.conbix@gmail">info.conbix@gmail.com</a>
|
||||
</span>
|
||||
</div>
|
||||
<div className="contact__page-info-item">
|
||||
<h6>Phone Number<span>:</span></h6>
|
||||
<span>
|
||||
<a href="tel:(+106)935-0120">(+106) 935-0120</a>
|
||||
<a href="tel:(+107)605-0133">(+107) 605-0133</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="contact__page-map">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.15830894606!2d-74.11976383964463!3d40.69766374865767!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2sbd!4v1652012644726!5m2!1sen!2sbd" loading="lazy"></iframe>
|
||||
</div>
|
||||
<div className='all-footer'>
|
||||
<FooterTwo />
|
||||
</div>
|
||||
<ScrollToTop />
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default ContactUs;
|
||||
43
src/components/pages/contacts/form.jsx
Normal file
43
src/components/pages/contacts/form.jsx
Normal file
@ -0,0 +1,43 @@
|
||||
import React from 'react';
|
||||
|
||||
const Form = () => {
|
||||
return (
|
||||
<>
|
||||
<form action="#">
|
||||
<div className="row">
|
||||
<div className="col-md-6 mb-30">
|
||||
<div className="contact__two-right-form-item contact-item">
|
||||
<span className="fal fa-user"></span>
|
||||
<input type="text" name="name" placeholder="Full Name" required="required" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-6 md-mb-30">
|
||||
<div className="contact__two-right-form-item contact-item">
|
||||
<span className="far fa-envelope-open"></span>
|
||||
<input type="email" name="email" placeholder="Email Address" required="required" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-12 mb-30">
|
||||
<div className="contact__two-right-form-item contact-item">
|
||||
<span className="fal fa-book"></span>
|
||||
<input type="text" name="subject" placeholder="Subject" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-12 mb-30">
|
||||
<div className="contact__two-right-form-item contact-item">
|
||||
<span className="far fa-comments"></span>
|
||||
<textarea name="message" placeholder="Message"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-md-12">
|
||||
<div className="contact__two-right-form-item">
|
||||
<button className="btn-one" type="submit">Submit Message <i className="far fa-chevron-double-right"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Form;
|
||||
Reference in New Issue
Block a user