|
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>Alternate</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="Site/styles/pages/index.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="Library/sliders/bootstrap-slider/css/bootstrap-slider.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="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-dark">
<div class="container">
<!-- text links -->
<div class="text-links padding-top-20">
<!--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>
</div>
<!--webbot bot="Include" tag="BODY" u-include="Library/sliders/bootstrap-slider/bootstrap-slider.htm" startspan -->
<div id="bootstrap-slider" class="bs-animate carousel slide carousel-fade" data-interval="14000">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#bootstrap-slider" data-slide-to="0" class="active"></li>
<li data-target="#bootstrap-slider" data-slide-to="1"></li>
<li data-target="#bootstrap-slider" data-slide-to="2"></li>
<li data-target="#bootstrap-slider" data-slide-to="3"></li>
</ol>
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<!-- slide -->
<div class="item active bootstrap-slider-slide1">
<div class="carousel-caption">
<h2 class="delay-100" data-animation="animated fadeInRight">
We are accomplished Chicago Northside agents who bring a strategic yet personable approach to the home buying and home selling process.
</h2>
<div class="bs-slider-img-lg delay-100" data-animation="animated fadeInLeft">
<img class="img-responsive" alt="image 1 large" src="Library/sliders/bootstrap-slider/images/portfolio-very-large-6.jpg">
</div>
<p class="bs-slider-desc delay-300" data-animation="animated fadeIn" >
Together, we have unmatched knowledge of Chicago’s Northside, gained from years of community involvement both socially and professionally.
</p>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item bootstrap-slider-slide2">
<div class="carousel-caption">
<h2 class="delay-100" data-animation="animated fadeInRight">
Chicago's Northshore looking south to the Loop. </h2>
<div class="bs-slider-img-lg delay-100" data-animation="animated fadeInLeft">
<img class="img-responsive" alt="image 1 large" src="Library/sliders/bootstrap-slider/images/portfolio-very-large-2.jpg">
</div>
<p class="bs-slider-desc delay-300" data-animation="animated fadeIn" >
Our devotion and unparalleled customer service have resulted in a continuously expanding network of loyal and devoted clients and referrals. Our sincere wish is to be given the opportunity to add you to that growing number of satisfied clients.
</p>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item bootstrap-slider-slide3">
<div class="carousel-caption">
<h2 class="delay-100" data-animation="animated fadeInRight">
Wrigley Field after Game 7 of the 2016 World Series.
</h2>
<div class="bs-slider-img-lg delay-100" data-animation="animated fadeInLeft">
<img class="img-responsive" alt="image 1 large" src="Library/sliders/bootstrap-slider/images/portfolio-very-large-3.jpg">
</div>
<p class="bs-slider-desc delay-300" data-animation="animated fadeIn" >
With our well-established base in our neighborhood, we are prepared to meet with you and discuss key ingredients in devising a marketing strategy that will help ensure that we work to acquire your full financial potential available through the sale or rental of your home. </p>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item bootstrap-slider-slide4">
<div class="carousel-caption">
<h2 class="delay-100" data-animation="animated fadeInRight">
The Loop after dark.
</h2>
<div class="bs-slider-img-lg delay-100" data-animation="animated fadeInLeft">
<img class="img-responsive" alt="image 1 large" src="Library/sliders/bootstrap-slider/images/portfolio-very-large-4.jpg">
</div>
<p class="bs-slider-desc delay-300" data-animation="animated fadeIn" >
There is nothing more satisfying than assisting someone in finding their "home" or helping someone sell their house. Ramses’ expert knowledge of the market and his negotiating skills will give you the advantage you may need on your route to your next adventure.
</p>
</div>
</div>
<!-- slide -->
<!-- slide -->
<!-- slide -->
</div>
<!-- /.carousel-inner -->
<!-- Controls -->
<a class="left carousel-control" href="#bootstrap-slider" role="button" data-slide="prev">
<span>
<i class="fa fa-chevron-left fa-3x"></i>
</span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#bootstrap-slider" role="button" data-slide="next">
<span>
<i class="fa fa-chevron-right fa-3x"></i>
</span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- /.carousel -->
<!--webbot bot="Include" endspan i-checksum="55700" -->
<div class="divider-bottom"></div>
</section>
<!-- #EndEditable -->
<!-- ====================================
:: MAIN
===================================== -->
<!-- #BeginEditable "main" -->
<!-- ====================================
:: SECTION: WHAT'S NEW - SECTION START
===================================== -->
<section class="section1">
<div class="wrapper">
<div class="container">
<div class="row">
<!--section heading -->
<div class="section-heading wowed">
<h1 data-wow-delay=".5s" class="wow fadeInDown">
Welcome to our new
</h1>
<h1 data-wow-delay=".7s" class="wow fadeInUp">
Blackboard Website Template
</h1>
</div>
<p class="text-center margin-bottom-50">
See what's new with our Blackboard Website Template.
<span class="highlight5">Chock full of new features,</span> components and sliders.
<br>Including the fullscreen video slider you see at the top of this page!
</p>
<div class="row">
<div class="col-sm-6">
<!-- article left START -->
<article class="article-left">
<div class="article-heading">
<h3>
Content Heading1
</h3>
<h3>
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>
</div>
</article>
<!-- article left END -->
</div>
<div class="col-sm-6">
<!-- article right START -->
<article class="article-right">
<div class="article-heading">
<h3>
Content Heading2
</h3>
<h3>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>
</div>
</article>
<!-- article right END -->
</div>
</div>
<div class="row">
<div class="col-sm-6">
<!-- article left START -->
<article class="article-left">
<div class="article-heading">
<h3>
Content Heading3
</h3>
<h3>
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>
</div>
</article>
<!-- article left END -->
</div>
<div class="col-sm-6">
<!-- article right START -->
<article class="article-right">
<div class="article-heading">
<h3>
Content Heading4
</h3>
<h3>
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>
</div>
</article>
<!-- article right END -->
</div>
</div>
</div>
</div>
</div>
</section>
<!--/SECTION END -->
<!-- ====================================
:: OUR SKILLS - SECTION START
===================================== -->
<section class="section-parallax-dark section-bg-e">
<div class="wrapper">
<div class="container">
<div class="row">
<div class="section-heading wowed">
<h1 data-wow-delay="1s" class="wow fadeInDown">things we do</h1>
<h1 data-wow-delay="1.25s" class="wow fadeInUp">and how well we do them!</h1>
</div>
<div class="col-sm-6">
<!-- article left START -->
<article class="article-left">
<div class="article-heading">
<h3>
Mad Skills
</h3>
<h3>
ordinary to ex·traor·di·nar·y
</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>
<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 left END -->
</div>
<div class="col-sm-6">
<!-- article right START -->
<article class="article-right">
<div class="article-heading">
<div>
<h3>
Proven Results
</h3>
<h3>
with a little help
</h3>
</div>
</div>
<!--webbot bot="Include" tag="BODY" u-include="Library/components/progressbar/skills/skills.htm" startspan -->
<div class="progress5-wrapper">
<!-- progress bar -->
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="90" class="progress-bar progress-bar-themed wow stretchRight" data-wow-duration="1.5s" data-wow-delay="1.5s" role="progressbar" style="width: 100%">
<span class="pb-left">
Design Skills
</span>
<span class="pb-right">
101%
</span>
</div>
</div>
<!-- progress bar -->
<!-- progress bar -->
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="82" class="progress-bar progress-bar-themed wow stretchRight" data-wow-duration="1.5s" data-wow-delay="1.6s" role="progressbar" style="width: 82%">
<span class="pb-left">
Late Nights
</span>
<span class="pb-right">
82%
</span>
</div>
</div>
<!-- progress bar -->
<!-- progress bar -->
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="65" class="progress-bar progress-bar-themed wow stretchRight" data-wow-duration="1.5s" data-wow-delay="1.7s" role="progressbar" style="width: 65%">
<span class="pb-left">
Pizza
</span>
<span class="pb-right">
65%
</span>
</div>
</div>
<!-- progress bar -->
<!-- progress bar -->
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="41" class="progress-bar progress-bar-themed wow stretchRight" data-wow-duration="1.5s" data-wow-delay="1.8s" role="progressbar" style="width: 41%">
<span class="pb-left">
Coffee
</span>
<span class="pb-right">
41%
</span>
</div>
</div>
<!-- progress bar -->
<!-- progress bar -->
<div class="progress">
<div aria-valuemax="100" aria-valuemin="0" aria-valuenow="30" class="progress-bar progress-bar-themed wow stretchRight" data-wow-duration="1.5s" data-wow-delay="1.9s" role="progressbar" style="width: 50%">
<span class="pb-left">
RedBull
</span>
<span class="pb-right">
50%
</span>
</div>
</div>
<!-- progress bar -->
</div>
<div class="designview-placeholder" style="display:none;">
<img alt="" src="Site/images/library-components-progressbar-skills.png">
</div>
<!--webbot bot="Include" endspan i-checksum="25558" --></article>
<!-- article right END -->
</div>
</div>
</div>
</div>
</section>
<!--/SECTION END -->
<!-- ====================================
:: FEATURES - SECTION START
===================================== -->
<section class="section1">
<!--<div class="features-bg1 wow slideInUp hidden-xs hidden-sm" data-wow-duration="2s" data-wow-delay="3s">
</div>-->
<div class="wrapper">
<div class="container">
<div class="row">
<!--section heading -->
<div class="section-heading wowed">
<h2 data-wow-delay=".5s" class="wow fadeInDown">
Great New Features
</h2>
<h2 data-wow-delay=".7s" class="wow fadeInUp">
See what we've added!
</h2>
</div>
<p class="text-center">
See what's new with our Blackboard Website Template. Chock full of new features, components and sliders.
<br>Including the fullscreen video slider you see at the top of this page!
</p>
<div class="row">
<div class="col-sm-4">
<!-- article left START -->
<article class="article-left">
<div class="article-heading">
<h3>
Content Heading1
</h3>
<h3>
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>
</div>
</article>
<!-- article left END -->
</div>
<div class="col-sm-4">
<!-- article center START -->
<article class="article-center">
<div class="article-heading">
<h3>
Content Heading2
</h3>
<h3>
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>
</div>
</article>
<!-- article center END -->
</div>
<div class="col-sm-4">
<!-- article right START -->
<article class="article-right">
<div class="article-heading">
<h3>
Content Heading3
</h3>
<h3>
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>
</div>
</article>
<!-- article right END -->
</div>
</div>
<div class="row">
<div class="col-sm-4">
<!-- article left START -->
<article class="article-left">
<div class="article-heading">
<h3>
Content Heading4
</h3>
<h3>
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>
</div>
</article>
<!-- article left END -->
</div>
<div class="col-sm-4">
<!-- article center START -->
<article class="article-center">
<div class="article-heading">
<h3>
Content Heading5
</h3>
<h3>
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>
</div>
</article>
<!-- article center END -->
</div>
<div class="col-sm-4">
<!-- article right START -->
<article class="article-right">
<div class="article-heading">
<h3>
Content Heading6
</h3>
<h3>
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>
</div>
</article>
<!-- article right END -->
</div>
</div>
</div>
</div>
</div>
</section>
<!--/SECTION END -->
<!-- ====================================
:: QUOTES - SECTION START
===================================== -->
<section class="section-parallax-dark section-bg-c hidden-xs">
<div class="wrapper">
<div class="container">
<div class="row">
<!--webbot bot="Include" tag="BODY" u-include="Library/components/carousels/bs-quotes/bs-quotes.htm" startspan -->
<div id="bs-quotes" class="bs-animate carousel slide" data-interval="20000">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<!-- slide -->
<div class="item active bs-quotes-slide1">
<div class="carousel-caption">
<h2 class="delay-100" data-animation="animated bounceInLeft">
Welcome to our Website
</h2>
<h3 class="delay-150" data-animation="animated bounceInRight">
Enjoy Your Visit
</h3>
<p class="lead delay-200" data-animation="animated zoomInUp">
Check out the new Fullscreen Video Background (Video header), loading video directly from YouTube.
</p>
<a class="btn-quotes delay-250" data-animation="animated zoomInUp" href="#">
<span>
<img alt="quotes" src="Library/components/carousels/bs-quotes/images/quotes-1.jpg">
</span>
</a>
<h4 class="delay-300" data-animation="animated zoomInUp">YouTube Background
</h4>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item bs-quotes-slide2">
<div class="carousel-caption">
<h2 data-animation="animated bounceInLeft">
Mobile and Responsive
</h2>
<h3 data-animation="animated bounceInRight">
Desktop, Tablets and Mobiles
</h3>
<p class="lead" data-animation="animated zoomInUp">
Future proof your website and prepare for mobile and tablet visitors.
</p>
<a class="btn-quotes" data-animation="animated zoomInUp" href="#">
<span>
<img alt="quotes" src="Library/components/carousels/bs-quotes/images/quotes-2.jpg">
</span>
</a>
<h4 data-animation="animated zoomInUp">
Mobile Functionality
</h4>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item bs-quotes-slide3">
<div class="carousel-caption">
<h2 data-animation="animated bounceInLeft">
Be Creative
</h2>
<h3 data-animation="animated bounceInRight">
Loads of Interactive Assets
</h3>
<p class="lead" data-animation="animated zoomInUp">
Modern includes a huge variety of image thumbnail widgets, carousels and sliders..
</p>
<a class="btn-quotes" data-animation="animated zoomInUp" href="#">
<span>
<img alt="quotes" src="Library/components/carousels/bs-quotes/images/quotes-3.jpg">
</span>
</a>
<h4 data-animation="animated zoomInUp">
A Gazillion Widgets
</h4>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item bs-quotes-slide4">
<div class="carousel-caption">
<h2 data-animation="animated bounceInLeft">
Latest Standards
</h2>
<h3 data-animation="animated bounceInRight">
Bootstrap 3.3.5, Fontawesome 4.4.0 and jQuery 1.11.1
</h3>
<p class="lead" data-animation="animated zoomInUp">
Keep up to date with todays growing web technologies!
</p>
<a class="btn-quotes" data-animation="animated zoomInUp" href="#">
<span>
<img alt="quotes" src="Library/components/carousels/bs-quotes/images/quotes-4.jpg">
</span>
</a>
<h4 data-animation="animated zoomInUp">
Web Standards Compliant
</h4>
</div>
</div>
<!-- slide -->
<!-- slide -->
<!-- slide -->
</div>
<!-- /.carousel-inner -->
<!-- Controls -->
<a class="left carousel-control" href="#bs-quotes" role="button" data-slide="prev" data-animation="animated bounceInLeft">
<span>
<img alt="previous" src="Site/graphics/car-arrow-prev.png">
</span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#bs-quotes" role="button" data-slide="next" data-animation="animated bounceInLeft">
<span>
<img alt="next" src="Site/graphics/car-arrow-next.png">
</span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- /.carousel -->
<div class="designview-placeholder" style="display:none;">
<img alt="" src="Site/images/library-components-carousels-bs-quotes.png">
</div>
<!--webbot bot="Include" endspan i-checksum="32835" --></div>
</div>
</div>
</section>
<!--/SECTION END -->
<!-- ====================================
:: SERVICES - SECTION START
===================================== -->
<section class="section1">
<div class="wrapper">
<div class="container">
<div class="row">
<!--section heading -->
<div class="section-heading wowed">
<h2 data-wow-delay=".5s" class="wow fadeInDown">
Our Services
</h2>
<h2 data-wow-delay=".7s" class="wow fadeInUp">
Need some help? We can help!
</h2>
</div>
<p class="text-center">
See what's new with our Blackboard Website Template. Chock full of new features, components and sliders.
<br>Including the fullscreen video slider you see at the top of this page!
</p>
<div class="row">
<div class="col-sm-4">
<!-- article left START -->
<article class="article-left">
<div class="article-heading">
<h3>
Our Services 1
</h3>
<h3>
We can help!
</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>
</article>
<!-- article left END -->
<!-- article left START -->
<article class="article-left">
<div class="article-heading">
<h3>
Our Services 2
</h3>
<h3>
We can help!
</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>
</article>
<!-- article left END -->
</div>
<div class="col-sm-4">
<div class="phone-animation">
<div class="cellphone-left wow fadeInLeft" data-wow-duration="1s" data-wow-delay="1s"></div>
<div class="cellphone-right wow fadeInRight" data-wow-duration="1s" data-wow-delay="1s"></div>
</div>
</div>
<div class="col-sm-4">
<!-- article right START -->
<article class="article-right">
<div class="article-heading">
<h3>
Our Services 3
</h3>
<h3>
We can help!
</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>
</article>
<!-- article right END -->
<!-- article right START -->
<article class="article-right">
<div class="article-heading">
<h3>
Our Services 4
</h3>
<h3>
We can help!
</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>
</article>
<!-- article right END -->
</div>
</div>
</div>
</div>
</div>
</section>
<!--/SECTION END -->
<!-- ====================================
:: TESTIMONIALS - SECTION START
===================================== -->
<section class="section-parallax-dark section-bg-d">
<div class="wrapper">
<div class="container">
<div class="row">
<!--webbot bot="Include" tag="BODY" u-include="Library/components/carousels/bs-testimonials/bs-testimonials.htm" startspan -->
<div id="bs-testimonials" class="bs-animate carousel slide" data-interval="25000">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#bs-testimonials" data-slide-to="0" class="active"></li>
<li data-target="#bs-testimonials" data-slide-to="1"></li>
<li data-target="#bs-testimonials" data-slide-to="2"></li>
<li data-target="#bs-testimonials" data-slide-to="3"></li>
</ol>
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<!-- slide -->
<div class="item active bs-testimonials-slide1">
<div class="carousel-caption">
<h2 class="delay-100" data-animation="animated bounceInRight">
But I was pleasantly surprised with the amount of attention and dedication Ramses showed to us throughout the process. Realtors in the past did not put in much effort to help us find an apartment, but from the moment we met him it seemed as if we were his #1 priority. </h2>
<a class="btn btn-testimonials delay-300" data-animation="animated zoomInUp" href="#">
~ Gabriel Sigel
</a>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item bs-testimonials-slide2">
<div class="carousel-caption">
<h2 data-animation="animated bounceInRight">
Ramses, I just want to thank you for your great work in negotiations on the sale. I recognize the effort and skill it took, and I appreciate it. </h2>
<a class="btn btn-testimonials " data-animation="animated zoomInUp" href="#">
~ Maribeth V.
</a>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item bs-testimonials-slide3">
<div class="carousel-caption">
<h2 data-animation="animated bounceInRight">
I would like to recommend Ramses Danta from ReMax Edge. Ramses was very professional and personable and not only found a renter for my condo within a few weeks he also handled all the set ups and even did a couple of fixes himself just to make the place more presentable. </h2>
<a class="btn btn-testimonials " data-animation="animated zoomInUp" href="#">
~ William S.
</a>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="item bs-testimonials-slide4">
<div class="carousel-caption">
<h2 data-animation="animated bounceInRight">
Customer service is not a department, it’s everyone’s job.
</h2>
<div class="icon-div icon-div-color" data-animation="animated bounceInLeft">
<span>
<i class="fa fa-leaf fa-2x"></i>
</span>
</div>
<a class="btn btn-testimonials " data-animation="animated zoomInUp" href="#">
~ Anonymous
</a>
</div>
</div>
<!-- slide -->
<!-- slide -->
<!-- slide -->
</div>
<!-- /.carousel-inner -->
<!-- Controls -->
<a class="left carousel-control" href="#bs-testimonials" role="button" data-slide="prev">
<span>
<img alt="previous" src="Site/graphics/car-arrow-prev.png"> </span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#bs-testimonials" role="button" data-slide="next">
<span>
<img alt="next" src="Site/graphics/car-arrow-next.png"> </span>
<span class="sr-only">Next</span>
</a>
</div>
<!-- /.carousel -->
<div class="designview-placeholder" style="display:none;">
<img alt="" src="Site/images/library-components-carousels-bs-testimonials.png">
</div>
<!--webbot bot="Include" endspan i-checksum="9558" --></div>
</div>
</div>
</section>
<!--/SECTION END -->
<!-- ====================================
:: SOCIAL - SECTION START
===================================== -->
<section class="section-parallax-dark section-bg-e">
<div class="wrapper">
<div class="container">
<div class="row">
<div class="social-content-header">
<div class="section-heading">
<h2>
Stay Connected
</h2>
<h2>
Join us Now!
</h2>
<p class="text-center">
Social Media networks we’re proud to be a part of!
</p>
</div>
</div>
<div class="social-icon-wrapper">
<!--webbot bot="Include" tag="BODY" u-include="Library/components/carousels/social/social.htm" startspan -->
<div id="social-icon" class="social-icon owl-carousel">
<!-- slide -->
<div class="item">
<div class="thumb-social-icon">
<a href="http://www.facebook.com">
<i class="fa fa-facebook-square fa-4x"></i>
</a>
<h4>
Facebook
</h4>
<p>
Friend us now!
</p>
</div>
</div>
<!--slide -->
<!-- slide -->
<div class="item">
<div class="thumb-social-icon">
<a href="http://www.twitter.com">
<i class="fa fa-twitter-square fa-4x"></i>
</a>
<h4>
Twitter
</h4>
<p>
Tweet us now!
</p>
</div>
</div>
<!--slide -->
<!-- slide -->
<div class="item">
<div class="thumb-social-icon">
<a href="http://www.tumblr.com">
<i class="fa fa-tumblr-square fa-4x"></i>
</a>
<h4>
Tumblr
</h4>
<p>
Tumblr with us!
</p>
</div>
</div>
<!--slide -->
<!-- slide -->
<div class="item">
<div class="thumb-social-icon">
<a href="http://www.youtube.com">
<i class="fa fa-youtube-square fa-4x"></i>
</a>
<h4>
YouTube
</h4>
<p>
See our videos!
</p>
</div>
</div>
<!--slide -->
<!-- slide -->
<div class="item">
<div class="thumb-social-icon">
<a href="http://www.instagram.com">
<i class="fa fa-instagram fa-4x"></i>
</a>
<h4>
Instagram
</h4>
<p>
See our pics!
</p>
</div>
</div>
<!--slide -->
<!-- slide -->
<div class="item">
<div class="thumb-social-icon">
<a href="http://www.google.com">
<i class="fa fa-google-plus-square fa-4x"></i>
</a>
<h4>
Google
</h4>
<p>
Share and discover!
</p>
</div>
</div>
<!--slide -->
<!-- slide -->
<div class="item">
<div class="thumb-social-icon">
<a href="http://www.vimeo.com">
<i class="fa fa-vimeo-square fa-4x"></i>
</a>
<h4>
Vimeo
</h4>
<p>
See our videos!
</p>
</div>
</div>
<!--slide -->
<!-- slide -->
<div class="item">
<div class="thumb-social-icon">
<a href="http://www.linkedin.com">
<i class="fa fa-linkedin-square fa-4x"></i>
</a>
<h4>
Linkedin
</h4>
<p>
Get linkedin!
</p>
</div>
</div>
<!--slide -->
<!-- slide -->
<div class="item">
<div class="thumb-social-icon">
<a href="http://www.pinterest.com">
<i class="fa fa-pinterest-square fa-4x"></i>
</a>
<h4>
Pinterest
</h4>
<p>
Pin it with us!
</p>
</div>
</div>
<!--slide -->
<!-- slide -->
<div class="item">
<div class="thumb-social-icon">
<a href="http://www.reddit.com">
<i class="fa fa-reddit-square fa-4x"></i>
</a>
<h4>
Reddit
</h4>
<p>
Gossip but better!
</p>
</div>
</div>
<!--slide -->
<!-- slide -->
<!--slide -->
</div>
<div class="designview-placeholder" style="display:none;">
<img alt="" src="Site/images/library-components-carousels-social.png">
</div>
<!--webbot bot="Include" endspan i-checksum="41050" --></div>
</div>
</div>
</div>
</section>
<!--/SECTION END -->
<!-- ====================================
:: TEAM - SECTION START
===================================== -->
<section class="section1">
<div class="wrapper">
<div class="container">
<div class="row">
<!--section heading -->
<div class="section-heading">
<h2 data-wow-delay=".5s" class="wow fadeInDown">
One Small Team
</h2>
<h2 data-wow-delay=".7s" class="wow fadeInUp">
With Great BIG Talent!
</h2>
</div>
<p class="text-center">
See what's new with our Blackboard Website Template.
<span class="highlight5">Chock full of new features</span>, components and sliders.
<br>Including the fullscreen video slider you see at the top of this page!
</p>
<!--webbot bot="Include" tag="BODY" u-include="Library/components/carousels/team-carousel/team-carousel.htm" startspan -->
<div id="ibc" class="carousel slide" data-interval="30000" data-bottom-top='transform: scale(.75)' data-center='transform: scale(1)' data-center-bottom='transform: scale(1)' data-top-bottom='transform: scale(.75)'>
<ol class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#ibc"></li>
<li data-slide-to="1" data-target="#ibc"></li>
<li data-slide-to="2" data-target="#ibc"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<!-- DO NOT EDIT ABOVE THIS LINE ================================================== -->
<!-- first group of 4 -->
<div class="item active">
<div class="row">
<!-- slide -->
<div class="col-xs-6 col-sm-3">
<div class="ibc-bg1-wrapper">
<div class="ibc-bg1">
<div class="ibc-image-wrapper">
<ul>
<li>
<a class="ibc-circle1" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle2" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle3" href="">
<i class="fa fa-circle"></i>
</a>
</li>
</ul>
<a href="about-single.htm">
<img class="ibc-img-thumbnail" alt="Image" src="Library/components/carousels/team-carousel/images/team-1.jpg" />
</a>
</div>
<h3 class="ibc-h3-color1">
Member Name 1
</h3>
<p class="ibc-p-color1">
Team Member Position...
</p>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="col-xs-6 col-sm-3">
<div class="ibc-bg2-wrapper">
<div class="ibc-bg2">
<div class="ibc-image-wrapper">
<ul>
<li>
<a class="ibc-circle1" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle2" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle3" href="">
<i class="fa fa-circle"></i>
</a>
</li>
</ul>
<a href="about-single.htm">
<img class="ibc-img-thumbnail" alt="Image" src="Library/components/carousels/team-carousel/images/team-2.jpg" />
</a>
</div>
<h3 class="ibc-h3-color2">
Member Name 2
</h3>
<p class="ibc-p-color1">
Team Member Position...
</p>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="col-xs-6 col-sm-3">
<div class="ibc-bg3-wrapper">
<div class="ibc-bg3">
<div class="ibc-image-wrapper">
<ul>
<li>
<a class="ibc-circle1" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle2" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle3" href="">
<i class="fa fa-circle"></i>
</a>
</li>
</ul>
<a href="about-single.htm">
<img class="ibc-img-thumbnail" alt="Image" src="Library/components/carousels/team-carousel/images/team-3.jpg" />
</a>
</div>
<h3 class="ibc-h3-color3">
Member Name 3
</h3>
<p class="ibc-p-color1">
Team Member Position...
</p>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="col-xs-6 col-sm-3">
<div class="ibc-bg4-wrapper">
<div class="ibc-bg4">
<div class="ibc-image-wrapper">
<ul>
<li>
<a class="ibc-circle1" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle2" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle3" href="">
<i class="fa fa-circle"></i>
</a>
</li>
</ul>
<a href="about-single.htm">
<img class="ibc-img-thumbnail" alt="Image" src="Library/components/carousels/team-carousel/images/team-4.jpg" />
</a>
</div>
<h3 class="ibc-h3-color4">
Member Name 4
</h3>
<p class="ibc-p-color1">
Team Member Position...
</p>
</div>
</div>
</div>
<!-- slide -->
</div>
</div>
<!-- first group of 4 -->
<!-- second group of 4 -->
<div class="item">
<div class="row">
<!-- slide -->
<div class="col-xs-6 col-sm-3">
<div class="ibc-bg1-wrapper">
<div class="ibc-bg1">
<div class="ibc-image-wrapper">
<ul>
<li>
<a class="ibc-circle1" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle2" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle3" href="">
<i class="fa fa-circle"></i>
</a>
</li>
</ul>
<a href="about-single.htm">
<img class="ibc-img-thumbnail" alt="Image" src="Library/components/carousels/team-carousel/images/team-5.jpg" />
</a>
</div>
<h3 class="ibc-h3-color1">
Member Name 5
</h3>
<p class="ibc-p-color1">
Team Member Position...
</p>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="col-xs-6 col-sm-3">
<div class="ibc-bg1-wrapper">
<div class="ibc-bg1">
<div class="ibc-image-wrapper">
<ul>
<li>
<a class="ibc-circle1" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle2" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle3" href="">
<i class="fa fa-circle"></i>
</a>
</li>
</ul>
<a href="about-single.htm">
<img class="ibc-img-thumbnail" alt="Image" src="Library/components/carousels/team-carousel/images/team-6.jpg" />
</a>
</div>
<h3 class="ibc-h3-color1">
Member Name 6
</h3>
<p class="ibc-p-color1">
Team Member Position...
</p>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="col-xs-6 col-sm-3">
<div class="ibc-bg1-wrapper">
<div class="ibc-bg1">
<div class="ibc-image-wrapper">
<ul>
<li>
<a class="ibc-circle1" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle2" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle3" href="">
<i class="fa fa-circle"></i>
</a>
</li>
</ul>
<a href="about-single.htm">
<img class="ibc-img-thumbnail" alt="Image" src="Library/components/carousels/team-carousel/images/team-7.jpg" />
</a>
</div>
<h3 class="ibc-h3-color1">
Member Name 7
</h3>
<p class="ibc-p-color1">
Team Member Position...
</p>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="col-xs-6 col-sm-3">
<div class="ibc-bg1-wrapper">
<div class="ibc-bg1">
<div class="ibc-image-wrapper">
<ul>
<li>
<a class="ibc-circle1" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle2" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle3" href="">
<i class="fa fa-circle"></i>
</a>
</li>
</ul>
<a href="about-single.htm">
<img class="ibc-img-thumbnail" alt="Image" src="Library/components/carousels/team-carousel/images/team-8.jpg" />
</a>
</div>
<h3 class="ibc-h3-color1">
Member Name 8
</h3>
<p class="ibc-p-color1">
Team Member Position...
</p>
</div>
</div>
</div>
<!-- slide -->
</div>
</div>
<!-- second group of 4 -->
<!-- third group of 4 -->
<div class="item">
<div class="row">
<!-- slide -->
<div class="col-xs-6 col-sm-3">
<div class="ibc-bg1-wrapper">
<div class="ibc-bg1">
<div class="ibc-image-wrapper">
<ul>
<li>
<a class="ibc-circle1" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle2" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle3" href="">
<i class="fa fa-circle"></i>
</a>
</li>
</ul>
<a href="about-single.htm">
<img class="ibc-img-thumbnail" alt="Image" src="Library/components/carousels/team-carousel/images/team-9.jpg" />
</a>
</div>
<h3 class="ibc-h3-color1">
Member Name 9
</h3>
<p class="ibc-p-color1">
Team Member Position...
</p>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="col-xs-6 col-sm-3">
<div class="ibc-bg1-wrapper">
<div class="ibc-bg1">
<div class="ibc-image-wrapper">
<ul>
<li>
<a class="ibc-circle1" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle2" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle3" href="">
<i class="fa fa-circle"></i>
</a>
</li>
</ul>
<a href="about-single.htm">
<img class="ibc-img-thumbnail" alt="Image" src="Library/components/carousels/team-carousel/images/team-10.jpg" />
</a>
</div>
<h3 class="ibc-h3-color1">
Member Name 10
</h3>
<p class="ibc-p-color1">
Team Member Position...
</p>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="col-xs-6 col-sm-3">
<div class="ibc-bg1-wrapper">
<div class="ibc-bg1">
<div class="ibc-image-wrapper">
<ul>
<li>
<a class="ibc-circle1" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle2" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle3" href="">
<i class="fa fa-circle"></i>
</a>
</li>
</ul>
<a href="about-single.htm">
<img class="ibc-img-thumbnail" alt="Image" src="Library/components/carousels/team-carousel/images/team-11.jpg" />
</a>
</div>
<h3 class="ibc-h3-color1">
Member Name 11
</h3>
<p class="ibc-p-color1">
Team Member Position...
</p>
</div>
</div>
</div>
<!-- slide -->
<!-- slide -->
<div class="col-xs-6 col-sm-3">
<div class="ibc-bg1-wrapper">
<div class="ibc-bg1">
<div class="ibc-image-wrapper">
<ul>
<li>
<a class="ibc-circle1" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle2" href="">
<i class="fa fa-circle"></i>
</a>
</li>
<li>
<a class="ibc-circle3" href="">
<i class="fa fa-circle"></i>
</a>
</li>
</ul>
<a href="about-single.htm">
<img class="ibc-img-thumbnail" alt="Image" src="Library/components/carousels/team-carousel/images/team-12.jpg" />
</a>
</div>
<h3 class="ibc-h3-color1">
Member Name 12
</h3>
<p class="ibc-p-color1">
Team Member Position...
</p>
</div>
</div>
</div>
<!-- slide -->
</div>
</div>
<!-- third group of 4 -->
<!-- slide -->
<!--slide -->
<!-- DO NOT EDIT BELOW THIS LINE ================================================== -->
</div>
<!--/carousel-inner-->
<a class="left article-carousel carousel-control" data-slide="prev" href="#ibc"></a>
<a class="right article-carousel carousel-control" data-slide="next" href="#ibc"></a>
</div>
<div class="designview-placeholder" style="display:none;">
<img alt="" src="Site/images/library-components-carousels-team-carousel.png">
</div>
<!--webbot bot="Include" endspan i-checksum="14898" --><!--webbot bot="Include" tag="BODY" u-include="Library/components/counters/team/team.htm" startspan -->
<div class="counter1">
<div class="">
<div class="row">
<div class="col-sm-12 margin-top-35">
<!-- counter -->
<div class="counter1-info">
<div class="counter1-icon">
<i class="fa fa-line-chart fa-fw fa-4x"></i>
</div>
<div class="counter1-num count appear-count" data-from="0" data-refresh-interval="50" data-speed="2000" data-to="999">
</div>
<p class="counter1-label">
Creative Projects
</p>
</div>
<!-- counter -->
<!-- counter -->
<div class="counter1-info">
<div class="counter1-icon">
<i class="fa fa-heartbeat fa-fw fa-4x"></i>
</div>
<div class="counter1-num count appear-count" data-from="0" data-refresh-interval="50" data-speed="2000" data-to="1560">
</div>
<p class="counter1-label">
Satisfied Customers
</p>
</div>
<!-- counter -->
<!-- counter -->
<div class="counter1-info">
<div class="counter1-icon">
<i class="fa fa-coffee fa-fw fa-4x"></i>
</div>
<div class="counter1-num count appear-count" data-from="0" data-refresh-interval="50" data-speed="2000" data-to="6549">
</div>
<p class="counter1-label">
Cups of Coffee
</p>
</div>
<!-- counter -->
<!-- counter -->
<div class="counter1-info">
<div class="counter1-icon">
<i class="fa fa-thumbs-o-up fa-fw fa-4x"></i>
</div>
<div class="counter1-num count appear-count" data-from="0" data-refresh-interval="50" data-speed="2000" data-to="652">
</div>
<p class="counter1-label">
Late night Pizza’s
</p>
</div>
<!-- counter -->
</div>
</div>
</div>
</div>
<div class="designview-placeholder" style="display:none;">
<img alt="" src="Site/images/library-components-counters-team.png">
</div>
<!--webbot bot="Include" endspan i-checksum="23380" --></div>
</div>
</div>
</section>
<!--/SECTION END -->
<!-- ====================================
:: CONTACT FORM - SECTION START
===================================== -->
<section class="section1">
<div class="wrapper">
<div class="container">
<div class="row">
<div class="section-heading">
<h2 data-wow-delay=".5s" class="wow fadeInDown">
Keep in Touch
</h2>
<h2 data-wow-delay=".7s" class="wow fadeInUp">
contact us today
</h2>
<p>
We'd
<span class="highlight1">
<strong>
<em>love</em>
</strong>
</span> to hearfrom you!
</p>
</div>
<form method="post" action="https://supersubmit.co/welcome/XXXXXXXXXX">
<div class="row">
<div class="col-sm-6">
<div class="form-group">
<label for="indexFirstName">First name:</label>
<input id="indexFirstName" class="form-control" name="First_Name" placeholder="First Name" type="text"> </div>
<div class="form-group">
<label for="indexLastName">Last name:</label>
<input id="indexLastName" class="form-control" name="Last_Name" placeholder="Last Name" type="text"> </div>
<div class="form-group">
<label for="indexEmail">Email address</label>
<input id="indexEmail" 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 class="col-sm-6">
<div class="form-group">
<label>Message:</label>
<textarea class="form-control" name="INFO__message" rows="12"></textarea>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!--/SECTION END -->
<!-- ====================================
:: CALL TO ACTION - SECTION START
===================================== -->
<section class="section1">
<div class="wrapper">
<div class="container">
<div class="row">
<div class="call-to-action">
<!-- DO NOT EDIT ABOVE THIS LINE ================================================== -->
<div data-wow-delay=".5s" class="wow slideInLeft text-center">
<h3 class="animated margin-top-10">
Grab your visitors attention with a
<span class="cta-1">
Call to Action
</span>
</h3>
</div>
<div data-wow-delay=".7s" class="wow slideInRight text-center">
<a href="#" class="btn btn-primary margin-top-10 margin-bottom-20 animated ">
<i class="fa fa-phone"></i>
Get Started Now! .. or learn more
</a>
</div>
<!-- DO NOT EDIT BELOW THIS LINE ================================================== -->
</div>
</div>
</div>
</div>
</section>
<!--/SECTION END -->
<!-- #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 async 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>
<script>
jQuery(document).ready(function() {
jQuery('.background-cover').delay(3000).fadeOut(2000);
//$('.menu-top').fadeIn(2200);
// OR $('.menu-top').show(2200);
// OR $('.menu-top').slideDown("slow");
});
</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" -->
<!-- counters / clients -->
<script src="Library/components/counters/team/js/jquery.appear.js" type="text/javascript" defer="defer"></script>
<script src="Library/components/counters/team/js/jquery.countTo.js" type="text/javascript" defer="defer"></script>
<script src="Library/sliders/default-slider/js/default-init-1.js"></script>
<script src="Library/sliders/default-slider/js/default-slider.js"></script>
<!-- #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>