?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title>Portfolio Column | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="portfolio-column/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link href="vendor/css/bundle.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
<link href="vendor/css/cubeportfolio.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="portfolio-column/css/modelWindow.css" rel="stylesheet">
<link href="portfolio-column/css/style.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!-- Preloader -->
<div class="preloader">
<div class="centrize full-width">
<div class="vertical-center">
<div class="loader">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</div>
<!-- Preloader End -->
<!--Header Start-->
<header>
<!--Navigation-->
<nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
<div class="row w-100 no-gutters">
<div class="col-8 col-md-4">
<!--Side Menu Button-->
<a href="javascript:void(0)" class="sidemenu_btn d-block" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
<div class="col-4 col-md-6 col-lg-4">
<a href="index-portfolio-column.html" title="Logo" class="logo" id="main-page-btn">
<!--Logo Default-->
<img src="portfolio-column/img/logo-white.png" alt="logo" class="logo-white">
</a>
</div>
<div class="col-lg-4 d-flex align-items-lg-center justify-content-end d-none d-md-block">
<div class="header-social-icons">
<ul class="list-unstyled text-right">
<li><a class="facebook_bg_hvr2 wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i></a></li>
<li><a class="twitter_bg_hvr2 wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i></a></li>
<li><a class="linkdin_bg_hvr2 wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i></a></li>
<li><a class="instagram_bg_hvr2 wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</nav>
<!--Side Nav-->
<div class="side-menu hidden">
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" onclick="morphic_window('morphic-window1');"><span>01.</span> automotive club</a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="morphic_window('morphic-window2');"><span>02.</span> Luxuries shoot</a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="morphic_window('morphic-window3');"><span>03.</span> city of lights</a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="morphic_window('morphic-window4');"><span>04.</span> plantation</a>
</li>
<li class="nav-item">
<a class="nav-link" data-fancybox href="portfolio-column/img/slide5.jpg"><span>05.</span> Modest Fasion</a>
</li>
<li class="nav-item">
<a class="nav-link" data-fancybox href="https://vimeo.com/198376997"><span>06.</span> capoeira dancing</a>
</li>
<li class="nav-item">
<a class="nav-link" onclick="morphic_window('morphic-window5');"><span>07.</span> Body Fitness</a>
</li>
</ul>
</nav>
<a href="javaScript:void(0)" class="btn black-btn" id="contact-page-btn">Contact Us</a>
<div class="side-footer w-100">
<ul class="social-icons-simple">
<li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
<li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
</ul>
<p>© 2020 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- End side menu -->
</header>
<!--Header End-->
<div class="main-page-section">
<div id="sync1" class="owl-carousel owl-theme">
<div id="image1" class="item position-relative" style="background-image: url('portfolio-column/img/slide2.jpg'); width:540px;">
<h1 class="text-left item-num-top">01</h1>
<div class="carosuel-overlay"></div>
<div class="carosuel-content">
<h3 class="subheading">01</h3>
<h1>automotive club</h1>
<p>Lorem ipsum is simply dummy text of the printing and typesetting. </p>
<a href="javaScript:void(0)" onclick="morphic_window('morphic-window1');" class="btn black-btn">View Details</a>
</div>
</div>
<div id="image2" class="item" style="background-image: url('portfolio-column/img/slide3.jpg');width:680px">
<h1 class="text-left item-num-top">02</h1>
<div class="carosuel-overlay"></div>
<div class="carosuel-content">
<h3 class="subheading">02</h3>
<h1>Luxuries shoot</h1>
<p>Lorem ipsum is simply dummy text of the printing and typesetting. </p>
<a href="javaScript:void(0)" onclick="morphic_window('morphic-window2');" class="btn black-btn">View Details</a>
</div>
</div>
<div id="image3" class="item" style="background-image: url('portfolio-column/img/slide6.jpg'); width:850px">
<h1 class="text-left item-num-top">03</h1>
<div class="carosuel-overlay"></div>
<div class="carosuel-content">
<h3 class="subheading">03</h3>
<h1>city of lights</h1>
<p>Lorem ipsum is simply dummy text of the printing and typesetting. </p>
<a href="javaScript:void(0)" onclick="morphic_window('morphic-window3');" class="btn black-btn">View Details</a>
</div>
</div>
<div id="image4" class="item" style="background-image: url('portfolio-column/img/slide4.jpg'); width:600px">
<h1 class="text-left item-num-top">04</h1>
<div class="carosuel-overlay"></div>
<div class="carosuel-content">
<h3 class="subheading">04</h3>
<h1>plantation</h1>
<p>Lorem ipsum is simply dummy text of the printing and typesetting. </p>
<a href="javaScript:void(0)" onclick="morphic_window('morphic-window4');" class="btn black-btn">View Details</a>
</div>
</div>
<div id="image5" class="item" style="background-image: url('portfolio-column/img/slide5.jpg'); width:700px;">
<h1 class="text-left item-num-top">05</h1>
<div class="carosuel-overlay"></div>
<div class="carosuel-content">
<h3 class="subheading">05</h3>
<h1>modest fashion</h1>
<p>Lorem ipsum is simply dummy text of the printing and typesetting. </p>
<a data-fancybox href="portfolio-column/img/slide5.jpg" class="btn black-btn">View Details</a>
</div>
</div>
<div id="image7" class="item" style="background-image: url('portfolio-column/img/slide7.jpg'); width:650px">
<h1 class="text-left item-num-top">06</h1>
<div class="carosuel-overlay"></div>
<div class="carosuel-content">
<h3 class="subheading">06</h3>
<h1>capoeira dancing </h1>
<p>Lorem ipsum is simply dummy text of the printing and typesetting. </p>
<a data-fancybox href="https://vimeo.com/198376997" class="btn black-btn">View Details</a>
</div>
</div>
<div id="image6" class="item" style="background-image: url('portfolio-column/img/slide1.jpg');width:680px;">
<h1 class="text-left item-num-top">07</h1>
<div class="carosuel-overlay"></div>
<div class="carosuel-content">
<h3 class="subheading">07</h3>
<h1>body fitness</h1>
<p>Lorem ipsum is simply dummy text of the printing and typesetting. </p>
<a href="javaScript:void(0)" onclick="morphic_window('morphic-window5');" class="btn black-btn">View Details</a>
</div>
</div>
</div>
<div id="sync2" class="owl-carousel owl-theme">
<div class="item" style="background-image: url('portfolio-column/img/thumb-2.jpg');"></div>
<div class="item" style="background-image: url('portfolio-column/img/thumb-3.jpg');"></div>
<div class="item" style="background-image: url('portfolio-column/img/thumb-6.jpg');"></div>
<div class="item" style="background-image: url('portfolio-column/img/thumb-4.jpg');"></div>
<div class="item" style="background-image: url('portfolio-column/img/thumb-5.jpg');"></div>
<div class="item" style="background-image: url('portfolio-column/img/thumb-7.jpg');"></div>
<div class="item" style="background-image: url('portfolio-column/img/thumb-1.jpg');"></div>
</div>
</div>
<div class="contact-page-section">
<!-- START CONTACT -->
<section class="section contact-bg contact-section position-relative" id="contact">
<div class="overlay-background"></div>
<div class="container">
<div class="row pb-5">
<div class="col-12 col-md-7 contact-left-side">
<h3><span class="d-block"> Contact Me </span> <span> Lets Get In Touch </span></h3>
<p class="py-2 alt-font">I am available all the time for any project acording to my skills.</p>
</div>
</div>
<div class="row pt-3">
<!-- Submission Popup -->
<div class="col-12">
<div class="col-sm-12 " id="result"></div>
</div>
<!--Left Column-->
<div class="col-12 col-md-6 col-lg-6">
<form class="contact-form" id="contact-form-data">
<div class="form-group">
<input class="form-control" type="text" placeholder="Name" required="" id="userName" name="userName">
</div>
<div class="form-group">
<input class="form-control" type="tel" placeholder="Contact No" id="phone" name="userPhone">
</div>
<div class="form-group">
<input class="form-control" type="email" placeholder="Email" required="" id="email" name="userEmail">
</div>
<div class="form-group">
<textarea class="form-control" placeholder="Type Your Message Here" id="message" name="userMessage"></textarea>
</div>
<div class="col-12 form-group">
<div class="contact-btn pt-5 text-center text-lg-left">
<button type="button" class="btn black-btn contact_btn">Contact Now</button>
</div>
</div>
</form>
</div>
<!--Right Column-->
<div class="col-12 col-md-6">
<div class="google-map" id="map"></div>
</div>
</div>
<!-- Button -->
</div>
</section>
<!-- END CONTACT -->
<!--Footer Start-->
<footer class="footer-style-1">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-lg-6">
<div class="footer-social text-lg-left">
<ul class="list-unstyled">
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-facebook-f"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-twitter"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-google-plus-g"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-linkedin-in"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
<!--Text-->
<div class="col-lg-6 text-lg-right">
<p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
</p>
</div>
</div>
</div>
</footer>
<!--Footer End-->
</div>
<!--////===================START MODEL WINDOW DIVS===================\\\\\-->
<div id="data-modal">
<!--modal window 1 start-->
<div class="modal-window" id="morphic-window1">
<div class="modal-body">
<header>
<span class="close-modal"><i></i><i></i></span>
</header>
<div class="morphic-body">
<div class="container">
<div class="row main-morphic-body">
<!-- <a class="brand-logo ml-auto mr-auto" href="index.html"><img alt="image" alt="image" src="portfolio/img/logo.png"></a>-->
<div class="morphic-title col-12">
<h3 class="text-center">Model Photoshoot</h3>
<p class="text-center">Gallery/Fashion</p>
</div>
<div class="morphic-img col-12">
<div class="row">
<div class=" d-none d-md-block col-md-2 left-arrow-sec text-center mt-auto mb-auto">
<a class="d-flex justify-content-center" onclick="prev_window('morphic-window6');"><i class="fa fa-angle-left"></i></a>
</div>
<div class="col-12 col-md-8">
<img alt="image" src="portfolio-column/img/model-windows/slide2-model-image.jpg">
</div>
<div class="d-none d-md-block col-md-2 right-arrow-sec text-center mt-auto mb-auto">
<a class="d-flex justify-content-center" onclick="next_window('morphic-window2');"><i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="morphic-detail col-12 col-md-8 offset-md-2">
<h4 class="text-center">About The Project</h4>
<p class="text-center">Duis mollis mi ut sollicitudin venenatis. Donec fermentum convallis arcu
ut tempus. accumsan sit amet enim.</p>
</div>
<div class="morphic-info col-12 col-md-8 offset-md-2">
<div class="row">
<div class="col-12 col-md-4 info text-center text-md-left"><span>Date:</span>28 Nov 2019</div>
<div class="col-12 col-md-4 info text-center"><span>Client:</span>Mike Douglas</div>
<div class="col-12 col-md-4 info text-center text-md-right"><span>Category:</span>Fashion</div>
</div>
</div>
<div class="launch-btn col-12 text-center">
<a href="javaScript:void(0)" class="btn black-btn">LAUNCH PROJECT</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--modal window 1 end-->
<!--modal window 2 start-->
<div class="modal-window" id="morphic-window2">
<div class="modal-body">
<header>
<span class="close-modal"><i></i><i></i></span>
</header>
<div class="morphic-body">
<div class="container">
<div class="row main-morphic-body">
<!-- <a class="brand-logo ml-auto mr-auto" href="index.html"><img alt="image" src="portfolio/img/logo.png"></a>-->
<div class="morphic-title col-12">
<h3 class="text-center">Crocodile</h3>
<p class="text-center">Gallery/Fashion</p>
</div>
<div class="morphic-img col-12">
<div class="row">
<div class="d-none d-md-block col-md-2 left-arrow-sec text-center mt-auto mb-auto">
<a class="d-flex justify-content-center" onclick="prev_window('morphic-window1');"><i class="fa fa-angle-left"></i></a>
</div>
<div class="col-12 col-md-8">
<video src="portfolio-column/video/fashion.mp4" controls style="width: 100%;height: 100%" poster="portfolio-column/img/model-windows/poster.jpg"/>
</div>
<div class="d-none d-md-block col-md-2 right-arrow-sec text-center mt-auto mb-auto">
<a class="d-flex justify-content-center" onclick="next_window('morphic-window3');"><i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="morphic-detail col-12 col-md-8 offset-md-2">
<h4 class="text-center">About The Project</h4>
<p class="text-center">Duis mollis mi ut sollicitudin venenatis. Donec fermentum convallis arcu
ut tempus. accumsan sit amet enim.</p>
</div>
<div class="morphic-info col-12 col-md-8 offset-md-2">
<div class="row">
<div class="col-12 col-md-4 info text-center text-md-left"><span>Date:</span>28 Nov 2019</div>
<div class="col-12 col-md-4 info text-center"><span>Client:</span>Mike Douglas</div>
<div class="col-12 col-md-4 info text-center text-md-right"><span>Category:</span>Fashion</div>
</div>
</div>
<div class="launch-btn col-12 text-center">
<a href="javaScript:void(0)" class="btn black-btn">LAUNCH PROJECT</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--modal window 2 end-->
<!--modal window 3 start-->
<div class="modal-window" id="morphic-window3">
<div class="modal-body">
<header>
<span class="close-modal"><i></i><i></i></span>
</header>
<div class="morphic-body">
<div class="container">
<div class="row main-morphic-body">
<!-- <a class="brand-logo ml-auto mr-auto" href="index.html"><img alt="image" src="portfolio/img/logo.png"></a>-->
<div class="morphic-title col-12">
<h3 class="text-center">Pine Apple</h3>
<p class="text-center">Gallery/Fashion</p>
</div>
<div class="morphic-img col-12">
<div class="row">
<div class="d-none d-md-block col-md-2 left-arrow-sec text-center mt-auto mb-auto">
<a class="d-flex justify-content-center" onclick="prev_window('morphic-window2');"><i class="fa fa-angle-left"></i></a>
</div>
<div class="col-12 col-md-8">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img alt="image" src="portfolio-column/img/model-windows/gallary-3.jpg" class="d-block w-100">
</div>
<div class="carousel-item">
<img alt="image" src="portfolio-column/img/model-windows/gallary-1.jpg" class="d-block w-100">
</div>
<div class="carousel-item">
<img alt="image" src="portfolio-column/img/model-windows/gallary-2.jpg" class="d-block w-100">
</div>
</div>
</div>
</div>
<div class="d-none d-md-block col-md-2 right-arrow-sec text-center mt-auto mb-auto">
<a class="d-flex justify-content-center" onclick="next_window('morphic-window4');"><i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="morphic-detail col-12 col-md-8 offset-md-2">
<h4 class="text-center">About The Project</h4>
<p class="text-center">Duis mollis mi ut sollicitudin venenatis. Donec fermentum convallis arcu
ut tempus. accumsan sit amet enim.</p>
</div>
<div class="morphic-info col-12 col-md-8 offset-md-2">
<div class="row">
<div class="col-12 col-md-4 info text-center text-md-left"><span>Date:</span>28 Nov 2019</div>
<div class="col-12 col-md-4 info text-center"><span>Client:</span>Mike Douglas</div>
<div class="col-12 col-md-4 info text-center text-md-right"><span>Category:</span>Fashion</div>
</div>
</div>
<div class="launch-btn col-12 text-center">
<a href="javaScript:void(0)" class="btn black-btn">LAUNCH PROJECT</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--modal window 3 end-->
<!--modal window 4 start-->
<div class="modal-window" id="morphic-window4">
<div class="modal-body">
<header>
<span class="close-modal"><i></i><i></i></span>
</header>
<div class="morphic-body">
<div class="container">
<div class="row main-morphic-body">
<!-- <a class="brand-logo ml-auto mr-auto" href="index.html"><img alt="image" src="portfolio/img/logo.png"></a>-->
<div class="morphic-title col-12">
<h3 class="text-center">Study Tour</h3>
<p class="text-center">Gallery/Fashion</p>
</div>
<div class="morphic-img col-12">
<div class="row">
<div class="d-none d-md-block col-md-2 left-arrow-sec text-center mt-auto mb-auto">
<a class="d-flex justify-content-center" onclick="prev_window('morphic-window3');"><i class="fa fa-angle-left"></i></a>
</div>
<div class="col-12 col-md-8">
<img alt="image" src="portfolio-column/img/model-windows/gallary-4.jpg">
</div>
<div class="d-none d-md-block col-md-2 right-arrow-sec text-center mt-auto mb-auto">
<a class="d-flex justify-content-center" onclick="next_window('morphic-window5');"><i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="morphic-detail col-12 col-md-8 offset-md-2">
<h4 class="text-center">About The Project</h4>
<p class="text-center">Duis mollis mi ut sollicitudin venenatis. Donec fermentum convallis arcu
ut tempus. accumsan sit amet enim.</p>
</div>
<div class="morphic-info col-12 col-md-8 offset-md-2">
<div class="row">
<div class="col-12 col-md-4 info text-center text-md-left"><span>Date:</span>28 Nov 2019</div>
<div class="col-12 col-md-4 info text-center"><span>Client:</span>Mike Douglas</div>
<div class="col-12 col-md-4 info text-center text-md-right"><span>Category:</span>Fashion</div>
</div>
</div>
<div class="launch-btn col-12 text-center">
<a href="javaScript:void(0)" class="btn black-btn">LAUNCH PROJECT</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--modal window 4 end-->
<!--modal window 5 start-->
<div class="modal-window" id="morphic-window5">
<div class="modal-body">
<header>
<span class="close-modal"><i></i><i></i></span>
</header>
<div class="morphic-body">
<div class="container">
<div class="row main-morphic-body">
<!-- <a class="brand-logo ml-auto mr-auto" href="index.html"><img alt="image" src="portfolio/img/logo.png"></a>-->
<div class="morphic-title col-12">
<h3 class="text-center">Academic</h3>
<p class="text-center">Gallery/Fashion</p>
</div>
<div class="morphic-img col-12">
<div class="row">
<div class="d-none d-md-block col-md-2 left-arrow-sec text-center mt-auto mb-auto">
<a class="d-flex justify-content-center" onclick="prev_window('morphic-window4');"><i class="fa fa-angle-left"></i></a>
</div>
<div class="col-12 col-md-8">
<img alt="image" src="portfolio-column/img/model-windows/gallary-5.jpg">
</div>
<div class="d-none d-md-block col-md-2 right-arrow-sec text-center mt-auto mb-auto">
<a class="d-flex justify-content-center" onclick="next_window('morphic-window1');"><i class="fa fa-angle-right"></i></a>
</div>
</div>
</div>
<div class="morphic-detail col-12 col-md-8 offset-md-2">
<h4 class="text-center">About The Project</h4>
<p class="text-center">Duis mollis mi ut sollicitudin venenatis. Donec fermentum convallis arcu
ut tempus. accumsan sit amet enim.</p>
</div>
<div class="morphic-info col-12 col-md-8 offset-md-2">
<div class="row">
<div class="col-12 col-md-4 info text-center text-md-left"><span>Date:</span>28 Nov 2019</div>
<div class="col-12 col-md-4 info text-center"><span>Client:</span>Mike Douglas</div>
<div class="col-12 col-md-4 info text-center text-md-right"><span>Category:</span>Fashion</div>
</div>
</div>
<div class="launch-btn col-12 text-center">
<a href="#" class="btn l-btn rounded-pill">LAUNCH PROJECT</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--modal window 5 end-->
</div>
<!--////===================END MODEL WINDOW DIVS===================\\\\\-->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!--Contact Js-->
<script src="vendor/js/contact_us.js"></script>
<!-- Custom Script-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4fusEY9kSwNHgtK8KOgyoTsyP5Tb2NXo"></script>
<script src="portfolio-column/js/map.js"></script>
<script src="portfolio-column/js/script.js"></script>
</body>
</html>