|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/grandpre/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<!-- #BeginTemplate "Templates/template.dwt" -->
<head>
<!-- ====================================
:: META
===================================== -->
<!-- #BeginEditable "meta" -->
<title>Services</title>
<meta content="place your keywords here" name="Keywords">
<meta content="place a description for your webpage here" name="Description">
<meta content="i3dthemes.com" name="author">
<!-- #EndEditable -->
<!-- ====================================
:: MOBILE
===================================== -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<!-- ====================================
:: GOOGLE WEB FONT LOADER
===================================== -->
<!-- #BeginEditable "font-loader1" -->
<script type="text/javascript">
WebFontConfig = {
google: {
families: ['Open+Sans:400,300:latin', 'Open+Sans+Condensed:300,700:latin', 'Shadows+Into+Light::latin'] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
</script>
<!-- #EndEditable -->
<!-- ====================================
:: GOOGLE ASYNC CSS LOADING
===================================== -->
<!-- #BeginEditable "bootstrap" -->
<link href="Site/styles/vendor/bootstrap.css" rel="stylesheet" type="text/css">
<!-- #EndEditable -->
<!-- #BeginEditable "theme-css" -->
<link href="Site/styles/theme.css" rel="stylesheet" type="text/css">
<link href="Site/styles/styles.css" rel="stylesheet" type="text/css">
<link href="Site/styles/shared.css" rel="stylesheet" type="text/css">
<link href="Site/styles/components.css" rel="stylesheet" type="text/css">
<!-- #EndEditable -->
<!-- #BeginEditable "vendor" -->
<link href="Site/styles/vendor/animate.min.css" rel="stylesheet" type="text/css">
<link href="Site/javascript/vendor/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- #EndEditable -->
<!-- #BeginEditable "helper" -->
<link href="Site/styles/helper.css" rel="stylesheet" type="text/css">
<!-- #EndEditable -->
<!-- #BeginEditable "current-page-css" -->
<link href="#" rel="stylesheet" type="text/css">
<!-- #EndEditable -->
<!-- #BeginEditable "google-pagespeed2" -->
<script>
var cb = function() {
var async_stylesheets = new Array(
"",
"" // ALWAYS LOAD THIS STYLE LAST
);
for (i in async_stylesheets) {
var l = document.createElement('link');
l.rel = 'stylesheet';
l.href = async_stylesheets[i];
var h = document.getElementsByTagName('head')[0];
h.parentNode.insertBefore(l, h);
}
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(cb);
else window.addEventListener('load', cb);
</script>
<!-- #EndEditable -->
<!-- ====================================
:: PAGE SPECIFIC CSS
===================================== -->
<!-- ====================================
:: IE COMPATIBILITY
===================================== -->
<!--[if IE]>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<![endif]-->
<!--[if lt IE 9]>
<script src="Site/javascript/vendor/html5shiv.js"></script>
<script src="Site/javascript/vendor/respond.min.js"></script>
<![endif]-->
<script src='https://supersubmit.co/api/9c20c5f2a8/' type='text/javascript' defer></script>
</head>
<body class="designview template">
<script>
document.body.className = document.body.className.replace("designview","");
//document.getElementByTagName("body")[0].removeClass("designview");
</script>
<!-- ====================================
:: PAGE / VIDEO BACKGROUND
===================================== -->
<!-- #BeginEditable "body-bg2" -->
<!-- #EndEditable -->
<!-- ====================================
:: MAIN WRAPPER START
===================================== -->
<main>
<!-- ====================================
:: SKROLL WRAPPER
===================================== -->
<div id="skrollr-body">
<div class="skroll-container">
<!-- #BeginEditable "header-wrapper" -->
<!-- ====================================
:: HEADER
===================================== -->
<header class="header">
<div class="container">
<div class="phone-wrapper">
<!-- phone / contact email -->
<div class="phone">
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/phone.htm" startspan -->
<a href="tel:773 484 0998">(773) 484-0998 - Ramses</a>
<a href="tel:773 484 0994">(773) 484-0994 - Steve</a>
<!--webbot bot="Include" endspan i-checksum="35421" --></div>
<!-- search -->
<div class="google-search">
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/google-search.htm" startspan -->
<div class="google-search-wrapper">
<!-- Put the following javascript before the closing </head> tag. -->
<script>
(function() {
var cx = '004623144674018745587:uapij6fr4i0';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<div class="gcse-search"></div>
<!-- Put the following javascript before the closing </head> tag. -->
<!-- w3 will not validate the <gcse:search></gcse:search> tag -->
<!-- you can use the following in place, if it's a concern
<div class="gcse-searchbox" data-resultsUrl="http://www.example.com" data-newWindow="true" data-queryParameterName="search" ></div>
-->
</div>
<!--webbot bot="Include" endspan i-checksum="48234" --></div>
</div>
<div class="logo-wrapper">
<!-- graphic-logo -->
<div class="graphic-logo">
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/graphic-logo.htm" startspan -->
<!-- place your graphic here
<i class="fa fa-pagelines fa-5x"></i> -->
<img alt="graphic logo" src="Site/graphics/thTEENXDTV.jpg">
<!-- place your graphic here -->
<!--webbot bot="Include" endspan i-checksum="56304" --></div>
<!-- website-name -->
<div class="website-name">
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/website-name.htm" startspan -->
<!-- WEBSITE NAME TEXT GOES HERE -->
<a href="index.htm"><span class="auto-style1">DANTA•GRAND PRÉ</span></a>
<!-- WEBSITE NAME TEXT GOES HERE -->
<!--webbot bot="Include" endspan i-checksum="29803" --></div>
<!-- tagline -->
<div class="tagline">
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/tagline.htm" startspan -->
<p>
<!-- TAGLINE TEXT GOES HERE -->
<span class="highlight1">
<strong>Real Estate Brokers</strong></span> providing<span> personalized</span> real estate services!
<!-- TAGLINE TEXT GOES HERE -->
</p>
<!--webbot bot="Include" endspan i-checksum="18032" --></div>
</div>
<div class="menu-wrapper">
<div class="menu-top">
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/menu-top.htm" startspan -->
<nav class="navbar navbar-default">
<div class="navbar-header">
<button class="navbar-toggle" data-target=".navbar-ex1-collapse" data-toggle="collapse" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="menu-toggle">Main Menu</span>
<span class="fa fa-th-list"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul id="menu" class="menu nav navbar-nav">
</ul>
<li>
<a href="contact.htm">
Contact</a>
</li>
<li>
<a href="about.htm">
Listings</a>
</li>
<!-- do not edit past this point, unlessen you enjoy fixin' stuff -->
<script type="text/javascript">
//var menu = new Spry.Widget.MenuBar("menu");
</script>
</div>
</nav>
<!--webbot bot="Include" endspan i-checksum="8582" --></div>
<!-- social icons -->
<div class="social-icons">
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/social-icons.htm" startspan -->
<div class="social-icon-fontawesome">
<ul>
<li><a href="http://facebook.com/"> <i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/"> <i class="fa fa-twitter"></i></a></li>
<li><a href="http://goolge.com/"> <i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<!--webbot bot="Include" endspan i-checksum="19313" --></div>
</div>
</div>
</header>
<!-- #EndEditable -->
<!-- ====================================
:: SHOWCASE
===================================== -->
<!-- #BeginEditable "showcase" -->
<!-- #EndEditable -->
<!-- #BeginEditable "breadcrumbs1" -->
<section class="section--breadcrumb">
<div class="wrapper">
<div class="container">
<h1>Services</h1>
<!-- text links -->
<div class="text-links">
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/text-links.htm" startspan -->
<nav class="navbar navbar-default">
<div class="navbar-header">
<button class="navbar-toggle" data-target=".navbar-ex2-collapse" data-toggle="collapse" type="button">
<span class="sr-only">Toggle navigation</span>
<span class="menu-toggle">Top Menu</span>
<span class="fa fa-th-list"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-ex2-collapse">
<ul id="top-menu" class="menu nav navbar-nav">
<li>
<a href="index.htm">
Home</a>
</li>
<li>
<a href="contact.htm">
Contact</a>
</li>
<li>
<a href="about.htm">
Listings</a>
</li>
<!-- numo horizontal links -->
<!-- numo drop-down login-box -->
</ul>
<!-- do not edit past this point, unlessen you enjoy fixin' stuff -->
<script type="text/javascript">
//var menu = new Spry.Widget.MenuBar("menu");
</script>
</div>
</nav>
<!--webbot bot="Include" endspan i-checksum="57357" --></div>
<ol class="breadcrumb">
<li><a href="index.htm">Home</a></li>
<li class="active">Services</li>
</ol>
</div>
</div>
</section>
<!-- #EndEditable -->
<!-- ====================================
:: MAIN
===================================== -->
<!-- #BeginEditable "main" -->
<!-- ====================================
:: SECTION 1
===================================== -->
<section class="section1">
<div class="wrapper">
<div class="container">
<div class="row">
<div class="section-heading wowed">
<h1 class="wow fadeInDown" data-wow-delay=".5s">
Our Services
</h1>
<h1 class="wow fadeInUp" data-wow-delay=".7s">
Fast, Friendly and Helpful!
</h1>
</div>
<div class="row">
<div class="col-sm-12 wowed">
<p class="lead text-center wow fadeInDown" data-wow-delay="1s">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
<p class="text-center wow fadeInUp" data-wow-delay="1.5s">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
<br>
</div>
</div>
<div class="row">
<div class="col-sm-3">
<div class="thumb color">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<div class="thm content thm-iconl">
<div class="thm-iconl-btn">
<div class="news-btn">
<div class="news-btn-hover">
</div>
<div class="news-btn-inner">
<a href="#"><i class="fa fa-leaf fa-fw fa-2x"></i></a>
</div>
</div>
</div>
<h3>ICON LARGE</h3>
<p>
Duis vulputate laoreet sem sed sollicitudin. Aliquam diam nunc, convallis nec tortor at, tempor tempus diam. Vestibulum iaculis eros vitae augue pulvinar porttitor.
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="thumb color">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<div class="thm content thm-iconl">
<div class="thm-iconl-btn">
<div class="news-btn">
<div class="news-btn-hover">
</div>
<div class="news-btn-inner">
<a href="#"><i class="fa fa-leaf fa-fw fa-2x"></i></a>
</div>
</div>
</div>
<h3>ICON LARGE</h3>
<p>
Duis vulputate laoreet sem sed sollicitudin. Aliquam diam nunc, convallis nec tortor at, tempor tempus diam. Vestibulum iaculis eros vitae augue pulvinar porttitor.
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="thumb color">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<div class="thm content thm-iconl">
<div class="thm-iconl-btn">
<div class="news-btn">
<div class="news-btn-hover">
</div>
<div class="news-btn-inner">
<a href="#"><i class="fa fa-leaf fa-fw fa-2x"></i></a>
</div>
</div>
</div>
<h3>ICON LARGE</h3>
<p>
Duis vulputate laoreet sem sed sollicitudin. Aliquam diam nunc, convallis nec tortor at, tempor tempus diam. Vestibulum iaculis eros vitae augue pulvinar porttitor.
</p>
</div>
</div>
</div>
</div>
<div class="col-sm-3">
<div class="thumb color">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<div class="thm content thm-iconl">
<div class="thm-iconl-btn">
<div class="news-btn">
<div class="news-btn-hover">
</div>
<div class="news-btn-inner">
<a href="#"><i class="fa fa-leaf fa-fw fa-2x"></i></a>
</div>
</div>
</div>
<h3>ICON LARGE</h3>
<p>
Duis vulputate laoreet sem sed sollicitudin. Aliquam diam nunc, convallis nec tortor at, tempor tempus diam. Vestibulum iaculis eros vitae augue pulvinar porttitor.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!-- article center START -->
<article class="article-center">
<div class="article-heading">
<h3>Content Heading</h3>
<h3>Blackboard Website Template</h3>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
</div>
</article>
<!-- article center END -->
</div>
<div class="row">
<div class="col-sm-7">
<!-- article left START -->
<article class="article-left">
<div class="article-heading">
<h3>Service Details</h3>
</div>
<!--webbot bot="Include" tag="BODY" u-include="Library/components/tabs/services/services.htm" startspan -->
<div class="row tabsv">
<div class="col-sm-4">
<ul class="nav" role="tablist">
<!-- tab -->
<li class="active">
<a data-toggle="tab" href="#tab1" role="tab">
<i class="fa fa-recycle"></i>
Services Tab1
</a>
</li>
<!-- tab -->
<!-- tab -->
<li>
<a data-toggle="tab" href="#tab2" role="tab">
<i class="fa fa-sitemap"></i>
Services Tab2
</a>
</li>
<!-- tab -->
<!-- tab -->
<li>
<a data-toggle="tab" href="#tab3" role="tab">
<i class="fa fa-life-ring"></i>
Services Tab3
</a>
</li>
<!-- tab -->
<!-- tab -->
<li>
<a data-toggle="tab" href="#tab4" role="tab">
<i class="fa fa-users"></i>
Services Tab4
</a>
</li>
<!-- tab -->
</ul>
</div>
<div class="col-sm-8">
<div class="thumb color tabsv-wrapper">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<div class="tab-content">
<!-- tab1 content -->
<div id="tab1" class="tab-pane fade in active">
<p>
<i class="fa fa-recycle"></i>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error quia, ad natus corrupti inventore mollitia, dolor omnis nesciunt, molestias officiis eum debitis dolore. Minima magnam odit cupiditate labore accusantium eaque!
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi minus tenetur sunt aspernatur vitae, corporis nostrum quibusdam molestias, laudantium quia in a natus facilis beatae culpa inventore quidem illo atque.
</p>
</div>
<!-- tab1 content -->
<!-- tab2 content -->
<div id="tab2" class="tab-pane fade">
<p>
<i class="fa fa-sitemap"></i>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error quia, ad natus corrupti inventore mollitia, dolor omnis nesciunt, molestias officiis eum debitis dolore. Minima magnam odit cupiditate labore accusantium eaque!
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi minus tenetur sunt aspernatur vitae, corporis nostrum quibusdam molestias, laudantium quia in a natus facilis beatae culpa inventore quidem illo atque.
</p>
</div>
<!-- tab2 content -->
<!-- tab3 content -->
<div id="tab3" class="tab-pane fade">
<p>
<i class="fa fa-life-ring"></i>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error quia, ad natus corrupti inventore mollitia, dolor omnis nesciunt, molestias officiis eum debitis dolore. Minima magnam odit cupiditate labore accusantium eaque!
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi minus tenetur sunt aspernatur vitae, corporis nostrum quibusdam molestias, laudantium quia in a natus facilis beatae culpa inventore quidem illo atque.
</p>
</div>
<!-- tab3 content -->
<!-- tab4 content -->
<div id="tab4" class="tab-pane fade">
<p>
<i class="fa fa-users"></i>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error quia, ad natus corrupti inventore mollitia, dolor omnis nesciunt, molestias officiis eum debitis dolore. Minima magnam odit cupiditate labore accusantium eaque!
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi minus tenetur sunt aspernatur vitae, corporis nostrum quibusdam molestias, laudantium quia in a natus facilis beatae culpa inventore quidem illo atque.
</p>
</div>
<!-- tab4 content -->
</div>
</div>
</div>
</div>
</div>
<div class="designview-placeholder" style="display:none;">
<img alt="" src="Site/images/library-components-tabs-services.png">
</div>
<!--webbot bot="Include" endspan i-checksum="58495" -->
</article>
<!-- article left END -->
</div>
<div class="col-sm-5">
<!-- article right START -->
<article class="article-right">
<div class="article-heading">
<h3>Our Customers Say</h3>
</div>
<!--webbot bot="Include" tag="BODY" u-include="Library/components/carousels/customers/customers.htm" startspan -->
<div id="owl-customers" class="team owl-carousel">
<!-- slide -->
<div class="item">
<div class="thumb quotes2">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<h3>
1. 24/7 Support
</h3>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<cite>
from: I.AM. Happy
</cite>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item">
<div class="thumb quotes2">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<h3>
1. 24/7 Support
</h3>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<cite>
from: I.AM. Happy
</cite>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item">
<div class="thumb quotes2">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<h3>
1. 24/7 Support
</h3>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<cite>
from: I.AM. Happy
</cite>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item">
<div class="thumb quotes2">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<h3>
1. 24/7 Support
</h3>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<cite>
from: I.AM. Happy
</cite>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item">
<div class="thumb quotes2">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<h3>
1. 24/7 Support
</h3>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<cite>
from: I.AM. Happy
</cite>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item">
<div class="thumb quotes2">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<h3>
1. 24/7 Support
</h3>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<cite>
from: I.AM. Happy
</cite>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item">
<div class="thumb quotes2">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<h3>
1. 24/7 Support
</h3>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<cite>
from: I.AM. Happy
</cite>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item">
<div class="thumb quotes2">
<div class="thumb-hover">
</div>
<div class="thumb-inner">
<h3>
1. 24/7 Support
</h3>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<cite>
from: I.AM. Happy
</cite>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<!-- slide -->
</div>
<div class="designview-placeholder" style="display:none;">
<img alt="" src="Site/images/library-components-carousels-customers.png">
</div>
<!--webbot bot="Include" endspan i-checksum="7807" -->
</article>
<!-- article right END -->
</div>
</div>
<br>
<br>
<div class="col-sm-12">
<!-- article center START -->
<article class="article-center">
<div class="article-heading">
<h3>Our Pricing</h3>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
</div>
<!--webbot bot="Include" tag="BODY" u-include="Library/components/pricing/switcher/pricing.htm" startspan -->
<div class="pricing-container">
<div class="pricing-switcher">
<p class="fieldset">
<input id="monthly-1" checked name="duration-1" type="radio" value="monthly">
<label for="monthly-1">Monthly</label>
<input id="yearly-1" name="duration-1" type="radio" value="yearly">
<label for="yearly-1">Yearly</label>
<span class="price-switch"></span>
</p>
</div>
<!-- .pricing-switcher -->
<ul class="pricing-list price-bounce-invert">
<li class="price-default">
<ul class="pricing-wrapper">
<li class="is-visible" data-type="monthly">
<!-- basic monthly -->
<header class="pricing-header">
<h3>BASIC
<span class="xbold">PLAN</span>
</h3>
<div class="price-price">
<span class="price-currency">$</span>
<span class="price-value">30</span>
<span class="price-duration">mo</span>
</div>
</header>
<!-- .pricing-header -->
<div class="pricing-body">
<ul class="pricing-features">
<li>256MB Memory</li>
<li>1 User</li>
<li>1 Website</li>
<li>1 Domain</li>
<li>Unlimited Bandwidth</li>
<li>24/7 Support</li>
</ul>
</div>
<!-- .pricing-body -->
<footer class="pricing-footer">
<a class="price-select" href="#">Select</a>
</footer>
<!-- .pricing-footer -->
</li>
<li class="is-hidden" data-type="yearly">
<!-- basic yearly -->
<header class="pricing-header">
<h3>BASIC
<span class="xbold">PLAN</span>
</h3>
<div class="price-price">
<span class="price-currency">$</span>
<span class="price-value">320</span>
<span class="price-duration">yr</span>
</div>
</header>
<!-- .pricing-header -->
<div class="pricing-body">
<ul class="pricing-features">
<li>256MB Memory</li>
<li>1 User</li>
<li>1 Website</li>
<li>1 Domain</li>
<li>Unlimited Bandwidth</li>
<li>24/7 Support</li>
</ul>
</div>
<!-- .pricing-body -->
<footer class="pricing-footer">
<a class="price-select" href="#">Select</a>
</footer>
<!-- .pricing-footer -->
</li>
</ul>
<!-- .pricing-wrapper -->
</li>
<li class="price-popular">
<ul class="pricing-wrapper">
<li class="is-visible" data-type="monthly">
<!-- popular monthly -->
<header class="pricing-header">
<h3>POPULAR
<span class="xbold">PLAN</span>
</h3>
<div class="price-price">
<span class="price-currency">$</span>
<span class="price-value">60</span>
<span class="price-duration">mo</span>
</div>
</header>
<!-- .pricing-header -->
<div class="pricing-body">
<ul class="pricing-features">
<li>512MB Memory</li>
<li>3 Users</li>
<li>5 Websites</li>
<li>7 Domains</li>
<li>Unlimited Bandwidth</li>
<li>24/7 Support</li>
</ul>
</div>
<!-- .pricing-body -->
<footer class="pricing-footer">
<a class="price-select" href="#">Select</a>
</footer>
<!-- .pricing-footer -->
</li>
<li class="is-hidden" data-type="yearly">
<!-- popular yearly -->
<header class="pricing-header">
<h3>POPULAR
<span class="xbold">PLAN</span>
</h3>
<div class="price-price">
<span class="price-currency">$</span>
<span class="price-value">630</span>
<span class="price-duration">yr</span>
</div>
</header>
<!-- .pricing-header -->
<div class="pricing-body">
<ul class="pricing-features">
<li>512MB Memory</li>
<li>3 Users</li>
<li>5 Websites</li>
<li>7 Domains</li>
<li>Unlimited Bandwidth</li>
<li>24/7 Support</li>
</ul>
</div>
<!-- .pricing-body -->
<footer class="pricing-footer">
<a class="price-select" href="#">Select</a>
</footer>
<!-- .pricing-footer -->
</li>
</ul>
<!-- .pricing-wrapper -->
</li>
<li class="price-default">
<ul class="pricing-wrapper">
<li class="is-visible" data-type="monthly">
<!-- premium monthly -->
<header class="pricing-header">
<h3>PREMIUM
<span class="xbold">PLAN</span>
</h3>
<div class="price-price">
<span class="price-currency">$</span>
<span class="price-value">90</span>
<span class="price-duration">mo</span>
</div>
</header>
<!-- .pricing-header -->
<div class="pricing-body">
<ul class="pricing-features">
<li>1024MB Memory</li>
<li>5 Users</li>
<li>10 Websites</li>
<li>10 Domains</li>
<li>Unlimited Bandwidth</li>
<li>24/7 Support</li>
</ul>
</div>
<!-- .pricing-body -->
<footer class="pricing-footer">
<a class="price-select" href="#">Select</a>
</footer>
<!-- .pricing-footer -->
</li>
<li class="is-hidden" data-type="yearly">
<!-- premium yearly -->
<header class="pricing-header">
<h3>PREMIUM
<span class="xbold">PLAN</span>
</h3>
<div class="price-price">
<span class="price-currency">$</span>
<span class="price-value">950</span>
<span class="price-duration">yr</span>
</div>
</header>
<!-- .pricing-header -->
<div class="pricing-body">
<ul class="pricing-features">
<li>1024MB Memory</li>
<li>5 Users</li>
<li>10 Websites</li>
<li>10 Domains</li>
<li>Unlimited Bandwidth</li>
<li>24/7 Support</li>
</ul>
</div>
<!-- .pricing-body -->
<footer class="pricing-footer">
<a class="price-select" href="#">Select</a>
</footer>
<!-- .pricing-footer -->
</li>
</ul>
<!-- .pricing-wrapper -->
</li>
</ul>
<!-- .pricing-list -->
</div>
<div class="designview-placeholder" style="display:none;">
<img alt="" src="Site/images/library-components-pricing-pricing.png">
</div>
<!--webbot bot="Include" endspan i-checksum="17016" -->
</article>
<!-- article center END -->
</div>
</div>
</div>
</div>
</section>
<!-- #EndEditable -->
<!-- ====================================
:: FOOTER
===================================== -->
<!-- #BeginEditable "footer1" -->
<div class="footer section--dark">
<div class="wrapper">
<div class="container">
<div class="row">
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/footer.htm" startspan -->
<div class="footer--contact-now">
<p><a href="contact.htm">Contact Us Today!</a></p>
</div>
<hr>
<!-- container/row wrapper code 3 column -->
<!-- left outer -->
<div class="col-sm-4 ">
<h3><i class=""></i> About Our Company</h3>
<p class="MsoNormal">We are Ramses Danta and Steve Grand Pré, and we
would like to introduce ourselves.<span style="mso-spacerun:yes">
</span>We are both<span style="mso-no-proof:yes"> longtime residents and
own property on Chicago's Northside. Also, we are </span>both Real
Estate Brokers. Combined, we have closed more than 255 transactions, and
as a team, we can do the same for you, whether you are looking to sell
your home, purchase a new home, or lease a property
<span style="mso-no-proof:yes">you currently</span> own.<o:p></o:p></p>
</div >
<hr class="visible-xs" />
<!-- left inner -->
<div class="col-sm-4 ">
<h3><i class=""></i> Recent Updates</h3>
<ul class="footer-updates">
<li><i class="fa fa-crosshairs"></i> <a href="about.htm">Click here</a> to see our latest offerings and listings. </li>
</ul>
</div >
<!-- right inner -->
<div class="col-sm-2 col-md-2 col-sm-2 ">
<h3>Contact Info</h3>
<address>
<span class="auto-style2">DANTA • GRAND PRÉ BROKERS<br>
</span><a href="http://www.chicagoedge.illinoisproperty.com/"><span class="auto-style1">RE/MAX Edge </span>
<b>
<span class="auto-style2"><br class="auto-style3">
<span class="auto-style3">3916 N Broadway St,</span><br class="auto-style3">
<span class="auto-style3">Chicago, IL
60613</span><br class="auto-style3"><span class="auto-style3">(773) 435-1600</span></span></b></a></address>
<address>
<span class="auto-style2">Ramses Danta and Steve Grand Pré<br>
<a href="mailto:[email protected]">[email protected]</a></span>
<span class="auto-style2">
<a href="mailto:[email protected]">[email protected]</a></span></address>
</div >
<!-- right outer -->
<div class="col-sm-2 col-md-2 col-sm-2 ">
<div class="footer--icons">
</div>
</div >
<div class="design-view-footer"></div>
<!--webbot bot="Include" endspan i-checksum="642" --></div>
</div>
</div>
<div class="divider-top"></div>
</div>
<!-- ====================================
:: BACK TO TOP
===================================== -->
<a class="cd-top animated2 bounce2" href="#0">Top</a>
<!-- #EndEditable -->
<!-- ====================================
:: COPYRIGHT
===================================== -->
<!-- #BeginEditable "copyright1" -->
<div class="copyright section--dark">
<div class="wrapper">
<div class="container">
<div class="row">
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/copyright.htm" startspan -->
<div class="col-sm-6 copyright-left">
<p class="wow fadeIn">Copyright <a href="index.htm">2017</a>. All Rights Reserved.</p >
</div>
<div class="col-sm-6 copyright-right">
<div class="wow fadeIn">
<a href="index.htm">Home</a> »
<a href="contact.htm">Contact</a> »
<a href="about.htm">Listings</a> »
<a href="privacy.htm">Privacy</a>
</div>
</div>
<!--webbot bot="Include" endspan i-checksum="44636" --></div>
</div>
</div>
</div >
<!-- #EndEditable -->
<!-- ====================================
:: OFFCANVAS MENU
===================================== -->
<!-- #BeginEditable "offcanvas" -->
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/menu-offcanvas.htm" startspan -->
<div class="article-heading margin-top-100">
<h2>Navigation</h2>
<h2>thanks for browsing!</h2>
<div class="icon-div icon-div-color">
<span><i class="fa fa-bars fa-2x"></i></span></div>
</div>
<ul class="cd-primary-nav">
<li><a href="index.htm"><strong>Home</strong></a></li>
<li><a href="#"><strong>Standard Package</strong></a>
<ul>
<li><a href="about.htm">Listings</a></li>
<li><a href="about-single.htm">About Single</a></li>
<li><a href="catalog.htm">Catalog</a></li>
<li><a href="contact.htm">Contact</a></li>
<li><a href="contact-confirm.htm">Thank You</a></li>
<li><a href="faqs.htm">FAQs</a></li>
<li><a href="privacy.htm">Privacy</a></li>
<li><a href="services.htm">Services</a></li>
<li><a href="sitemap.htm">Sitemap</a></li>
<li><a href="Pages/1-column.htm">1 Column</a></li>
<li><a href="Pages/2-column-left.htm">2 Column Left</a></li>
<li><a href="Pages/2-column-right.htm">2 Column Right</a></li>
<li><a href="Pages/3-column.htm">3 Column</a></li>
<li><a href="Pages/4-column.htm">4 Column</a></li>
</ul>
</li>
<li><a href="#"><strong>Features</strong></a><ul >
<li><a href="Features/features.htm#bootstrap">Bootstrap Framework</a></li>
<li><a href="Features/features.htm#font-awesome">Font Awesome Icons</a></li>
<li><a href="Features/features.htm#social-media-icons">Social Media Icons</a></li>
<li><a href="Features/features.htm#responsive-design">Responsive Design</a></li>
<li><a href="Features/features.htm#support">Free Updates & Support</a></li>
<li><a href="Features/features.htm#licensed-images">Fully Licensed Images</a></li>
<li><a href="Features/features.htm#on-scroll-content">On Scroll Content</a></li>
<li><a href="Features/features.htm#starter-web">Pre-Built Starter Web</a></li>
</ul>
</li>
<li><a href="#"><strong>Enhancements</strong></a><ul >
<li><a href="Enhancements/access-control.htm">Access Control </a></li>
<li><a href="Enhancements/blog.htm">Blog</a></li>
<li><a href="Enhancements/newsletter.htm">Newsletter</a></li>
<li><a href="Enhancements/shopping-cart.htm">Shopping Cart</a></li>
<li><a href="Enhancements/listing-service.htm">Listing Service</a></li>
<li><a href="Enhancements/guestbook.htm">Guestbook</a></li>
<li><a href="Enhancements/form-wizard.htm">Form Wizard</a></li>
<li><a href="Enhancements/help-desk.htm">Help Desk</a></li>
<li><a href="Enhancements/calendar.htm">Calendar</a></li>
<li><a href="Enhancements/content-wizard.htm">Content Wizard</a></li>
<li><a href="Enhancements/web-ballot.htm">Web Ballot</a></li>
<li><a href="Enhancements/whois-online.htm">Whois Online</a></li>
</ul>
</li>
</ul>
<!-- ====================================
:: SECTION 3
===================================== -->
<div class="divider1"></div>
<section class="text-center">
<div class="wrapper">
<div class="container">
<div class="row">
<h2>Contact us</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever
since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. </p>
<address>
<strong>Company, Inc.</strong><br>123 Main Street, Suite 600<br>San Francisco, CA 94107<br>Phone: (555) 555-1234
</address>
<address>
<strong>Full Name</strong><br><a href="mailto:#">[email protected]</a>
</address>
<form method="post" action="https://supersubmit.co/welcome/XXXXXXXXXX">
<div class="row">
<div class="col-sm-6">
<div class="content-left">
<div class="form-group">
<label for="offcanvasFirstName">First name:</label>
<input id="offcanvasFirstName" class="form-control" name="First_Name" placeholder="First Name" type="text"> </div>
<div class="form-group">
<label for="offcanvasLastName">Last name:</label>
<input id="offcanvasLastName" class="form-control" name="Last_Name" placeholder="Last Name" type="text"> </div>
<div class="form-group">
<label for="offcanvasEmail">Email address</label>
<input id="offcanvasEmail" class="form-control" name="Email" placeholder="Enter Email" type="email"> </div>
<div class="form-group">
<label>Subject</label>
<select class="form-control" name="Subject">
<option>Customer Support</option>
<option>Sales Marketing</option>
<option>Job Opportunities</option>
<option>Product Support</option>
<option>Suggestions</option>
</select>
</div>
<button class="btn btn-primary margin-bottom-9" type="submit">Submit</button>
</div>
</div>
<div class="col-sm-6">
<div class="content-right">
<div class="form-group">
<label>Message:</label>
<textarea class="form-control" name="INFO__message" rows="12"></textarea>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<div class="divider1"></div>
<!--webbot bot="Include" endspan i-checksum="37289" --><!-- #EndEditable --></div>
</div>
<!-- /SKROLL WRAPPER END -->
<!-- ====================================
:: GOOGLE ANALYTICS / MISC SCRIPT
===================================== -->
<!-- #BeginEditable "google-analytics" -->
<div class="google-analytics">
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/misc-components/__google-analytics.htm" startspan -->
<!--webbot bot="Include" endspan i-checksum="224" --></div>
<div class="misc-scripts1">
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/misc-components/__misc-scripts1.htm" startspan -->
<!--webbot bot="Include" endspan i-checksum="224" --></div>
<div class="misc-scripts2">
<!--webbot bot="Include" tag="BODY" u-include="Library/shared/misc-components/__misc-scripts2.htm" startspan -->
<!--webbot bot="Include" endspan i-checksum="224" --></div>
<!-- #EndEditable -->
<!-- ====================================
:: REQUIRED JS LINKS
===================================== -->
<!-- #BeginEditable "jquery-min-migrateXXXXX" -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!-- #EndEditable -->
<!-- ====================================
:: SHARED JS LINKS
===================================== -->
<script src="Site/javascript/vendor/modernizr.js" type="text/javascript"></script>
<script src="Site/javascript/vendor/owl.carousel.min.js" type="text/javascript"></script>
<script src="Site/javascript/vendor/fancybox/jquery.fancybox.js" type="text/javascript"></script>
<script src="Site/javascript/components.js"></script>
<!-- ====================================
:: VENDOR SCRIPTS
===================================== -->
<script src="Site/javascript/vendor/wow.min.js"></script>
<script src="Site/javascript/vendor/skrollr.min.js"></script>
<script src="Site/javascript/vendor/jquery.waypoints.min.js"></script>
<script src="Site/javascript/vendor/jquery.ui.totop.min.js"></script>
<script src="Site/javascript/vendor/jquery.easing.min.js"></script>
<!-- ====================================
:: PAGE SCRIPTS
===================================== -->
<!-- #BeginEditable "page-scripts" -->
<!-- #EndEditable -->
</main>
<!-- /MAIN WRAPPER END -->
<!-- ====================================
:: MENU PUSH
===================================== -->
<!-- menuoffcanvas -->
<!-- ====================================
:: THEME INIT
===================================== -->
<!-- #BeginEditable "theme-init2" -->
<script src="Site/javascript/theme-init.js"></script>
<!-- #EndEditable -->
</body>
<!-- #EndTemplate -->
</html>