|
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/Features/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<!-- #BeginTemplate "../Templates/template.dwt" -->
<head>
<!-- ====================================
:: META
===================================== -->
<!-- #BeginEditable "meta" -->
<title>Welcome</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(
"",
"http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" // 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="11410" --></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="33203" --></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="46268" --></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>About Us</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="29822" --></div>
<ol class="breadcrumb">
<li><a href="../index.htm">Home</a></li>
<li class="active">About</li>
</ol>
</div>
</div>
</section>
<!-- #EndEditable -->
<!-- ====================================
:: MAIN
===================================== -->
<!-- #BeginEditable "main" -->
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<h2>
Bootstrap Framework</h2>
<h3>Sleek, intuitive, and powerful front-end framework for faster
and easier web development.</h3>
<p>That really sums it up. There are so many great things
to say about the bootstrap framework, that really you aught to just
go to the
<a href="http://twitter.github.io/bootstrap/" target="_blank">bootstrap
website</a> and check it out for yourself.</p>
<p>We've taken that framework, extended it with features that we
know website designers also like to use, and then wrapped it in
a pretty design.</p>
</div>
</section>
<p> </p>
<section class="section">
<div>
<h3>Bootstrap Simplified</h3>
<p>All you really need to know is that if you choose to take advantage
of the
<a href="http://twitter.github.io/bootstrap/components.html" target="_blank">
bootstrap components</a>, this website design supports everything
you see at the bootstrap website. This includes the scaffolding,
base css, components and javascript.</p>
<h4>Supported Components</h4>
<ul class="icons-ul">
<li><i class="fa fa-li icon-ok"></i>Dropdown menus</li>
<li><i class="fa fa-li icon-ok"></i>Button Groups</li>
<li><i class="fa fa-li icon-ok"></i>Button Dropdowns</li>
<li><i class="fa fa-li icon-ok"></i>Navs</li>
<li><i class="fa fa-li icon-ok"></i>Navbars</li>
<li><i class="fa fa-li icon-ok"></i>Breadcrumbs</li>
<li><i class="fa fa-li icon-ok"></i>Pagination</li>
<li><i class="fa fa-li icon-ok"></i>Labels and badges</li>
<li><i class="fa fa-li icon-ok"></i>Typography</li>
<li><i class="fa fa-li icon-ok"></i>Thumbnails</li>
<li><i class="fa fa-li icon-ok"></i>Alerts</li>
<li><i class="fa fa-li icon-ok"></i>Progress Bars</li>
<li><i class="fa fa-li icon-ok"></i>Media Object</li>
<li><i class="fa fa-li icon-ok"></i>Misc</li>
</ul>
</div>
</section>
<p> </p>
<section class="section">
<div>
<h3>Examples</h3>
<p>Below are just some of the great styled components that you can
take advantage of in your website.</p>
<h4>Labels</h4>
<span class="label">Default</span>
<span class="label label-success">Success</span>
<span class="label label-warning">Warning</span>
<span class="label label-important">Important</span>
<span class="label label-info">Info</span>
<span class="label label-inverse">Inverse</span>
<h4>Badges</h4>
<span class="badge">Default</span>
<span class="badge badge-success">Success</span>
<span class="badge badge-warning">Warning</span>
<span class="badge badge-important">Important</span>
<span class="badge badge-info">Info</span>
<span class="badge badge-inverse">Inverse</span>
<h4>Buttons</h4>
<button class="btn">Default</button>
<button class="btn btn-primary">Primary</button>
<button class="btn btn-danger">Danger</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-success">Success</button>
<button class="btn btn-info">Info</button>
<button class="btn btn-inverse">Inverse</button>
<h4>Alerts</h4>
<div class="alert">
<button class="close" data-dismiss="alert" type="button">×
</button><strong>Warning!</strong> This is an example "warning"
alert box. </div>
<div class="alert alert-error">
<button class="close" data-dismiss="alert" type="button">×
</button><strong>Danger!</strong> This is an example "error"
alert box. </div>
<div class="alert alert-success">
<button class="close" data-dismiss="alert" type="button">×
</button><strong>Well done!</strong> This is an example "success"
alert box. </div>
<div class="alert alert-info">
<button class="close" data-dismiss="alert" type="button">×
</button><strong>Heads up!</strong> This is an example "information"
alert box. </div>
</div>
</section>
<p> </p>
<section class="section">
<div>
<h3>Extend</h3>
<p>You can even take advantage of great bootstrap resources such
as <a href="http://bootsnipp.com/" target="_blank">Bootsnipp</a>,
where you can use free HTML snippets that work with Bootstrap.
Just follow the instructions provided and you can have an extremely
polished professional looking website.</p>
</div>
</section>
<p> </p>
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x"><i class="fa fa-check-empty icon-stack-base icon-4x"></i><i class="fa fa-picture icon-4x"></i></span><h2>Amazing Slider</h2>
<p>The Amazing Slider is very similar in nature to the "Nivo Slider"
that is ubiquitos across the net, but with more display features.</p>
<a class="btn btn-success video-slider pull-right" href="http://www.i3dthemes.com/codex/product-components/amazing-slider/" target="_blank">
View Instructions</a>
<a class="btn btn-info video-slider pull-right" href="../Sliders/amazing.htm">
View Page</a> </div>
</section>
<br />
<br />
<br />
<br />
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x">
<i class="fa fa-check-empty icon-stack-base icon-4x"></i>
<i class="fa fa-flag icon-4x"></i></span>
<h2>Font Awesome Icons</h2>
<h3>The iconic font designed for Bootstrap</h3>
<p>How often have you wanted a uniformed group of icons that you
could use in your site, for free? For us, it was a no brainer
to include the Font Awesome icon set into this design.</p>
<p>Take advantage of the beauty and simplicity of the Font Awesome
icon font anywhere you need a great looking icon. See the
<a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">
Font Awesome website</a> for instructions on implementation.</p>
</div>
</section>
<p> </p>
<section class="section">
<div>
<h3>Font Awesome Simplified</h3>
<p>It's as easy as including a class to an <i> tag.
Example: <i class='icon-smile'></i> will display
<i class="fa fa-smile"></i>. It couldn't be easier than that.
With over 300 icons to choose from, and a
<a href="http://fortawesome.github.io/Font-Awesome/examples/" target="_blank">
number of great examples to show how you can use it</a>, the Font
Awesome system is the perfect solution for todays web developers.</p>
<p>We have included Font Awesome 3.1.1 in this design -- if you
need a newer version of Font Awesome,
<a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">
go to the website</a> and download and replace the Site/styles/font-awesome/
folder with what you download from Font Awesome.</p>
<div class="span2">
</div>
</div>
</section>
<section class="section clearfix">
</section>
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x"><i class="fa fa-check-empty icon-stack-base icon-4x"></i><i class="fa fa-picture icon-4x"></i></span><h2>Fullscreen Slider</h2>
<p>The Fullscreen Slider allows you to use any size image, and the component will resize the image to fit the browsers full width. Larger images are better, but you can get away with images
as small as 1024x500 pixels and still have a good looking image component.</p>
<a class="btn btn-success video-slider pull-right" href="http://www.i3dthemes.com/codex/product-components/fullscreen-slider/" target="_blank">
View Instructions</a>
<a class="btn btn-info video-slider pull-right" href="../Sliders/fullscreen-slider.htm">
View Page</a> </div>
</section>
<br />
<br />
<br />
<br />
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x">
<i class="fa fa-check-empty icon-stack-base icon-4x"></i>
<i class="fa fa-picture icon-4x"></i></span>
<h2>Licensed Images</h2>
<h3>What you see, is definately what you get.</h3>
<p>Unlike some other website template providers, we make sure that
the images that are included with the package demo are not only
included, but also licensed for use in your website.</p>
<p>The images included will either be licensed as Public Domain,
Creative Commons, or a special extended license of images from DreamsTime.</p>
<p>If you wish to learn the actual source of the images, please
contact our technical support team and we would be happy to provide
you a compiled list of sources.</p>
</div>
</section>
<br />
<br />
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x"><i class="fa fa-check-empty icon-stack-base icon-4x"></i><i class="fa fa-picture icon-4x"></i></span><h2>Nivo Slider</h2>
<p>Included with the Pro Package, the Nivo Slider is an a very slick
and clean way of showcasing a set of images at the top of your page.</p>
<a class="btn btn-success video-slider pull-right" href="http://www.i3dthemes.com/codex/product-components/nivo-slider/" target="_blank">
View Instructions</a>
<a class="btn btn-info video-slider pull-right" href="../Sliders/nivo-slider.htm">
View Page</a> </div>
</section>
<br />
<br />
<br />
<br />
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x"><i class="fa fa-check-empty icon-stack-base icon-4x"></i><i class="fa fa-picture icon-4x"></i></span><h2>
On Scroll Content</h2>
<p>Included with all packages,
<span style="font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif, Helvetica, Arial, sans-serif; color: #0C2848">
the 'on scroll content' is an eye catching method for
loading content into your page as your visitor scrolls down.
Content is revealed as the users scrolls farther down the
page</span>! The index page is the only page to include this option by default, but you can quickly add the scrolling content sections to any page. Check out the tutorials for more information.</p>
<a class="btn btn-success video-slider pull-right" href="http://www.i3dthemes.com/codex/product-components/on-scroll-content/" target="_blank">View Instructions</a>
<a class="btn btn-info video-slider pull-right" href="../index.htm">View Page</a>
</div>
</section>
<br/><br/> <br/><br/>
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x"><i class="fa fa-check-empty icon-stack-base icon-4x"></i><i class="fa fa-picture icon-4x"></i></span><h2>Parallax Slider</h2>
<p>Included with the Pro Package, the Paralax Slider is a high impact
slider used for combining text with transparent photo object.</p>
<a class="btn btn-success video-slider pull-right" href="http://www.i3dthemes.com/codex/product-components/parallax-slider/" target="_blank">
View Instructions</a>
<a class="btn btn-info video-slider pull-right" href="../Sliders/parallax-slider.htm">
View Page</a> </div>
</section>
<br />
<br />
<br />
<br />
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x"><i class="fa fa-check-empty icon-stack-base icon-4x"></i><i class="fa fa-picture icon-4x"></i></span><h2>Product Carousel</h2>
<p>Included with the Pro Package, the Product Carousel is an awesome
way of showcasing a set of feature products at the top ofa page.
Customize it with as many products as you need.</p>
<a class="btn btn-success video-slider pull-right" href="http://www.i3dthemes.com/codex/product-components/product-carousel/" target="_blank">
View Instructions</a>
<a class="btn btn-info video-slider pull-right" href="../Sliders/product-carousel.htm">
View Page</a> </div>
</section>
<br />
<br />
<br />
<br />
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<h2>Responsive Design</h2>
<h3>Desktop, Tablet, Phone, designed to look great in all sizes.</h3>
<p>We've leveraged the responsive extension for the Bootstrap framework
to ensure that this design will display appropriately in all devices.</p>
<p>Whether you're viewing it on a tablet, desktop or phone, the
page will render this beautiful design -- sometimes hiding regions
that are more glam and glitz than substance, for smartphone viewers.</p>
</div>
</section>
<section class="section">
<div>
<h3>Supported Views</h3>
<p>With our adaptive responsive design, your site will adjust to
tablets and phones displayed in portrait or landscape mode.</p>
</div>
</section>
<p> </p>
<section class="section">
<div>
<h3>Adaptive vs Responsive</h3>
<p>Technically speaking, Adaptive and Responsive are not entirely
the same. Look it up in the dictionary and they're more or less
synonyms. In the web design world, however, Adaptive means more
"hiding/showing" of elements based on different screen resolutions,
whereas Responsive means the resizing and moving of elements, gradually,
based on screen resolution.</p>
<p>We use both techniques, together, to make your site respond in
the best possible manner for whoever (or whatever) is viewing your
pages. You don't need to know the mechanics of how it works, under
the hood. But, if you want to expand on the use of this, you can
check out the documentation at the
<a href="http://twitter.github.io/bootstrap/scaffolding.html#responsive" target="_blank">
Bootstrap website</a>.</p>
</div>
</section>
<br />
<br />
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x">
<i class="fa fa-check-empty icon-stack-base icon-4x"></i>
<i class="fa fa-twitter icon-4x"></i>
</span>
<h2>
Social Media Icons</h2>
<h3>A Bonus Set of Beautiful Social Media Icons</h3>
<p>Use any of these icons to link off to any social media accounts you may have.</p>
</div>
</section>
<section class="section">
<div>
<h3>Included Icons</h3>
<h4>Most Popular Social Icons</h4>
<h4>Social Icons and Interest sites</h4>
<br/>
</div>
</section>
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x">
<i class="fa fa-check-empty icon-stack-base icon-4x"></i>
<i class="fa fa-download-alt icon-4x"></i>
</span>
<h2>
Source Files</h2>
<h3>For Advanced Users, we include the Master PNG Graphic
files.</h3>
<p>If you're a keener, and have Adobe Fireworks, you can manipulate our master PNG files to re-colourize your website however you see fit.</p>
<p>This feature is only offered to those who purchase the Pro Package.</p>
</div>
</section>
<br/><br/>
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x">
<i class="fa fa-check-empty icon-stack-base icon-4x"></i>
<i class="fa fa-briefcase icon-4x"></i>
</span>
<h2>
Starter Web</h2>
<h3>Get started quick, with a set of pre-built pages.</h3>
<p>For our Standard and Pro packages, we include a set of
pre-built pages for you to use and built upon. Copy them as
many times as you need to create new pages, rename them, or
delete the pages you don't need. </p>
<h3>Pages in the Standard and Pro Packages</h3>
<ul class="icons-ul">
<li><i class="fa fa-ok"></i> Home</li>
<li><i class="fa fa-ok"></i> About Us</li>
<li><i class="fa fa-ok"></i> Contact</li>
<li><i class="fa fa-ok"></i> Services</li>
<li><i class="fa fa-ok"></i> FAQs</li>
<li><i class="fa fa-ok"></i> Sitemap</li>
<li><i class="fa fa-ok"></i> Privacy Policy</li>
</ul>
</div>
</section>
<br/><br/>
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x"><i class="fa fa-check-empty icon-stack-base icon-4x"></i><i class="fa fa-picture icon-4x"></i></span><h2>
Photo Slideshow</h2>
<p>Included with the Pro Package, the Photo Slideshow is an amazing photo viewer that we know you'll love.</p>
<p>Copy the slideshow page for as many photo galleries as
you require. </p>
<a class="btn btn-success pull-right" href="http://www.i3dthemes.com/codex/product-components/photo-slideshow/" target="_blank">View Instructions</a>
<a class="btn btn-info pull-right" href="../Pages/photo-slideshow.htm">View Page</a>
</div>
</section>
<br/><br/><br/><br/><br/><br/>
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x">
<i class="fa fa-check-empty icon-stack-base icon-4x"></i>
<i class="fa fa-code icon-4x"></i>
</span>
<h2>
Free Updates & Support</h2>
<h3>We're here to help if something goes wrong!</h3>
<p>We support our product to do what we advertise it to do, 100%. If it doesn't work as we say it should, we'll make sure it does. You can even re-download the template
if we've posted a bug fix. Know that you've got hassle free product quality support for up to a year from your time of purchase. If you need additional support after that we're still
here to help, and you can sign up for an extended support plan.</p>
</div>
</section>
<br/><br/>
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
<section class="section">
<div>
<span class="icon-stack pull-left icon-4x"><i class="fa fa-check-empty icon-stack-base icon-4x"></i><i class="fa fa-picture icon-4x"></i></span><h2>
Video Slider</h2>
<p>Included with the Pro Package, the Video Slider is an great way of showcasing video on a page. When viewing a video, the slider stops from advancing to the next
slide, just as you expect it should -- not a feature found in many video sliders!</p>
<a class="btn btn-success video-slider pull-right" href="http://www.i3dthemes.com/codex/product-components/video-slider/" target="_blank">View Instructions</a>
<a class="btn btn-info video-slider pull-right" href="../Sliders/video-slider.htm">View Page</a>
</div>
</section>
<br/><br/> <br/><br/>
</div>
</div>
</div>
</section>
<!-- ====================================
:: SECTION 1-6
===================================== -->
<section class="section2 ">
<div class="wrapper">
<div class="container">
<div class="row">
</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="15919" -->
</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="5341" -->
</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="#bootstrap">Bootstrap Framework</a></li>
<li><a href="#font-awesome">Font Awesome Icons</a></li>
<li><a href="#social-media-icons">Social Media Icons</a></li>
<li><a href="#responsive-design">Responsive Design</a></li>
<li><a href="#support">Free Updates & Support</a></li>
<li><a href="#licensed-images">Fully Licensed Images</a></li>
<li><a href="#on-scroll-content">On Scroll Content</a></li>
<li><a href="#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="6600" --> <!-- #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>