188 lines
10 KiB
HTML
188 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html class="wide wow-animation" lang="en">
|
|
<head>
|
|
<title>Contact · Monica Dhillon</title>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="icon" href="brand/favicon-32.png" type="image/x-icon">
|
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700,800%7CPoppins:300,400,700">
|
|
<link rel="stylesheet" href="css/bootstrap.css">
|
|
<link rel="stylesheet" href="css/fonts.css">
|
|
<link rel="stylesheet" href="css/style.css" id="main-styles-link">
|
|
<link rel="stylesheet" href="proposal.css">
|
|
</head>
|
|
<body>
|
|
<div class="proposal-banner">
|
|
<div><span class="tag">Proposal mockup</span> MKDRealtor.com — UX examples (not production)</div>
|
|
<div><a href="index.html">All screens</a></div>
|
|
</div>
|
|
<div class="page">
|
|
<header class="section page-header">
|
|
<div class="rd-navbar-wrap">
|
|
<nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-lg-stick-up="true" data-lg-stick-up-offset="118px" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xl-stick-up="true" data-xl-stick-up-offset="118px" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-xxl-stick-up-offset="118px" data-xxl-stick-up="true">
|
|
<div class="rd-navbar-aside-outer">
|
|
<div class="rd-navbar-aside">
|
|
<div class="rd-navbar-panel">
|
|
<button class="rd-navbar-toggle" data-rd-navbar-toggle="#rd-navbar-nav-wrap-1"><span></span></button>
|
|
<a class="rd-navbar-brand" href="public-home.html"><img src="brand/exit_logo.png" alt="EXIT Realty · Monica Dhillon" width="151" height="44"/></a>
|
|
</div>
|
|
<div class="rd-navbar-collapse">
|
|
<button class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle="#rd-navbar-collapse-content-1"><span></span></button>
|
|
<div class="rd-navbar-collapse-content" id="rd-navbar-collapse-content-1">
|
|
<article class="unit align-items-center">
|
|
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-phone"></span></div>
|
|
<div class="unit-body"><a class="link-default" href="tel:+15551234567">(555) 123-4567</a></div>
|
|
</article>
|
|
<article class="unit align-items-center">
|
|
<div class="unit-left"><span class="icon icon-md icon-modern mdi mdi-map-marker"></span></div>
|
|
<div class="unit-body"><span class="link-default">Serving Greater Metro Area</span></div>
|
|
</article>
|
|
<a class="button button-gray-bordered button-winona" href="public-contact.html">Get in touch</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rd-navbar-main-outer">
|
|
<div class="rd-navbar-main">
|
|
<div class="rd-navbar-nav-wrap" id="rd-navbar-nav-wrap-1">
|
|
<ul class="rd-navbar-nav">
|
|
<li class="rd-nav-item "><a class="rd-nav-link" href="public-home.html">Home</a></li>
|
|
<li class="rd-nav-item "><a class="rd-nav-link" href="public-about.html">About</a></li>
|
|
<li class="rd-nav-item active"><a class="rd-nav-link" href="public-contact.html">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="breadcrumbs-custom bg-image context-dark" style="background-image: url(images/breadcrumbs-image-1.jpg);">
|
|
<div class="breadcrumbs-custom-inner">
|
|
<div class="container breadcrumbs-custom-container">
|
|
<div class="breadcrumbs-custom-main">
|
|
<h6 class="breadcrumbs-custom-subtitle title-decorated">Contact</h6>
|
|
<h2 class="text-uppercase breadcrumbs-custom-title">Get in touch</h2>
|
|
</div>
|
|
<ul class="breadcrumbs-custom-path">
|
|
<li><a href="public-home.html">Home</a></li>
|
|
<li class="active">Contact</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="section section-sm">
|
|
<div class="container">
|
|
<div class="layout-bordered">
|
|
<div class="layout-bordered-item wow-outer">
|
|
<div class="layout-bordered-item-inner wow slideInUp">
|
|
<div class="icon icon-lg mdi mdi-phone text-primary"></div>
|
|
<ul class="list-0"><li><a class="link-default" href="tel:+15551234567">(555) 123-4567</a></li></ul>
|
|
</div>
|
|
</div>
|
|
<div class="layout-bordered-item wow-outer">
|
|
<div class="layout-bordered-item-inner wow slideInUp">
|
|
<div class="icon icon-lg mdi mdi-email text-primary"></div>
|
|
<a class="link-default" href="mailto:monica@example.com">monica@example.com</a>
|
|
</div>
|
|
</div>
|
|
<div class="layout-bordered-item wow-outer">
|
|
<div class="layout-bordered-item-inner wow slideInUp">
|
|
<div class="icon icon-lg mdi mdi-map-marker text-primary"></div>
|
|
<span class="link-default">Greater Metro Area</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="section bg-gray-100">
|
|
<div class="container section-lg">
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<div class="proposal-note"><strong>UX note:</strong> Form protected by reCAPTCHA v3 (invisible). Submit creates/updates a <em>Contact</em>, opens a <em>Lead</em>, and ties UTM visit → attribution. Consent notice below.</div>
|
|
<h3 class="text-uppercase">Send a message</h3>
|
|
<form class="rd-form" action="#" method="post" onsubmit="alert('Mockup only — in production this submits with reCAPTCHA and creates a lead.'); return false;">
|
|
<div class="row row-10">
|
|
<div class="col-md-6">
|
|
<div class="form-wrap">
|
|
<label class="form-label-outside" for="contact-first-name">First name</label>
|
|
<input class="form-input" id="contact-first-name" type="text" name="first_name" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-wrap">
|
|
<label class="form-label-outside" for="contact-last-name">Last name</label>
|
|
<input class="form-input" id="contact-last-name" type="text" name="last_name" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-wrap">
|
|
<label class="form-label-outside" for="contact-email">Email</label>
|
|
<input class="form-input" id="contact-email" type="email" name="email" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-wrap">
|
|
<label class="form-label-outside" for="contact-phone">Phone</label>
|
|
<input class="form-input" id="contact-phone" type="tel" name="phone">
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-wrap">
|
|
<label class="form-label-outside" for="contact-interest">I am interested in</label>
|
|
<select class="form-input" id="contact-interest" name="interest">
|
|
<option>Buying a home</option>
|
|
<option>Selling a home</option>
|
|
<option>Both / not sure yet</option>
|
|
<option>Something else</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-wrap">
|
|
<label class="form-label-outside" for="contact-message">Message</label>
|
|
<textarea class="form-input" id="contact-message" name="message" required></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p style="font-size:13px;color:#6b7280;margin:12px 0 20px;">By submitting, you agree I may contact you about your inquiry. You can unsubscribe from marketing email anytime. Protected by reCAPTCHA.</p>
|
|
<button class="button button-primary button-winona" type="submit">Send message</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<footer class="section footer-advanced bg-gray-700">
|
|
<div class="footer-advanced-main">
|
|
<div class="container">
|
|
<div class="row row-50">
|
|
<div class="col-lg-6">
|
|
<div class="footer-brand-row"><img src="brand/exit_logo.png" alt="EXIT Realty"><div><h5 class="font-weight-bold text-uppercase text-white" style="margin:0">Monica Dhillon</h5><span style="color:#7dd3da;font-size:12px">MKDRealtor.com · EXIT Realty Redefined</span></div></div>
|
|
<p class="footer-advanced-text">Local expertise, clear communication, and a marketing platform built to bring serious buyers and sellers to you — not to a generic campaign factory.</p>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<h5 class="font-weight-bold text-uppercase text-white">Navigate</h5>
|
|
<ul class="list-marked list-marked-sm">
|
|
<li><a href="public-home.html">Home</a></li>
|
|
<li><a href="public-about.html">About</a></li>
|
|
<li><a href="public-contact.html">Contact</a></li>
|
|
<li><a href="portal-login.html">Realtor portal</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-advanced-aside">
|
|
<div class="container">
|
|
<div class="footer-advanced-layout"><a class="brand" href="public-home.html"><img src="brand/exit_logo.png" alt="EXIT Realty · Monica Dhillon" width="151" height="44"/></a>
|
|
<p class="rights"><span>© </span><span>2026 </span><span>Monica Dhillon · MKDRealtor.com</span><span>. </span><a href="public-unsubscribe.html">Email preferences</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<script src="js/core.min.js"></script>
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html>
|