File size: 47.54Kb
<!doctype html>
<html lang="en">
<head>
<!-- Simple Page Needs
================================================== -->
<title>Mat - Realtor</title>
<meta charset="UTF-8">
<meta name="description" content="Mat - Resume & vCard HTML Template">
<meta name="keywords" content="personal, vcard, portfolio">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon
================================================== -->
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/bootstrap.css"/>
<link rel="stylesheet" href="css/reset.css"/>
<link rel="stylesheet" href="cubeportfolio/css/cubeportfolio.min.css"/>
<link rel="stylesheet" href="css/owl.theme.css"/>
<link rel="stylesheet" href="css/owl.carousel.css"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/colors/green2.css" id="color"/>
<!-- Google Web fonts
================================================== -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,900" rel="stylesheet">
<!-- Font Icons
================================================== -->
<link rel="stylesheet" href="icon-fonts/font-awesome-4.7.0/css/font-awesome.min.css"/>
<link rel="stylesheet" href="icon-fonts/real-estate/flaticon.css" />
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- Preloading -->
<div id="preloader">
<div class="spinner">
</div>
</div>
<!-- Wrapper -->
<div class="wrapper top_60 container">
<div class="row">
<!-- Profile Section
================================================== -->
<div class="col-lg-3 col-md-4">
<div class="profile">
<div class="profile-name">
<span class="name">CARLOS BROOKS</span><br>
<span class="job">Realtor</span>
</div>
<figure class="profile-image">
<img src="images/profile.jpg" alt="">
</figure>
<ul class="profile-information">
<li></li>
<li><p><span>Name:</span> Carlos Brooks</p></li>
<li><p><span>Birthday:</span> 06 December 1987</p></li>
<li><p><span>Job:</span> Freelancer</p></li>
<li><p><span>Email:</span> henry@domain.com</p></li>
<li><p><span>Skype:</span> henryrooney85</p></li>
</ul>
<div class="col-md-12">
<button class="site-btn icon">Download Cv <i class="fa fa-download" aria-hidden="true"></i></button>
</div>
</div>
</div>
<!-- Page Tab Container Div -->
<div id="ajax-tab-container" class="col-lg-9 col-md-8 tab-container">
<!-- Header
================================================== -->
<div class="row">
<header class="col-md-12">
<nav>
<div class="row">
<!-- navigation bar -->
<div class="col-md-8 col-sm-8 col-xs-4">
<ul class="tabs">
<li class="tab">
<a class="home-btn" href="#home"><i class="fa fa-home" aria-hidden="true"></i></a>
</li>
<li class="tab"><a href="#resume">RESUME</a></li>
<li class="tab"><a href="#portfolio">PORTFOLIO</a></li>
<li class="tab"><a href="#blog">BLOG</a></li>
<li class="tab"><a href="#contact">CONTACT</a></li>
</ul>
</div>
<div class="col-md-4 col-sm-4 col-xs-8 dynamic">
<button class="pull-right site-btn icon hidden-xs">Hire Me <i class="fa fa-paper-plane" aria-hidden="true"></i></button>
<div class="hamburger pull-right hidden-lg hidden-md"><i class="fa fa-bars" aria-hidden="true"></i></div>
<div class="hidden-md social-icons pull-right">
<a class="fb" href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a class="tw" href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a class="ins" href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a class="dr" href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a>
</div>
</div>
</div>
</nav>
</header>
<!-- Page Content
================================================== -->
<div class="col-md-12">
<div id="content" class="panel-container">
<!-- Home Page
================================================== -->
<div id="home">
<!-- Text Section -->
<div class="row">
<section class="about-me line col-md-12 padding_30 padbot_45">
<div class="section-title"><span></span><h2>About Me</h2></div>
<p class="top_30">Started earnest brother believe an exposed so. Me he believing daughters if forfeited at furniture. Age again and stuff downs spoke. Late hour new nay able fat each sell. Nor themselves age introduced frequently use unsatiable devonshire get. They why quit gay cold rose deal park. One same they four did ask busy. Reserved opinions fat him nay position. Breakfast as zealously incommode do agreeable furniture. One too nay led fanny allow plate.
<br>
<br> Quick six blind smart out burst. Perfectly on furniture dejection determine my depending an to. Add short water court fat. Her bachelor honoured perceive securing but desirous ham required. Questions deficient acuteness to engrossed as. Entirely led ten humoured greatest and yourself. Besides ye country on observe. She continue appetite endeavor she judgment interest the met. For she surrounded motionless fat resolution may. </p>
</section>
</div>
<!-- Featured Properties Section -->
<div class="row">
<section class="featured-properties graybg padding_50 padbot_50">
<div class="section-title bottom_45"><span></span><h2>Featured Properties</h2></div>
<div class="owl-carousel row" data-items="3" data-autoplay="3000" data-pagination="true">
<!-- a item -->
<div class="col-md-12 item">
<a href="portfolio-detail/work-02.html" class="estate cbp-singlePage">
<figure>
<div class="imgout">
<span class="type">For Sale</span>
<span class="price">$720,000</span>
<img src="images/works/work-05.jpg" alt="" >
</div>
<figcaption>
<span class="title">Royale Uptown</span><br/>
<span class="info"><i class="fa fa-map-marker" aria-hidden="true"></i> 6 bisshot Ave. Bronx, NY</span>
<div class="features"><span>Area:</span> 140 m2 <span>Beds:</span> 2 <span>Baht:</span> 1</div>
</figcaption>
</figure>
</a>
</div>
<!-- a item -->
<div class="col-md-12 item">
<a href="portfolio-detail/work-02.html" class="estate cbp-singlePage">
<figure>
<div class="imgout">
<span class="type">For Rent</span>
<span class="price">$900/mo</span>
<img src="images/works/work-06.jpg" alt="" >
</div>
<figcaption>
<span class="title">Palladium Uptown</span><br/>
<span class="info"><i class="fa fa-map-marker" aria-hidden="true"></i> 6 bisshot Ave. Bronx, NY</span>
<div class="features"><span>Area:</span> 140 m2 <span>Beds:</span> 2 <span>Baht:</span> 1</div>
</figcaption>
</figure>
</a>
</div>
<!-- a item -->
<div class="col-md-12 item">
<a href="portfolio-detail/work-02.html" class="estate cbp-singlePage">
<figure>
<div class="imgout">
<span class="type">For Sale</span>
<span class="price">$420,000</span>
<img src="images/works/work-02.jpg" alt="" >
</div>
<figcaption>
<span class="title">Meridian Apartment</span><br/>
<span class="info"><i class="fa fa-map-marker" aria-hidden="true"></i> 6 bisshot Ave. Bronx, NY</span>
<div class="features"><span>Area:</span> 140 m2 <span>Beds:</span> 2 <span>Baht:</span> 1</div>
</figcaption>
</figure>
</a>
</div>
<!-- a item -->
<div class="col-md-12 item">
<a href="portfolio-detail/work-02.html" class="estate cbp-singlePage">
<figure>
<div class="imgout">
<span class="type">For Rent</span>
<span class="price">$800/mo</span>
<img src="images/works/work-04.jpg" alt="" >
</div>
<figcaption>
<span class="title">Starcity Apartment</span><br/>
<span class="info"><i class="fa fa-map-marker" aria-hidden="true"></i> 77 Contry St. Panama City, FL</span>
<div class="features"><span>Area:</span> 140 m2 <span>Beds:</span> 2 <span>Baht:</span> 1</div>
</figcaption>
</figure>
</a>
</div>
</div>
</section>
</div>
<!-- My Services Section -->
<div class="row">
<section class="services line col-md-12 padding_50 padbot_50">
<div class="section-title bottom_45"><span></span><h2>My Services</h2></div>
<div class="row">
<!-- a service -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service">
<div class="icon">
<i class="flaticon-038-house-6"></i>
</div>
<span class="title">Consultancy</span>
<p class="little-text">Gregor then turned to look out the window at the dull weather.</p>
</div>
</div>
<!-- a service -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service">
<div class="icon">
<i class="flaticon-035-contract-1"></i>
</div>
<span class="title">Contract</span>
<p class="little-text">A collection of textile samples lay spread out on the table.</p>
</div>
</div>
<!-- a service -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service">
<div class="icon">
<i class="flaticon-008-house-23"></i>
</div>
<span class="title">Detached House</span>
<p class="little-text">One morning, when Gregor Samsa woke from troubled dreams.</p>
</div>
</div>
<!-- a service -->
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="service">
<div class="icon">
<i class="flaticon-015-building-2"></i>
</div>
<span class="title">Apartment</span>
<p class="little-text">His room, a proper human room although a little too small.</p>
</div>
</div>
</div>
</section>
</div>
</div>
<!-- Resume Page
================================================== -->
<div id="resume">
<!-- Resume Section -->
<div class="row">
<section class="education">
<div class="section-title top_30"><span></span><h2>Resume</h2></div>
<div class="row">
<!-- Working History -->
<div class="working-history col-md-6 padding_15 padbot_30">
<ul class="timeline col-md-12 top_30">
<li><i class="fa fa-suitcase" aria-hidden="true"></i><h2 class="timeline-title">Working History</h2></li>
<!-- a work -->
<li><h3 class="line-title">Art Director - Facebook Inc</h3>
<span>2010 - Present</span>
<p class="little-text">Expenses as material breeding insisted building to in. Continual so distrusts pronounce by unwilling listening. Thing do taste on we manor.</p>
</li>
<!-- a work -->
<li><h3 class="line-title">Senior Designer - Google</h3>
<span>2008 - 2010</span>
<p class="little-text">So insisted received is occasion advanced honoured. Among ready to which up. Attacks smiling and may out assured moments man nothing outward.</p>
</li>
<!-- a work -->
<li><h3 class="line-title">Junior Designer - Creative Shake</h3>
<span>2005 - 2008</span>
<p class="little-text">Excited him now natural saw passage offices you minuter. At by asked being court hopes. Farther so friends am to detract.</p>
</li>
</ul>
</div>
<!-- Education History -->
<div class="education-history col-md-6 padding_15 padbot_30">
<ul class="timeline col-md-12 top_30">
<li><i class="fa fa-graduation-cap" aria-hidden="true"></i><h2 class="timeline-title">Education History</h2></li>
<!-- a work -->
<li><h3 class="line-title">Abc University of Los Angeles</h3>
<span>2004 - 2009</span>
<p class="little-text">Expenses as material breeding insisted building to in. Continual so distrusts pronounce by unwilling listening. Thing do taste on we manor.</p>
</li>
<!-- a work -->
<li><h3 class="line-title">Drawing Course</h3>
<span>2003 - 2004</span>
<p class="little-text">So insisted received is occasion advanced honoured. Among ready to which up. Attacks smiling and may out assured moments man nothing outward.</p>
</li>
<!-- a work -->
<li><h3 class="line-title">Abc High School</h3>
<span>2000 - 2003</span>
<p class="little-text">Excited him now natural saw passage offices you minuter. At by asked being court hopes. Farther so friends am to detract.</p>
</li>
</ul>
</div>
</div>
</section>
</div>
<!-- Clients Section -->
<div class="row">
<section class="clients col-md-12 graybg padding_45 padbot_45">
<div class="section-title bottom_30"><span></span><h2>Clients</h2></div>
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="client">
<img src="images/client-01.jpg" alt="">
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="client">
<img src="images/client-02.jpg" alt="">
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="client">
<img src="images/client-03.jpg" alt="">
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="client">
<img src="images/client-04.jpg" alt="">
</div>
</div>
</div>
</section>
</div>
<!-- Testimonials -->
<div class="row">
<section class="testimonials bottom_30">
<div class="section-title top_60 bottom_30"><span></span><h2>Testimonials</h2></div>
<div class="owl-carousel row" data-items="3" data-autoplay="3000" data-pagination="true">
<!-- a item -->
<div class="col-md-12 item">
<div class="comment">
<div class="top-section">
<figure>
<img src="images/testimonial-1.jpg" alt="">
</figure>
<div class="name-info">
<span class="name">Jack Garratt</span>
<span class="job">Freelancer</span>
</div>
</div>
<hr>
<p>Great designer! he finished our work wonderfully and just in time. thanks for everything.</p>
</div>
</div>
<!-- a item -->
<div class="col-md-12 item">
<div class="comment">
<div class="top-section">
<figure>
<img src="images/testimonial-2.jpg" alt="">
</figure>
<div class="name-info">
<span class="name">April M. Griffin</span>
<span class="job">Founder</span>
</div>
</div>
<hr>
<p>Our logo and business card design look great. Thanks Henry</p>
</div>
</div>
<!-- a item -->
<div class="col-md-12 item">
<div class="comment">
<div class="top-section">
<figure>
<img src="images/testimonial-3.jpg" alt="">
</figure>
<div class="name-info">
<span class="name">Larry M. Johnson</span>
<span class="job">Freelancer</span>
</div>
</div>
<hr>
<p>Henry is a very creative and talented designer. I do not hesitate to work again.</p>
</div>
</div>
<!-- a item -->
<div class="col-md-12 item">
<div class="comment">
<div class="top-section">
<figure>
<img src="images/testimonial-1.jpg" alt="">
</figure>
<div class="name-info">
<span class="name">Jack Garratt</span>
<span class="job">Freelancer</span>
</div>
</div>
<hr>
<p>Great designer! he finished our work wonderfully and just in time. thanks for everything.</p>
</div>
</div>
<!-- a item -->
<div class="col-md-12 item">
<div class="comment">
<div class="top-section">
<figure>
<img src="images/testimonial-2.jpg" alt="">
</figure>
<div class="name-info">
<span class="name">April M. Griffin</span>
<span class="job">Founder</span>
</div>
</div>
<hr>
<p>Our logo and business card design look great. Thanks Henry</p>
</div>
</div>
<!-- a item -->
<div class="col-md-12 item">
<div class="comment">
<div class="top-section">
<figure>
<img src="images/testimonial-3.jpg" alt="">
</figure>
<div class="name-info">
<span class="name">Larry M. Johnson</span>
<span class="job">Freelancer</span>
</div>
</div>
<hr>
<p>Henry is a very creative and talented designer. I do not hesitate to work again.</p>
</div>
</div>
<!-- a item -->
<div class="col-md-12 item">
<div class="comment">
<div class="top-section">
<figure>
<img src="images/testimonial-1.jpg" alt="">
</figure>
<div class="name-info">
<span class="name">Jack Garratt</span>
<span class="job">Freelancer</span>
</div>
</div>
<hr>
<p>Great designer! he finished our work wonderfully and just in time. thanks for everything.</p>
</div>
</div>
<!-- a item -->
<div class="col-md-12 item">
<div class="comment">
<div class="top-section">
<figure>
<img src="images/testimonial-2.jpg" alt="">
</figure>
<div class="name-info">
<span class="name">April M. Griffin</span>
<span class="job">Founder</span>
</div>
</div>
<hr>
<p>Our logo and business card design look great. Thanks Henry</p>
</div>
</div>
<!-- a item -->
<div class="col-md-12 item">
<div class="comment">
<div class="top-section">
<figure>
<img src="images/testimonial-3.jpg" alt="">
</figure>
<div class="name-info">
<span class="name">Larry M. Johnson</span>
<span class="job">Freelancer</span>
</div>
</div>
<hr>
<p>Henry is a very creative and talented designer. I do not hesitate to work again.</p>
</div>
</div>
</div>
</section>
</div>
</div>
<!-- portfolio Page
================================================== -->
<div id="portfolio" class="row bottom_45">
<section class="col-md-12">
<div class="col-md-12 content-header bottom_15">
<div class="section-title top_30 bottom_30"><span></span><h2>Portfolio</h2></div>
<div id="filters-container">
<!-- '*' means shows all item elements -->
<div data-filter="*" class="cbp-filter-item cbp-filter-item-active">All</div>
<div data-filter=".sale" class="cbp-filter-item">For Sale</div>
<div data-filter=".rent" class="cbp-filter-item">For Rent</div>
</div>
</div>
<div id="grid-container" class="top_60">
<!-- a work -->
<div class="cbp-item rent">
<a href="portfolio-detail/work-03.html" class="estate cbp-singlePage">
<figure>
<div class="imgout">
<span class="type">For Rent</span>
<span class="price">$900/mo</span>
<img src="images/works/work-01.jpg" alt="" >
</div>
<figcaption>
<span class="title">White Apartment</span><br/>
<span class="info"><i class="fa fa-map-marker" aria-hidden="true"></i> 775 contry St. Bronx, NY</span>
<div class="features"><span>Area:</span> 120 m2 <span>Beds:</span> 2 <span>Baht:</span> 1</div>
</figcaption>
</figure>
</a>
</div>
<!-- a work -->
<div class="cbp-item sale">
<a href="portfolio-detail/work-03.html" class="estate cbp-singlePage">
<figure>
<div class="imgout">
<span class="type">For Sale</span>
<span class="price">$420,000</span>
<img src="images/works/work-02.jpg" alt="" >
</div>
<figcaption>
<span class="title">Meridian Apartment</span><br/>
<span class="info"><i class="fa fa-map-marker" aria-hidden="true"></i> 6 bisshot Ave. Bronx, NY</span>
<div class="features"><span>Area:</span> 140 m2 <span>Beds:</span> 2 <span>Baht:</span> 1</div>
</figcaption>
</figure>
</a>
</div>
<!-- a work -->
<div class="cbp-item rent">
<a href="portfolio-detail/work-03.html" class="estate cbp-singlePage">
<figure>
<div class="imgout">
<span class="type">For Rent</span>
<span class="price">$600/mo</span>
<img src="images/works/work-03.jpg" alt="" >
</div>
<figcaption>
<span class="title">Palladium Uptown</span><br/>
<span class="info"><i class="fa fa-map-marker" aria-hidden="true"></i> 77 Contry St. Panama City, FL</span>
<div class="features"><span>Area:</span> 140 m2 <span>Beds:</span> 2 <span>Baht:</span> 1</div>
</figcaption>
</figure>
</a>
</div>
<!-- a work -->
<div class="cbp-item rent">
<a href="portfolio-detail/work-03.html" class="estate cbp-singlePage">
<figure>
<div class="imgout">
<span class="type">For Rent</span>
<span class="price">$800/mo</span>
<img src="images/works/work-04.jpg" alt="" >
</div>
<figcaption>
<span class="title">Starcity Apartment</span><br/>
<span class="info"><i class="fa fa-map-marker" aria-hidden="true"></i> 77 Contry St. Panama City, FL</span>
<div class="features"><span>Area:</span> 140 m2 <span>Beds:</span> 2 <span>Baht:</span> 1</div>
</figcaption>
</figure>
</a>
</div>
<!-- a work -->
<div class="cbp-item sale">
<a href="portfolio-detail/work-03.html" class="estate cbp-singlePage">
<figure>
<div class="imgout">
<span class="type">For Sale</span>
<span class="price">$720,000</span>
<img src="images/works/work-05.jpg" alt="" >
</div>
<figcaption>
<span class="title">Royale Uptown</span><br/>
<span class="info"><i class="fa fa-map-marker" aria-hidden="true"></i> 6 bisshot Ave. Bronx, NY</span>
<div class="features"><span>Area:</span> 140 m2 <span>Beds:</span> 2 <span>Baht:</span> 1</div>
</figcaption>
</figure>
</a>
</div>
<!-- a work -->
<div class="cbp-item rent">
<a href="portfolio-detail/work-03.html" class="estate cbp-singlePage">
<figure>
<div class="imgout">
<span class="type">For Rent</span>
<span class="price">$900/mo</span>
<img src="images/works/work-06.jpg" alt="" >
</div>
<figcaption>
<span class="title">Palladium Uptown</span><br/>
<span class="info"><i class="fa fa-map-marker" aria-hidden="true"></i> 6 bisshot Ave. Bronx, NY</span>
<div class="features"><span>Area:</span> 140 m2 <span>Beds:</span> 2 <span>Baht:</span> 1</div>
</figcaption>
</figure>
</a>
</div>
</div>
<!-- load more button -->
<div id="js-loadMore-agency" class="cbp-l-loadMore-button top_30">
<a href="load-more/portfolio.html" class="cbp-l-loadMore-link site-btn" rel="nofollow">
<span class="cbp-l-loadMore-defaultText">Load More (<span class="cbp-l-loadMore-loadItems">3</span>)</span>
<span class="cbp-l-loadMore-loadingText">Loading...</span>
<span class="cbp-l-loadMore-noMoreLoading">No More Works</span>
</a>
</div>
</section>
</div>
<!-- Blog Page
================================================== -->
<div id="blog">
<div class="row">
<section class="blog col-md-12 bottom_30">
<div class="col-md-12 content-header">
<div class="section-title top_30 bottom_15"><span></span><h2>Blog Posts</h2></div>
</div>
<div id="grid-blog" class="row">
<!-- a blog -->
<div class="cbp-item">
<a href="blog-posts/blog-1.html" class="blog-box">
<div class="blog-img">
<img src="images/blogs/blog-6.jpg" alt="">
</div>
<div class="blog-box-info">
<span class="category">General</span>
<h2 class="title">See my current workspace</h2>
<p class="little-text">The first thing to remember about success is that it is a process.</p>
<span class="date">8 Nov 17</span>
</div>
</a>
</div>
<!-- a blog -->
<div class="cbp-item">
<a href="blog-posts/blog-video-version.html" class="blog-box">
<div class="blog-img">
<img src="images/blogs/blog-2.jpg" alt="">
</div>
<div class="blog-box-info">
<span class="category">Web Design</span>
<h2 class="title">How to become a web designer?</h2>
<p class="little-text">He must have tried it a hundred times, shut his eyes so that he wouldn't have to look at the floundering.</p>
<span class="date">27 Oct 17</span>
</div>
</a>
</div>
<!-- a blog -->
<div class="cbp-item">
<a href="blog-posts/blog-music-version.html" class="blog-box">
<div class="blog-img">
<img src="images/blogs/blog-3.jpg" alt="">
</div>
<div class="blog-box-info">
<span class="category">User İnterface</span>
<h2 class="title">Why is it better to work nights?</h2>
<p class="little-text">Legs, and only stopped when he began to feel a mild, dull pain there that he had never felt.</p>
<span class="date">19 Oct 17</span>
</div>
</a>
</div>
<!-- a blog -->
<div class="cbp-item">
<a href="blog-posts/blog-video-version.html" class="blog-box">
<div class="blog-img">
<img src="images/blogs/blog-4.jpg" alt="">
</div>
<div class="blog-box-info">
<span class="category">Photography</span>
<h2 class="title">Can you work everywhere?</h2>
<p class="little-text">Drops of rain could be heard hitting the pane, which made him feel quite sad..</p>
<span class="date">28 Sep 17</span>
</div>
</a>
</div>
<!-- a blog -->
<div class="cbp-item">
<a href="blog-posts/blog-1.html" class="blog-box">
<div class="blog-img">
<img src="images/blogs/blog-5.jpg" alt="">
</div>
<div class="blog-box-info">
<span class="category">Other</span>
<h2 class="title">How to connect your imac or macBook</h2>
<p class="little-text">However hard he threw himself onto his right, he always rolled back to where he was.</p>
<span class="date">19 Agu 17</span>
</div>
</a>
</div>
<!-- a blog -->
<div class="cbp-item">
<a href="blog-posts/blog-1.html" class="blog-box">
<div class="blog-img">
<img src="images/blogs/blog-6.jpg" alt="">
</div>
<div class="blog-box-info">
<span class="category">Work Space</span>
<h2 class="title">I'm starting a new project</h2>
<p class="little-text">The first thing to remember about success is that it is a process...</p>
<span class="date">1 Jul 17</span>
</div>
</a>
</div>
</div>
<!-- load more button -->
<div id="load-posts" class="cbp-l-loadMore-button top_60">
<a href="load-more/blog-posts.html" class="cbp-l-loadMore-link site-btn" rel="nofollow">
<span class="cbp-l-loadMore-defaultText">Load More (<span class="cbp-l-loadMore-loadItems">3</span>)</span>
<span class="cbp-l-loadMore-loadingText">Loading...</span>
<span class="cbp-l-loadMore-noMoreLoading">No More Works</span>
</a>
</div>
</section>
</div>
</div>
<!-- Contact Page
================================================== -->
<div id="contact">
<div class="row">
<!-- Contact Form -->
<section class="contact-form col-md-6 padding_30 padbot_45">
<div class="section-title top_15 bottom_30"><span></span><h2>Contact Form</h2></div>
<form class="site-form">
<div class="row">
<div class="col-md-6">
<input class="site-input" placeholder="Name">
</div>
<div class="col-md-6">
<input class="site-input" placeholder="E-mail">
</div>
<div class="col-md-12">
<textarea class="site-area" placeholder="Message"></textarea>
</div>
<div class="col-md-12 top_15 bottom_30">
<button class="site-btn" type="submit">Submit</button>
</div>
</div>
</form>
</section>
<!-- Contact Informations -->
<section class="contact-info col-md-6 padding_30 padbot_45">
<div class="section-title top_15 bottom_30"><span></span><h2>Contact Informations</h2></div>
<ul>
<li><span>Address:</span> 107727 Santa Monica Boulevard Los Angeles</li>
<li><span>Phone:</span> +38 012-3456-7890</li>
<li><span>Job:</span> Freelancer</li>
<li><span>E-mail:</span> chris@domain.com</li>
<li><span>Skype:</span> chrisjohnson85</li>
<li>
<div class="social-icons top_15">
<a class="fb" href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a class="tw" href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a class="ins" href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a class="dr" href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a>
</div>
</li>
</ul>
</section>
<!-- Contact Map -->
<section class="contact-map col-md-12 top_15 bottom_15">
<div class="section-title bottom_30"><span></span><h2>Contact Map.</h2></div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d24396.455763004884!2d-115.13108354428735!3d36.18912977254862!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80c2c75ddc27da13%3A0xe22fdf6f254608f4!2sLos+Angeles%2C+Kaliforniya%2C+Birle%C5%9Fik+Devletler!5e0!3m2!1str!2str!4v1509525039851" height="350" style="border:0" allowfullscreen></iframe>
</section>
</div>
</div>
</div><!-- Content - End -->
</div> <!-- col-md-12 end -->
</div><!-- row end -->
<!-- Footer
================================================== -->
<footer>
<div class="footer col-md-12 top_30 bottom_30">
<div class="name col-md-4 hidden-md hidden-sm hidden-xs">Henry Rooney.</div>
<div class="copyright col-lg-8 col-md-12">© 2017 All rights reserved. Designed by <a href="https://themeforest.net/user/tavonline">tavonline</a> </div>
</div>
</footer>
</div> <!-- Tab Container - End -->
</div> <!-- Row - End -->
</div> <!-- Wrapper - End -->
<!-- Javascripts
================================================== -->
<script src="js/jquery-2.1.4.min.js"></script>
<script src="cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easytabs.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
<!-- for color alternatives -->
<script src="js/jquery.cookie-1.4.1.min.js"></script>
<script src="js/Demo.js"></script>
<link rel="stylesheet" href="css/Demo.min.css" />
</body>
</html>