File size: 43.28Kb
<!doctype html>
<html lang="en">
<head>
<!-- Simple Page Needs
================================================== -->
<title>Mat</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/pink.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/web-design/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">MARY D. DAVIS</span><br>
<span class="job">Model & Actress</span>
</div>
<figure class="profile-image">
<img src="images/profile.jpg" alt="">
</figure>
<ul class="profile-information">
<li></li>
<li><p><span>Name:</span> Mary D. Davis</p></li>
<li><p><span>Birthday:</span> 06 December 1987</p></li>
<li><p><span>Job:</span> Model & Actress</p></li>
<li><p><span>Email:</span> henry@domain.com</p></li>
<li><p><span>Skype:</span> marrydavis</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>
<!-- My Services Section -->
<div class="row">
<section class="gallery line graybg col-md-12 padding_50 padbot_50">
<div class="section-title bottom_30"><span></span><h2>Photo Gallery</h2></div>
<div id="widget-gallery">
<!-- a photo -->
<div class="cbp-item cbp-lightbox">
<a href="images/gallery/01.jpg" class="cbp-lightbox">
<figure>
<img src="images/gallery/01.jpg" alt="" >
</figure>
</a>
</div>
<!-- a photo -->
<div class="cbp-item cbp-lightbox">
<a href="images/gallery/02.jpg" class="cbp-lightbox">
<figure>
<img src="images/gallery/02.jpg" alt="" >
</figure>
</a>
</div>
<!-- a photo -->
<div class="cbp-item cbp-lightbox">
<a href="images/gallery/03.jpg" class="cbp-lightbox">
<figure>
<img src="images/gallery/03.jpg" alt="" >
</figure>
</a>
</div>
<!-- a photo -->
<div class="cbp-item cbp-lightbox">
<a href="images/gallery/04.jpg" class="cbp-lightbox">
<figure>
<img src="images/gallery/04.jpg" alt="" >
</figure>
</a>
</div>
<!-- a photo -->
<div class="cbp-item cbp-lightbox">
<a href="images/gallery/05.jpg" class="cbp-lightbox">
<figure>
<img src="images/gallery/05.jpg" alt="" >
</figure>
</a>
</div>
<!-- a photo -->
<div class="cbp-item cbp-lightbox">
<a href="images/gallery/06.jpg" class="cbp-lightbox">
<figure>
<img src="images/gallery/06.jpg" alt="" >
</figure>
</a>
</div>
<!-- a photo -->
<div class="cbp-item cbp-lightbox">
<a href="images/gallery/07.jpg" class="cbp-lightbox">
<figure>
<img src="images/gallery/07.jpg" alt="" >
</figure>
</a>
</div>
<!-- a photo -->
<div class="cbp-item cbp-lightbox">
<a href="images/gallery/08.jpg" class="cbp-lightbox">
<figure>
<img src="images/gallery/08.jpg" alt="" >
</figure>
</a>
</div>
</div>
</section>
</div>
<!-- Skills Section -->
<div class="row">
<section class="design-skills col-md-6 padding_60 padbot_50">
<div class="section-title bottom_45"><span></span><h2>My Strengths</h2></div>
<ul class="skill-list">
<li>
<h3>Acting</h3>
<div class="progress">
<div class="percentage" style="width:80%;"></div>
</div>
</li>
<li>
<h3>Walking Posture</h3>
<div class="progress">
<div class="percentage" style="width:60%;"></div>
</div>
</li>
<li>
<h3>Sense Of Style</h3>
<div class="progress">
<div class="percentage" style="width:30%;"></div>
</div>
</li>
</ul>
</section>
<section class="code-skills col-md-6 padding_60">
<div class="section-title bottom_45"><span></span><h2>Language Skills</h2></div>
<ul class="skill-list">
<li>
<h3>English</h3>
<div class="progress">
<div class="percentage" style="width:80%;"></div>
</div>
</li>
<li>
<h3>French</h3>
<div class="progress">
<div class="percentage" style="width:60%;"></div>
</div>
</li>
<li>
<h3>Spanish</h3>
<div class="progress">
<div class="percentage" style="width:30%;"></div>
</div>
</li>
</ul>
</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>My 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_45">
<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_45">
<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 padding_15 padbot_30">
<div class="section-title bottom_45"><span></span><h2>Filmography</h2></div>
<!-- Movies -->
<h3 class="table-title bottom_15">Movies</h3>
<div class="table-responsive mat-table">
<table class="table table-hover">
<colgroup> <col class="col-md-1"><col class="col-md-3"><col class="col-md-3"> <col class="col-md-4"> </colgroup>
<thead>
<tr>
<td>Year</td>
<td>Name</td>
<td>Role</td>
<td style="text-align: right;">Producer Company</td>
</tr>
</thead>
<tbody>
<tr>
<td>2017</td>
<td>Last Flag Flying</td>
<td>Sal Nealon</td>
<td style="text-align: right;">DC Comics</td>
</tr>
<tr>
<td>2016</td>
<td>Writer's Block</td>
<td>The Writer</td>
<td style="text-align: right;">New Line Cinema</td>
</tr>
<tr>
<td>2017</td>
<td>Get a Job</td>
<td>Roger Davis</td>
<td style="text-align: right;">Warner Bros. Entertainment</td>
</tr>
<tr>
<td>2017</td>
<td>Larry Crowne</td>
<td>Dean Tainot</td>
<td style="text-align: right;">Warner Bros. Cartoons</td>
</tr>
<tr>
<td>2017</td>
<td>Detachment</td>
<td>Richard Dearden</td>
<td style="text-align: right;">HBO Films</td>
</tr>
<tr>
<td>2017</td>
<td>Drive</td>
<td>Shannon</td>
<td style="text-align: right;">Warner Bros. Pictures</td>
</tr>
</tbody>
</table>
</div>
<!-- Tv Series -->
<h3 class="table-title top_45 bottom_15">Tv Series</h3>
<div class="table-responsive mat-table">
<table class="table table-hover">
<colgroup> <col class="col-md-1"><col class="col-md-3"><col class="col-md-3"> <col class="col-md-4"> </colgroup>
<thead>
<tr>
<td>Year</td>
<td>Name</td>
<td>Role</td>
<td style="text-align: right;">Producer Company</td>
</tr>
</thead>
<tbody>
<tr>
<td>2017</td>
<td>Last Flag Flying</td>
<td>Sal Nealon</td>
<td style="text-align: right;">DC Comics</td>
</tr>
<tr>
<td>2016</td>
<td>Writer's Block</td>
<td>The Writer</td>
<td style="text-align: right;">New Line Cinema</td>
</tr>
<tr>
<td>2017</td>
<td>Get a Job</td>
<td>Roger Davis</td>
<td style="text-align: right;">Warner Bros. Entertainment</td>
</tr>
<tr>
<td>2017</td>
<td>Larry Crowne</td>
<td>Dean Tainot</td>
<td style="text-align: right;">Warner Bros. Cartoons</td>
</tr>
<tr>
<td>2017</td>
<td>Detachment</td>
<td>Richard Dearden</td>
<td style="text-align: right;">HBO Films</td>
</tr>
<tr>
<td>2017</td>
<td>Drive</td>
<td>Shannon</td>
<td style="text-align: right;">Warner Bros. Pictures</td>
</tr>
</tbody>
</table>
</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=".webdesign" class="cbp-filter-item">Web Design</div>
<div data-filter=".motion" class="cbp-filter-item">Motion Graphic</div>
<div data-filter=".illustration" class="cbp-filter-item">Illustration</div>
<div data-filter=".photography" class="cbp-filter-item">Photography</div>
</div>
</div>
<div id="grid-container" class="top_60">
<!-- a work -->
<div class="cbp-item webdesign">
<a href="portfolio-detail/work-01.html" class=" cbp-singlePage">
<figure>
<div class="icon">
<i class="fa fa-clone" aria-hidden="true"></i>
</div>
<img src="images/works/work-01.jpg" alt="" >
<figcaption>
<span class="title">Babel Admin</span><br/>
<span class="info">An admin template design.</span>
</figcaption>
</figure>
</a>
</div>
<!-- a video work -->
<div class="cbp-item cbp-lightbox motion">
<a href="http://www.youtube.com/watch?v=bpOSxM0rNPM&rel=0&autoplay=1" class="cbp-lightbox">
<figure>
<div class="icon">
<i class="fa fa-play" aria-hidden="true"></i>
</div>
<img src="images/works/work-02.jpg" alt="" >
<figcaption>
<span class="title">George Motion</span><br/>
<span class="info">An motion graphic design.</span>
</figcaption>
</figure>
</a>
</div>
<!-- a image work -->
<div class="cbp-item cbp-lightbox photography">
<a href="images/works/work-06.jpg" class="cbp-lightbox">
<figure>
<div class="icon">
<i class="fa fa-picture-o" aria-hidden="true"></i>
</div>
<img src="images/works/work-06.jpg" alt="">
<figcaption>
<span class="title">Amazon Travel</span><br/>
<span class="info">Nature photography work.</span>
</figcaption>
</figure>
</a>
</div>
<!-- a work -->
<div class="cbp-item webdesign">
<a href="portfolio-detail/work-02.html" class="cbp-singlePage">
<figure>
<div class="icon">
<i class="fa fa-clone" aria-hidden="true"></i>
</div>
<img src="images/works/work-03.jpg" alt="">
<figcaption>
<span class="title">My Workspace</span><br/>
<span class="info">My current workspace design.</span>
</figcaption>
</figure>
</a>
</div>
<!-- a video work -->
<div class="cbp-item motion">
<a href="https://vimeo.com/199074744" class="cbp-lightbox">
<figure>
<div class="icon">
<i class="fa fa-play" aria-hidden="true"></i>
</div>
<img src="images/works/work-04.jpg" alt="">
<figcaption>
<span class="title">Recoba Template</span><br/>
<span class="info">Html template design.</span>
</figcaption>
</figure>
</a>
</div>
<!-- a work -->
<div class="cbp-item webdesign">
<a href="portfolio-detail/work-01.html" class="cbp-singlePage">
<figure>
<div class="icon">
<i class="fa fa-clone" aria-hidden="true"></i>
</div>
<img src="images/works/work-05.jpg" alt="">
<figcaption>
<span class="title">Doddy App</span><br/>
<span class="info">Mobile app ui kit design.</span>
</figcaption>
</figure>
</a>
</div>
<!-- a work -->
<div class="cbp-item illustration">
<a href="portfolio-detail/work-01.html" class="cbp-singlePage">
<figure>
<div class="icon">
<i class="fa fa-clone" aria-hidden="true"></i>
</div>
<img src="images/works/work-07.jpg" alt="">
<figcaption>
<span class="title">Bob Stayler </span><br/>
<span class="info">Illustration characher design.</span>
</figcaption>
</figure>
</a>
</div>
<!-- a work -->
<div class="cbp-item illustration">
<a href="portfolio-detail/work-01.html" class="cbp-singlePage">
<figure>
<div class="icon">
<i class="fa fa-clone" aria-hidden="true"></i>
</div>
<img src="images/works/work-08.jpg" alt="">
<figcaption>
<span class="title">Exemag Wordpress Theme</span><br/>
<span class="info">Multiconcept Blog Theme.</span>
</figcaption>
</figure>
</a>
</div>
<!-- a work -->
<div class="cbp-item illustration">
<a href="portfolio-detail/work-01.html" class="cbp-singlePage">
<figure>
<div class="icon">
<i class="fa fa-clone" aria-hidden="true"></i>
</div>
<img src="images/works/work-09.jpg" alt="">
<figcaption>
<span class="title">Babel Admin Html Code</span><br/>
<span class="info">An admin template design.</span>
</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_30"><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">Mary Davis.</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>