feat: hero and footer styling
This commit is contained in:
parent
6def47111a
commit
c1d1cbb703
@ -4153,13 +4153,13 @@ input:-webkit-autofill ~ .form-validation {
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
color: #151515;
|
||||
background-color: #f3f4f9;
|
||||
background-color: var(--color-colorFormInput);
|
||||
background-image: none;
|
||||
border-radius: 0;
|
||||
-webkit-appearance: none;
|
||||
transition: .3s ease-in-out;
|
||||
letter-spacing: 0;
|
||||
border: 1px solid #f3f4f9;
|
||||
/* border: 1px solid #f3f4f9; */
|
||||
}
|
||||
|
||||
.form-input:focus {
|
||||
@ -14208,7 +14208,7 @@ disabled look for disabled choices in the results dropdown
|
||||
}
|
||||
|
||||
.context-dark .select-filter .select2-choice, .bg-accent .select-filter .select2-choice {
|
||||
background: #ffffff;
|
||||
background: var(--color-colorFormInput);
|
||||
border-color: #ffffff;
|
||||
}
|
||||
|
||||
|
||||
BIN
public/images/bg-header.webp
Normal file
BIN
public/images/bg-header.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 333 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 29 KiB |
@ -14,8 +14,11 @@
|
||||
--color-colorExt1: #0a0a0a;
|
||||
--color-colorExt2: #ffffff;
|
||||
--color-colorExt3: #d2ebf1;
|
||||
--color-colorExt4: #31323c;
|
||||
--color-colorHeader: var(--color-colorExt1);
|
||||
--color-colorHeaderText: var(--color-colorExt2);
|
||||
--color-colorFormInput: var(--color-colorExt2);
|
||||
--color-colorContactForm: var(--color-colorExt4);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
||||
390
src/app/page.tsx
390
src/app/page.tsx
@ -1,289 +1,10 @@
|
||||
import ContactFormBox from "@/components/ContactFormBox";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
<>
|
||||
<section className="section">
|
||||
<div className="range">
|
||||
<div className="cell-xl-6_lg box-1-cell height-fill context-dark">
|
||||
<div className="box-1-bg-shape">
|
||||
<img className="box-1-bg-image" src="images/bg-shape-1.png" alt="" role="presentation" />
|
||||
</div>
|
||||
<div className="cell-inner box-1-outer">
|
||||
<div className="box-1">
|
||||
<h2>Find Your Property</h2>
|
||||
<form className="rd-form">
|
||||
<div className="row row-x-20 row-20">
|
||||
<div className="col-sm-6 col-lg-12 col-xl-6">
|
||||
<div className="form-wrap form-wrap-validation">
|
||||
<select
|
||||
className="form-input select-filter"
|
||||
name="search-property-location"
|
||||
data-style="modern"
|
||||
data-classname="select-dropdown-context-dark"
|
||||
data-placeholder="Choose Location"
|
||||
data-minimum-results-for-search="Infinity"
|
||||
data-constraints="@Required"
|
||||
>
|
||||
<option label="placeholder"></option>
|
||||
<option value="2">Alaska</option>
|
||||
<option value="3">Arizona</option>
|
||||
<option value="4">Arkansas</option>
|
||||
<option value="5">California</option>
|
||||
<option value="6">Colorado</option>
|
||||
<option value="7">Connecticut</option>
|
||||
<option value="8">Delaware</option>
|
||||
<option value="9">Florida</option>
|
||||
</select>
|
||||
<span className="select-arrow"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6">
|
||||
<div className="form-wrap form-wrap-validation">
|
||||
<select
|
||||
className="form-input select-filter"
|
||||
name="search-property-type"
|
||||
data-style="modern"
|
||||
data-classname="select-dropdown-context-dark"
|
||||
data-placeholder="Property Type"
|
||||
data-minimum-results-for-search="Infinity"
|
||||
data-constraints="@Required"
|
||||
>
|
||||
<option label="placeholder"></option>
|
||||
<option value="2">Apartment</option>
|
||||
<option value="3">House</option>
|
||||
<option value="4">Lot</option>
|
||||
</select>
|
||||
<span className="select-arrow"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-4 col-lg-6 col-xl-4">
|
||||
<div className="form-wrap form-wrap-validation">
|
||||
<select
|
||||
className="form-input select-filter"
|
||||
name="search-property-status"
|
||||
data-style="modern"
|
||||
data-classname="select-dropdown-context-dark"
|
||||
data-placeholder="Property Status"
|
||||
data-minimum-results-for-search="Infinity"
|
||||
data-constraints="@Required"
|
||||
>
|
||||
<option label="placeholder"></option>
|
||||
<option value="2">For Sale</option>
|
||||
<option value="3">For Rent</option>
|
||||
</select>
|
||||
<span className="select-arrow"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-4 col-lg-6 col-xl-4">
|
||||
<div className="form-wrap form-wrap-validation">
|
||||
<select
|
||||
className="form-input select-filter"
|
||||
name="search-property-bathrooms"
|
||||
data-style="modern"
|
||||
data-classname="select-dropdown-context-dark"
|
||||
data-placeholder="Min Baths"
|
||||
data-minimum-results-for-search="Infinity"
|
||||
data-constraints="@Required"
|
||||
>
|
||||
<option label="placeholder"></option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
<option value="8">8</option>
|
||||
<option value="9">9</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-4 col-lg-6 col-xl-4">
|
||||
<div className="form-wrap form-wrap-validation">
|
||||
<select
|
||||
className="form-input select-filter"
|
||||
name="search-property-bedrooms"
|
||||
data-style="modern"
|
||||
data-classname="select-dropdown-context-dark"
|
||||
data-placeholder="Min Beds"
|
||||
data-minimum-results-for-search="Infinity"
|
||||
data-constraints="@Required"
|
||||
>
|
||||
<option label="placeholder"></option>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
<option value="8">8</option>
|
||||
<option value="9">9</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="rd-range-outer">
|
||||
<p className="rd-range-caption">Price Range ($)</p>
|
||||
|
||||
<div
|
||||
className="rd-range"
|
||||
data-min="50"
|
||||
data-max="10000"
|
||||
data-start="[50, 10000]"
|
||||
data-step="10"
|
||||
data-tooltip="true"
|
||||
data-min-diff="100"
|
||||
></div>
|
||||
</div>
|
||||
<div className="rd-range-outer">
|
||||
<p className="rd-range-caption">Area (Sq Ft)</p>
|
||||
|
||||
<div
|
||||
className="rd-range"
|
||||
data-min="70"
|
||||
data-max="20000"
|
||||
data-start="[70, 20000]"
|
||||
data-step="10"
|
||||
data-tooltip="true"
|
||||
data-min-diff="100"
|
||||
></div>
|
||||
</div>
|
||||
<div className="layout-5">
|
||||
<div className="layout-5-item layout-5-item_primary">
|
||||
<div className="panel-3" id="panel-3">
|
||||
<div className="panel-3-header" data-multitoggle="#panel-3">
|
||||
<div className="panel-3-toggle"></div>
|
||||
<p className="panel-3-title">Look for certain features</p>
|
||||
</div>
|
||||
<div className="panel-3-content">
|
||||
<div className="panel-3-content-inner">
|
||||
<ul className="list-inline list-inline-sm">
|
||||
<li>
|
||||
<label className="checkbox-inline">
|
||||
<input name="checkbox-1" value="checkbox-1" type="checkbox" />
|
||||
Central Heating
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label className="checkbox-inline">
|
||||
<input name="checkbox-2" value="checkbox-2" type="checkbox" />
|
||||
Home Theater
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label className="checkbox-inline">
|
||||
<input name="checkbox-3" value="checkbox-3" type="checkbox" />
|
||||
Lawn
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label className="checkbox-inline">
|
||||
<input name="checkbox-4" value="checkbox-4" type="checkbox" />
|
||||
Wi-Fi
|
||||
</label>
|
||||
</li>
|
||||
<li>
|
||||
<label className="checkbox-inline">
|
||||
<input name="checkbox-5" value="checkbox-5" type="checkbox" />
|
||||
Gym
|
||||
</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="layout-5-item">
|
||||
<a className="button button-primary-outline min-w-[150px]" href="search-results.html">
|
||||
Search
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="cell-xl-6_sm height-fill">
|
||||
<div className="box-2">
|
||||
<div
|
||||
className="owl-carousel"
|
||||
data-items="1"
|
||||
data-sm-items="2"
|
||||
data-lg-items="1"
|
||||
data-xl-items="2"
|
||||
data-dots="false"
|
||||
data-nav="false"
|
||||
data-nav-custom="#owl-outer-nav"
|
||||
data-loop="true"
|
||||
data-margin="30"
|
||||
data-autoplay="false"
|
||||
data-autoplay-speed="3500"
|
||||
data-stage-padding="0"
|
||||
data-mouse-drag="false"
|
||||
>
|
||||
<a
|
||||
className="product-corporate context-dark bg-[url(/images/real-estate-1-1-474x577.jpg)]"
|
||||
href="single-property.html"
|
||||
>
|
||||
<div className="product-corporate-inner">
|
||||
<div className="product-corporate-caption">
|
||||
<h3 className="product-corporate-title">923 Folsom St, San Francisco</h3>
|
||||
<h4 className="product-corporate-info">3 bedrooms, $240\day</h4>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
className="product-corporate context-dark bg-[url(/images/real-estate-1-2-474x577.jpg)]"
|
||||
href="single-property.html"
|
||||
>
|
||||
<div className="product-corporate-inner">
|
||||
<div className="product-corporate-caption">
|
||||
<h3 className="product-corporate-title">3895 NW 107th Ave, Doral</h3>
|
||||
<h4 className="product-corporate-info">2 bedrooms, $130\day</h4>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
className="product-corporate context-dark bg-[url(/images/real-estate-1-3-474x577.jpg)]"
|
||||
href="single-property.html"
|
||||
>
|
||||
<div className="product-corporate-inner">
|
||||
<div className="product-corporate-caption">
|
||||
<h3 className="product-corporate-title">182 3rd St, Seattle</h3>
|
||||
<h4 className="product-corporate-info">2 bedrooms, $290\day</h4>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
className="product-corporate context-dark bg-[url(/images/real-estate-1-4-474x577.jpg)]"
|
||||
href="single-property.html"
|
||||
>
|
||||
<div className="product-corporate-inner">
|
||||
<div className="product-corporate-caption">
|
||||
<h3 className="product-corporate-title">623 Willow Rd, Dallas</h3>
|
||||
<h4 className="product-corporate-info">1 bedroom, $210\day</h4>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div className="box-2-footer">
|
||||
<div className="box-2-footer-inner">
|
||||
<h3>Recent Properties</h3>
|
||||
<div className="owl-outer-nav" id="owl-outer-nav">
|
||||
<button className="owl-arrow owl-arrow-prev">
|
||||
<span className="icon fl-budicons-free-left161"></span>
|
||||
<span>prev</span>
|
||||
</button>
|
||||
<button className="owl-arrow owl-arrow-next">
|
||||
<span>next</span>
|
||||
<span className="icon fl-budicons-free-right163"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section className="section bg-[url(/images/bg-header.webp)] flex! flex-row! justify-end!">
|
||||
<ContactFormBox />
|
||||
</section>
|
||||
|
||||
<section className="section section-lg bg-default">
|
||||
@ -1226,109 +947,6 @@ export default function Home() {
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className="section section-md bg-gray-31 context-dark">
|
||||
<div className="container">
|
||||
<div className="row row-40 justify-content-lg-between">
|
||||
<div className="col-md-6 col-lg-4 col-xl-3">
|
||||
<h3 className="heading-square font-weight-sbold" data-item=".heading-square-item">
|
||||
<span className="heading-square-item"></span>Latest Properties
|
||||
</h3>
|
||||
<a className="post-minimal" href="single-property.html">
|
||||
<div className="post-minimal-image">
|
||||
<img src="images/post-minimal-01-161x136.jpg" alt="" width="161" height="136" />
|
||||
</div>
|
||||
<div className="post-minimal-body">
|
||||
<div className="post-minimal-title">
|
||||
<span> Retail Store Southwest 186th Street</span>
|
||||
</div>
|
||||
<div className="post-minimal-text">
|
||||
<span>From $120/month</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a className="post-minimal" href="single-property.html">
|
||||
<div className="post-minimal-image">
|
||||
<img src="images/post-minimal-02-161x136.jpg" alt="" width="161" height="136" />
|
||||
</div>
|
||||
<div className="post-minimal-body">
|
||||
<div className="post-minimal-title">
|
||||
<span> Apartment Building with Subunits</span>
|
||||
</div>
|
||||
<div className="post-minimal-text">
|
||||
<span>From $120/month</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div className="col-md-6 col-lg-4 col-xl-3 col-bordered">
|
||||
<h3 className="heading-square font-weight-sbold" data-item=".heading-square-item">
|
||||
<span className="heading-square-item"></span>Contact Us
|
||||
</h3>
|
||||
<div className="link-with-icon heading-4 text-spacing-150 font-sec" data-item=".icon">
|
||||
<span className="icon icon-1 mdi mdi-phone"></span>
|
||||
<a href="tel:#">1-800-700-6200</a>
|
||||
</div>
|
||||
<div className="link-with-icon text-spacing-100" data-item=".icon">
|
||||
<span className="icon icon-2 mdi mdi-email-outline"></span>
|
||||
<a href="mailto:#">info@demolink.org</a>
|
||||
</div>
|
||||
<div className="link-with-icon text-spacing-100" data-item=".icon">
|
||||
<span className="icon icon-3 mdi mdi-map-marker"></span>
|
||||
<a href="#">
|
||||
3015 Grand Ave, Coconut
|
||||
<br className="leading-0" /> Grove,Merrick Way, FL 12345
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4">
|
||||
<h3 className="heading-square font-weight-sbold" data-item=".heading-square-item">
|
||||
<span className="heading-square-item"></span>Newsletter Signup
|
||||
</h3>
|
||||
<p className="rd-mailform-label">Enter your e-mail to get the latest news of MyHome</p>
|
||||
<form
|
||||
className="rd-form rd-mailform rd-form-inline-1"
|
||||
data-form-output="form-output-global"
|
||||
data-form-type="subscribe"
|
||||
method="post"
|
||||
action="bat/rd-mailform.php"
|
||||
>
|
||||
<div className="form-wrap">
|
||||
<input
|
||||
className="form-input"
|
||||
id="subscribe-form--email"
|
||||
type="email"
|
||||
name="email"
|
||||
data-constraints="@Email @Required"
|
||||
/>
|
||||
<label className="form-label" htmlFor="subscribe-form--email">
|
||||
Your e-mail
|
||||
</label>
|
||||
</div>
|
||||
<div className="form-button">
|
||||
<button className="button button-primary button-square" type="submit">
|
||||
Subscribe
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<ul className="list-inline-1">
|
||||
<li>
|
||||
<a className="icon fa-facebook" href="#"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="icon fa-twitter" href="#"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="icon fa-google-plus" href="#"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="icon fa-pinterest-p" href="#"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
67
src/components/ContactFormBox.tsx
Normal file
67
src/components/ContactFormBox.tsx
Normal file
@ -0,0 +1,67 @@
|
||||
export default function ContactFormBox() {
|
||||
return (
|
||||
<div className="lg:w-1/3 box-1-cell height-fill context-dark bg-colorContactForm/80!">
|
||||
<div className="box-1-bg-shape">
|
||||
<img className="box-1-bg-image" src="images/bg-shape-1.png" alt="" role="presentation" />
|
||||
</div>
|
||||
<div className="cell-inner box-1-outer">
|
||||
<div className="box-1">
|
||||
<h2>Find Your Property</h2>
|
||||
<form className="rd-form">
|
||||
<div className="row row-x-20 row-20">
|
||||
<div className="col-sm-6 col-lg-12 col-xl-6">
|
||||
<div className="form-wrap form-wrap-validation">
|
||||
<input className="form-input" placeholder="First Name" name="first_name" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-12 col-xl-6">
|
||||
<div className="form-wrap form-wrap-validation">
|
||||
<input className="form-input" placeholder="Last Name" name="last_name" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-12 col-xl-6">
|
||||
<div className="form-wrap form-wrap-validation">
|
||||
<input type="email" className="form-input" placeholder="E-Mail" name="email" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-12 col-xl-6">
|
||||
<div className="form-wrap form-wrap-validation">
|
||||
<input className="form-input" placeholder="Phone Number" name="phone" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-12 col-lg-12 col-xl-12">
|
||||
<div className="form-wrap form-wrap-validation">
|
||||
<select
|
||||
className="form-input select-filter"
|
||||
name="interest"
|
||||
data-style="modern"
|
||||
data-classname="select-dropdown-context-dark"
|
||||
data-placeholder="I'm interested in"
|
||||
data-minimum-results-for-search="Infinity"
|
||||
data-constraints="@Required"
|
||||
>
|
||||
<option label="placeholder"></option>
|
||||
<option value="2">Buying</option>
|
||||
<option value="3">Selling</option>
|
||||
<option value="4">Renting</option>
|
||||
</select>
|
||||
<span className="select-arrow"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-12 col-lg-12 col-xl-12">
|
||||
<div className="form-wrap form-wrap-validation">
|
||||
<textarea className="form-input" placeholder="Questions/Comments" name="question"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-sm-6 col-lg-12 col-xl-6">
|
||||
<a className="button button-primary-outline min-w-[150px]" href="search-results.html">
|
||||
Send
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
@ -1,25 +1,129 @@
|
||||
export default function Footer() {
|
||||
return (
|
||||
<footer className="section footer-classic context-dark bg-gray-21">
|
||||
<div className="container">
|
||||
<div className="row row-10 justify-content-sm-between">
|
||||
<div className="col-sm-6">
|
||||
<p className="rights">
|
||||
<span>MyHome</span> <span>© </span>
|
||||
<span className="copyright-year"></span>
|
||||
<span> </span>
|
||||
<a href="privacy-policy.html">Privacy Policy</a>
|
||||
</p>
|
||||
</div>
|
||||
<div className="col-sm-6 text-sm-right">
|
||||
<div className="right-1">
|
||||
<a href="#">
|
||||
<span className="icon mdi mdi-plus"></span>Submit Property
|
||||
<>
|
||||
<section className="section section-md bg-gray-31 context-dark">
|
||||
<div className="container">
|
||||
<div className="row row-40 justify-content-lg-between">
|
||||
<div className="col-md-6 col-lg-4 col-xl-3">
|
||||
<h3 className="heading-square font-weight-sbold" data-item=".heading-square-item">
|
||||
<span className="heading-square-item"></span>Latest Properties
|
||||
</h3>
|
||||
<a className="post-minimal" href="single-property.html">
|
||||
<div className="post-minimal-image">
|
||||
<img src="images/post-minimal-01-161x136.jpg" alt="" width="161" height="136" />
|
||||
</div>
|
||||
<div className="post-minimal-body">
|
||||
<div className="post-minimal-title">
|
||||
<span> Retail Store Southwest 186th Street</span>
|
||||
</div>
|
||||
<div className="post-minimal-text">
|
||||
<span>From $120/month</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
<a className="post-minimal" href="single-property.html">
|
||||
<div className="post-minimal-image">
|
||||
<img src="images/post-minimal-02-161x136.jpg" alt="" width="161" height="136" />
|
||||
</div>
|
||||
<div className="post-minimal-body">
|
||||
<div className="post-minimal-title">
|
||||
<span> Apartment Building with Subunits</span>
|
||||
</div>
|
||||
<div className="post-minimal-text">
|
||||
<span>From $120/month</span>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div className="col-md-6 col-lg-4 col-xl-3 col-bordered">
|
||||
<h3 className="heading-square font-weight-sbold" data-item=".heading-square-item">
|
||||
<span className="heading-square-item"></span>Contact Us
|
||||
</h3>
|
||||
<div className="link-with-icon heading-4 text-spacing-150 font-sec" data-item=".icon">
|
||||
<span className="icon icon-1 mdi mdi-phone"></span>
|
||||
<a href="tel:#">1-800-700-6200</a>
|
||||
</div>
|
||||
<div className="link-with-icon text-spacing-100" data-item=".icon">
|
||||
<span className="icon icon-2 mdi mdi-email-outline"></span>
|
||||
<a href="mailto:#">info@demolink.org</a>
|
||||
</div>
|
||||
<div className="link-with-icon text-spacing-100" data-item=".icon">
|
||||
<span className="icon icon-3 mdi mdi-map-marker"></span>
|
||||
<a href="#">
|
||||
3015 Grand Ave, Coconut
|
||||
<br className="leading-0" /> Grove,Merrick Way, FL 12345
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4">
|
||||
<h3 className="heading-square font-weight-sbold" data-item=".heading-square-item">
|
||||
<span className="heading-square-item"></span>Newsletter Signup
|
||||
</h3>
|
||||
<p className="rd-mailform-label">Enter your e-mail to get the latest news of MyHome</p>
|
||||
<form
|
||||
className="rd-form rd-mailform rd-form-inline-1"
|
||||
data-form-output="form-output-global"
|
||||
data-form-type="subscribe"
|
||||
method="post"
|
||||
action="bat/rd-mailform.php"
|
||||
>
|
||||
<div className="form-wrap">
|
||||
<input
|
||||
className="form-input"
|
||||
id="subscribe-form--email"
|
||||
type="email"
|
||||
name="email"
|
||||
data-constraints="@Email @Required"
|
||||
/>
|
||||
<label className="form-label" htmlFor="subscribe-form--email">
|
||||
Your e-mail
|
||||
</label>
|
||||
</div>
|
||||
<div className="form-button">
|
||||
<button className="button button-primary button-square" type="submit">
|
||||
Subscribe
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
<ul className="list-inline-1">
|
||||
<li>
|
||||
<a className="icon fa-facebook" href="#"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="icon fa-twitter" href="#"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="icon fa-google-plus" href="#"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a className="icon fa-pinterest-p" href="#"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</section>
|
||||
<footer className="section footer-classic context-dark bg-gray-21">
|
||||
<div className="container">
|
||||
<div className="row row-10 justify-content-sm-between">
|
||||
<div className="col-sm-6">
|
||||
<p className="rights">
|
||||
<span>Dynamic Realty</span> <span>© </span>
|
||||
<span className="copyright-year"></span>
|
||||
<span> </span>
|
||||
<a href="privacy-policy.html">Privacy Policy</a>
|
||||
</p>
|
||||
</div>
|
||||
<div className="col-sm-6 text-sm-right">
|
||||
<div className="right-1">
|
||||
<a href="#">
|
||||
<span className="icon mdi mdi-plus"></span>Submit Property
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user