?
á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>Minimal | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="minimal/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="vendor/css/swiper.min.css">
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="minimal/css/settings.css">
<link rel="stylesheet" href="minimal/css/navigation.css">
<link rel="stylesheet" href="minimal/css/layers.css">
<link rel="stylesheet" href="minimal/css/style.css">
</head>
<body>
<!--Loader-->
<div id="loader">
<div class="load-inner">
<div class="sk-folding-cube">
<div class="sk-cube1 sk-cube"></div>
<div class="sk-cube2 sk-cube"></div>
<div class="sk-cube4 sk-cube"></div>
<div class="sk-cube3 sk-cube"></div>
</div>
</div>
</div>
<!-- Loader Ends -->
<!--Header-->
<header>
<nav class="navbar w-100 navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="logo" href="#"><img src="minimal/img/logo.png" alt="img"></a>
</div>
<!--Sidemenu Button-->
<div class="side-background">
<a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
</nav>
<div class="side-menu">
<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 main-font">
<li class="nav-item">
<a class="nav-link pagescroll" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll " href="#about-us">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#porto">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#facts">Facts</a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#instagram">Instagram</a>
</li>
<li class="nav-item">
<a class="nav-link pagescroll" href="#contact">Contact</a>
</li>
</ul>
</nav>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- End side menu -->
</header>
<!--Header End-->
<!--Main Slider-->
<section class="p-0 no-transition slider-rev" id="home">
<div id="revo_main_wrapper" class="rev_slider_wrapper fullwidthbanner-container">
<div id="banner-main" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.1">
<ul>
<!-- SLIDE -->
<li data-index="rs-1"
data-transition="fade"
data-slotamount="default"
data-easein="default"
data-easeout="default"
data-masterspeed="2000" data-fsmasterspeed="1500"
data-link="slide"
data-delay="5000"
data-rotate="0"
data-title="Slide"
data-param1="test"
data-description="Some Description">
<!-- MAIN IMAGE -->
<img src="minimal/img/index-2-slide.jpg" alt="" data-bgposition="inherit" data-bgfit="cover"
data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina>
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','center']" data-hoffset="['-60','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-0','0','0','0']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']"
data-transform_idle="o:1;"
data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-start="1000" data-splitin="none" data-splitout="none">
<h1 class="text-capitalize alt-font text-blackish font-weight-100">Freedom To</h1>
</div>
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','center']" data-hoffset="['-60','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['50','0','0','50']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1200" data-splitin="none" data-splitout="none">
<h1 class="text-capitalize alt-font text-blackish display-inline">Express Yourself </h1>
</div>
</li>
<!-- SLIDE 2 -->
<li data-index="rs-2"
data-transition="fade"
data-slotamount="default"
data-easein="default"
data-easeout="default"
data-masterspeed="2000" data-fsmasterspeed="1500"
data-link="slide"
data-delay="5000"
data-rotate="0"
data-title="Slide"
data-param1="test"
data-description="Some Description">
<!-- MAIN IMAGE -->
<img src="minimal/img/index-2-slide-1.jpg" alt="" data-bgposition="center center" data-bgfit="cover"
data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina>
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','center']" data-hoffset="['-60','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-0','-140','-140','0']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']"
data-transform_idle="o:1;"
data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-start="1000" data-splitin="none" data-splitout="none">
<h1 class="text-capitalize alt-font text-blackish font-weight-100">Freedom To</h1>
</div>
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','center']" data-hoffset="['-60','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['50','-70','-70','50']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1200" data-splitin="none" data-splitout="none">
<h1 class="text-capitalize alt-font text-blackish display-inline">Express Yourself </h1>
</div>
</li>
<!-- Slide 3 -->
<li data-index="rs-3"
data-transition="fade"
data-slotamount="default"
data-easein="default"
data-easeout="default"
data-masterspeed="2000" data-fsmasterspeed="1500"
data-link="slide"
data-delay="5000"
data-rotate="0"
data-title="Slide"
data-param1="test"
data-description="Some Description">
<!-- MAIN IMAGE -->
<img src="minimal/img/index-2-slide-3.jpg" alt="" data-bgposition="inherit" data-bgfit="cover"
data-bgrepeat="no-repeat" class="rev-slidebg" data-bgparallax="10" data-no-retina>
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','center']" data-hoffset="['-60','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['-0','-140','-140','0']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']"
data-transform_idle="o:1;"
data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
data-start="1000" data-splitin="none" data-splitout="none">
<h1 class="text-capitalize alt-font text-blackish font-weight-100">Freedom To</h1>
</div>
<div class="tp-caption tp-resizeme"
data-x="['left','left','left','center']" data-hoffset="['-60','0','0','0']"
data-y="['middle','middle','middle','middle']" data-voffset="['50','-70','-70','50']"
data-whitespace="nowrap" data-responsive_offset="on"
data-width="['none','none','none','none']" data-type="text"
data-textalign="['center','center','center','center']"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
data-start="1200" data-splitin="none" data-splitout="none">
<h1 class="text-capitalize alt-font text-blackish display-inline">Express Yourself </h1>
</div>
</li>
</ul>
</div>
</div>
<div class="verticle-text">
<div class="information">
<p> TEL : 0200-240147 </p> -
<p> EMAIL : CONTACT@BLACK.COM </p>
</div>
</div>
<div class="top">
<a href="#about-us" class="scroll-btn pagescroll">
<div class="explore"><p>EXPLORE</p>
</div>
<div class="explore-icon">
<i class="fa fa-caret-down" aria-hidden="true"></i>
</div>
</a>
</div>
</section>
<!--Main Slider ends -->
<!--About-->
<section class="text-center text-lg-left mr-3 mr-lg-5 ml-lg-5 ml-3" id="about-us">
<div class="container-fluid">
<div class="row pb-lg-5">
<!--About Text-->
<div class="col-lg-6 pb-5 pr-lg-5">
<div class="about-text">
<h2>ABOUT US</h2>
<span class="hr-line mt-4 mb-4 ml-lg-0"></span>
<p class="font-weight-600 mb-lg-0 mb-2">Leverage agile frameworks to provide a robust synopsis for high level
overviews. Iterative approaches to corporate strategy foster collaborative thinking to further
the overall value proposition. Organically grow the holistic world view of disruptive innovation
via workplace diversity and empowerment
<p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the
day, going forward, a new normal that has evolved from generation X is on the runway heading
towards a streamlined cloud solution. User generated content in real-time will have multiple
touchpoints for offshoring
<p>
<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test.
Override the digital divide with additional clickthroughs from Devops.
</p>
</div>
</div>
<!--About Image-->
<div class="col-lg-6 pb-5 pl-lg-0">
<div class="about-img wow fadeIn">
<img class="w-100" src="minimal/img/about-us.jpg" alt="about-img">
</div>
</div>
</div>
<div class="row pt-lg-5" id="services">
<!--Service Text-->
<div class="col-lg-6 pl-lg-5 order-lg-2">
<div class="about-text">
<h2>SERVICES</h2>
<span class="hr-line mt-4 mb-4 ml-lg-0"></span>
<div class="row mb-lg-5 ">
<div class="col-lg-6 services-align">
<div class="services-icon">
<i class="lni-headphone-alt"></i>
</div>
<p class="main-font font-light services-cat">Cerative Management</p>
<h4 class="alt-font text-capitalize small-font">Mobile App Designer</h4>
</div>
<div class="col-lg-6 mb-3 mb-lg-0">
<div class="services-icon ">
<i class="lni-music"></i>
</div>
<p class="main-font font-light services-cat">UX Design management</p>
<h4 class="alt-font text-capitalize small-font">ECommerce Stores</h4>
</div>
</div>
<div class="row">
<div class="col-lg-6 services-align">
<div class="services-icon">
<i class="lni-target"></i>
</div>
<p class="main-font font-light services-cat">Design Prototype</p>
<h4 class="alt-font text-capitalize small-font">Apps Development</h4>
</div>
<div class="col-lg-6 services-align-last">
<div class="services-icon">
<i class="lni-wordpress"></i>
</div>
<p class="main-font font-light services-cat">Programing Websites</p>
<h4 class="alt-font text-capitalize small-font">Wordpress Theme Dev</h4>
</div>
</div>
</div>
</div>
<!--Services Image-->
<div class="col-lg-6 pr-lg-0">
<div class="about-img wow fadeIn">
<img class="w-100" src="minimal/img/services.jpg" alt="about-img">
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio Start -->
<section class="text-center text-lg-left pr-lg-5 pr-3 pl-3 pl-lg-5 wow fadeIn" id="porto">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6">
<h2>PORTFOLIO</h2>
<span class="hr-line mt-4 mb-4 ml-lg-0"></span>
</div>
<div class="col-lg-6">
<div class="filters text-lg-right">
<div class="toolbar m-1">
<button class="btn fil-cat alt-font active" data-rel="all">ALL</button>
<button class="btn fil-cat alt-font" data-rel="flyers">GRAPHIC</button>
<button class="btn fil-cat alt-font" data-rel="web">PHOTOGRAPHY</button>
<button class="btn fil-cat m-0 p-0 alt-font" data-rel="bcards">ECOMMERCE</button>
</div>
</div>
</div>
</div>
<!-- Swiper -->
<div class="swiper-container gallery-top">
<div class="swiper-wrapper">
<div class="swiper-slide wow fadeIn">
<img class="w-100" src="minimal/img/big-port-1.jpg" alt="img">
<div class="position-absolute img-detail">
<a data-fancybox data-src="#hidden-content" data-modal="true"
href="javascript:void(0);">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<h2 class="alt-font description-headig m-0">ANGLIA & TEAM</h2>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">CATEGORY</p>
<h5 class="alt-font description-sup m-0">OUTDOOR</h5>
</div>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">PROJECT</p>
<h5 class="alt-font description-sup m-0">HIKING</h5>
</div>
</div>
<div class="col-lg-1 col-1">
<div class="img-detail-icon">
<img src="minimal/img/expend-icon.ico" alt="img">
</div>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<img class="w-100" src="minimal/img/big-port-2.jpg" alt="img">
<div class="position-absolute img-detail">
<a data-fancybox data-src="#hidden-content-2" href="javascript:;">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<h2 class="alt-font description-headig m-0">ANGLIA & TEAM</h2>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">CATEGORY</p>
<h5 class="alt-font description-sup m-0">OUTDOOR</h5>
</div>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">PROJECT</p>
<h5 class="alt-font description-sup m-0">HIKING</h5>
</div>
</div>
<div class="col-lg-1 col-1">
<div class="img-detail-icon">
<img src="minimal/img/expend-icon.ico" alt="ico">
</div>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<img class="w-100" src="minimal/img/big-port-3.jpg" alt="img">
<div class="position-absolute img-detail">
<a data-fancybox data-src="#hidden-content-3" href="javascript:;">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<h2 class="alt-font description-headig m-0">ANGLIA & TEAM</h2>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">CATEGORY</p>
<h5 class="alt-font description-sup m-0">OUTDOOR</h5>
</div>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">PROJECT</p>
<h5 class="alt-font description-sup m-0">HIKING</h5>
</div>
</div>
<div class="col-lg-1 col-1">
<div class="img-detail-icon">
<img src="minimal/img/expend-icon.ico" alt="ico">
</div>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<img class="w-100" src="minimal/img/big-port-4.jpg" alt="img">
<div class="position-absolute img-detail">
<a data-fancybox data-src="#hidden-content-4" href="javascript:;">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<h2 class="alt-font description-headig m-0">ANGLIA & TEAM</h2>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">CATEGORY</p>
<h5 class="alt-font description-sup m-0">OUTDOOR</h5>
</div>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">PROJECT</p>
<h5 class="alt-font description-sup m-0">HIKING</h5>
</div>
</div>
<div class="col-lg-1 col-1">
<div class="img-detail-icon">
<img src="minimal/img/expend-icon.ico" alt="ico">
</div>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<img class="w-100" src="minimal/img/big-port-5.jpg" alt="img">
<div class="position-absolute img-detail">
<a data-fancybox data-src="#hidden-content-5" href="javascript:;">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<h2 class="alt-font description-headig m-0">ANGLIA & TEAM</h2>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">CATEGORY</p>
<h5 class="alt-font description-sup m-0">OUTDOOR</h5>
</div>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">PROJECT</p>
<h5 class="alt-font description-sup m-0">HIKING</h5>
</div>
</div>
<div class="col-lg-1 col-1">
<div class="img-detail-icon">
<img src="minimal/img/expend-icon.ico" alt="ico">
</div>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<img class="w-100" src="minimal/img/big-port-6.jpg" alt="img">
<div class="position-absolute img-detail">
<a data-fancybox data-src="#hidden-content-6" href="javascript:;">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<h2 class="alt-font description-headig m-0">ANGLIA & TEAM</h2>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">CATEGORY</p>
<h5 class="alt-font description-sup m-0">OUTDOOR</h5>
</div>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">PROJECT</p>
<h5 class="alt-font description-sup m-0">HIKING</h5>
</div>
</div>
<div class="col-lg-1 col-1">
<div class="img-detail-icon">
<img src="minimal/img/expend-icon.ico" alt="ico">
</div>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<img class="w-100" src="minimal/img/big-port-7.jpg" alt="img">
<div class="position-absolute img-detail">
<a data-fancybox data-src="#hidden-content-7" href="javascript:;">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<h2 class="alt-font description-headig m-0">ANGLIA & TEAM</h2>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">CATEGORY</p>
<h5 class="alt-font description-sup m-0">OUTDOOR</h5>
</div>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">PROJECT</p>
<h5 class="alt-font description-sup m-0">HIKING</h5>
</div>
</div>
<div class="col-lg-1 col-1">
<div class="img-detail-icon">
<img src="minimal/img/expend-icon.ico" alt="ico">
</div>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide wow fadeInRight">
<img class="w-100" src="minimal/img/big-port-8.jpg" alt="img">
<div class="position-absolute img-detail">
<a data-fancybox data-src="#hidden-content-8" href="javascript:;">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<h2 class="alt-font description-headig m-0">ANGLIA & TEAM</h2>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">CATEGORY</p>
<h5 class="alt-font description-sup m-0">OUTDOOR</h5>
</div>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">PROJECT</p>
<h5 class="alt-font description-sup m-0">HIKING</h5>
</div>
</div>
<div class="col-lg-1 col-1">
<div class="img-detail-icon">
<img src="minimal/img/expend-icon.ico" alt="img">
</div>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide ">
<img class="w-100" src="minimal/img/big-port-9.jpg" alt="img">
<div class="position-absolute img-detail">
<a data-fancybox data-src="#hidden-content-9" href="javascript:;">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<h2 class="alt-font description-headig m-0">ANGLIA & TEAM</h2>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">CATEGORY</p>
<h5 class="alt-font description-sup m-0">OUTDOOR</h5>
</div>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">PROJECT</p>
<h5 class="alt-font description-sup m-0">HIKING</h5>
</div>
</div>
<div class="col-lg-1 col-1">
<div class="img-detail-icon">
<img src="minimal/img/expend-icon.ico" alt="img">
</div>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<img class="w-100" src="minimal/img/big-port-10.jpg" alt="img">
<div class="position-absolute img-detail">
<a data-fancybox data-src="#hidden-content-10" href="javascript:;">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<h2 class="alt-font description-headig m-0">ANGLIA & TEAM</h2>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">CATEGORY</p>
<h5 class="alt-font description-sup m-0">OUTDOOR</h5>
</div>
</div>
<div class="col-lg-3 col-3 sub-pad">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">PROJECT</p>
<h5 class="alt-font description-sup m-0">HIKING</h5>
</div>
</div>
<div class="col-lg-1 col-1">
<div class="img-detail-icon">
<img src="minimal/img/expend-icon.ico" alt="ico">
</div>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<img class="w-100" src="minimal/img/big-port-11.jpg" alt="img">
<div class="position-absolute img-detail">
<a data-fancybox data-src="#hidden-content-11" href="javascript:;">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<h2 class="alt-font description-headig m-0">ANGLIA & TEAM</h2>
</div>
<div class="col-lg-3 col-3">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">CATEGORY</p>
<h5 class="alt-font description-sup m-0">OUTDOOR</h5>
</div>
</div>
<div class="col-lg-3 col-3">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">PROJECT</p>
<h5 class="alt-font description-sup m-0">HIKING</h5>
</div>
</div>
<div class="col-lg-1 col-1">
<div class="img-detail-icon">
<img src="minimal/img/expend-icon.ico" alt="ico">
</div>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<img class="w-100" src="minimal/img/big-port-12.jpg" alt="img">
<div class="position-absolute img-detail">
<a data-fancybox data-src="#hidden-content-12" href="javascript:;">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<h2 class="alt-font description-headig m-0">ANGLIA & TEAM</h2>
</div>
<div class="col-lg-3 col-3">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">CATEGORY</p>
<h5 class="alt-font description-sup m-0">OUTDOOR</h5>
</div>
</div>
<div class="col-lg-3 col-3">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">PROJECT</p>
<h5 class="alt-font description-sup m-0">HIKING</h5>
</div>
</div>
<div class="col-lg-1 col-1">
<div class="img-detail-icon">
<img src="minimal/img/expend-icon.ico" alt="ico">
</div>
</div>
</div>
</a>
</div>
</div>
<div class="swiper-slide">
<img class="w-100" src="minimal/img/big-port-13.jpg" alt="img">
<div class="position-absolute img-detail">
<a data-fancybox data-src="#hidden-content-13" href="javascript:;">
<div class="row align-items-center">
<div class="col-lg-5 col-12">
<h2 class="alt-font description-headig m-0">ANGLIA & TEAM</h2>
</div>
<div class="col-lg-3 col-3">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">CATEGORY</p>
<h5 class="alt-font description-sup m-0">OUTDOOR</h5>
</div>
</div>
<div class="col-lg-3 col-3">
<div class="text-white port-detail-mid">
<div class="port-line float-left mr-4"></div>
<p class="main-font description-sub m-0 text-left">PROJECT</p>
<h5 class="alt-font description-sup m-0">HIKING</h5>
</div>
</div>
<div class="col-lg-1 col-1">
<div class="img-detail-icon">
<img src="minimal/img/expend-icon.ico" alt="ico">
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<!-- Add Arrows -->
</div>
<div class="swiper-container gallery-thumbs p-0 border-3px-tb">
<div class="swiper-wrapper" id="portfolio">
<div class="swiper-slide all tile scale-anm border-3px-right m-0" aria-hidden="true">
<img src="minimal/img/portfolio-1.jpg" alt="img">
</div>
<div class="swiper-slide all tile scale-anm bcards border-3px-right m-0" aria-hidden="true">
<img src="minimal/img/portfolio-2.jpg" alt="img">
</div>
<div class="swiper-slide all tile scale-anm web border-3px-right m-0" aria-hidden="true">
<img src="minimal/img/portfolio-3.jpg" alt="img">
</div>
<div class="swiper-slide all tile scale-anm flyers border-3px-right m-0" aria-hidden="true">
<img src="minimal/img/portfolio-4.jpg" alt="img">
</div>
<div class="swiper-slide all tile scale-anm bcards border-3px-right m-0" aria-hidden="true">
<img src="minimal/img/portfolio-5.jpg" alt="img">
</div>
<div class="swiper-slide all tile scale-anm flyers border-3px-right m-0" aria-hidden="true">
<img src="minimal/img/portfolio-6.jpg" alt="img">
</div>
<div class="swiper-slide all tile scale-anm bcards border-3px-right m-0" aria-hidden="true">
<img src="minimal/img/portfolio-7.jpg" alt="img">
</div>
<div class="swiper-slide all tile scale-anm flyers border-3px-right m-0" aria-hidden="true">
<img src="minimal/img/portfolio-8.jpg" alt="img">
</div>
<div class="swiper-slide all tile scale-anm web border-3px-right m-0" aria-hidden="true">
<img src="minimal/img/portfolio-9.jpg" alt="img">
</div>
<div class="swiper-slide all tile scale-anm flyers border-3px-right m-0" aria-hidden="true">
<img src="minimal/img/portfolio-10.jpg" alt="img">
</div>
<div class="swiper-slide all tile scale-anm web border-3px-right m-0" aria-hidden="true">
<img src="minimal/img/portfolio-11.jpg" alt="img">
</div>
<div class="swiper-slide all tile scale-anm bcards border-3px-right m-0" aria-hidden="true">
<img src="minimal/img/portfolio-12.jpg" alt="img">
</div>
<div class="swiper-slide all tile scale-anm web border-3px-right m-0" aria-hidden="true">
<img src="minimal/img/portfolio-13.jpg" alt="img">
</div>
</div>
<div class="arrows">
<div class="portfolio-arrows">
<div class="swiper-button-next portfolio-next"><i
class="fa fa-caret-right text-white"></i></div>
<div class="swiper-button-prev portfolio-perv"><i class="fa fa-caret-left text-white"></i></div>
</div>
</div>
</div>
<!-- 1st fancy -->
<div id="hidden-content" class="big-popup m-0 ">
<div class="row ">
<div class="col-sm-12">
<!-- pop up details -->
<div class="position-relative"><img class="w-100" src="minimal/img/big-port-1.jpg" alt="big">
<button class="fancybox-close-small" title="Close"></button>
<div class="text-center mt-5"><h2>ANGILA & TEAM</h2></div>
<span class="hr-line mt-4 mb-4"></span>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="cata-geory mb-5">
<span class="alt-font outdoor">Outdoor</span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking">Hiking</span>
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-3.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-4.jpg" alt="img"></div>
</div>
</div>
<div class="text-center pb-3 port-detail-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum turpis ac enim ultricies,<br>
bibendum ultrices nisl convallis. Integer pretium nulla sit amet ex dictum porttitor. Nulla tempor<br>
libero massa, nec facilisis ex commodo scelerisque.</p>
</div>
<div class="text-center pb-5 port-detail-text">
<p>In et erat sed leo vulputate tincidunt. Donec porta at ex vel ultrices. Fusce vel ultrices mi. In pulvinar<br>
posuere placerat. Nulla sodales felis et libero lacinia commodo.
</p>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1 ">
<div class="project-img "><img class="w-100" src="minimal/img/detail-port-2.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img "><img class="w-100" src="minimal/img/detail-port-5.jpg" alt="img"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="details-prev-next mb-5">
<span class="alt-font outdoor"><a data-fancybox data-src="#hidden-content-13" data-modal="true">Previous Project</a></span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking"><a data-fancybox data-src="#hidden-content-2" data-modal="true">Next Project</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 2nd fancy -->
<div id="hidden-content-2" class="big-popup m-0">
<div class="row ">
<div class="col-sm-12">
<!-- pop up details -->
<div class="position-relative"><img class="w-100" src="minimal/img/big-port-2.jpg" alt="big">
<button class="fancybox-close-small" title="Close"></button>
<div class="text-center mt-5"><h2>ANGILA & TEAM</h2></div>
<span class="hr-line mt-4 mb-4"></span>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="cata-geory mb-5">
<span class="alt-font outdoor">Outdoor</span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking">Hiking</span>
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-3.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-4.jpg" alt="img"></div>
</div>
</div>
<div class="text-center pb-3 port-detail-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum turpis ac enim ultricies,<br>
bibendum ultrices nisl convallis. Integer pretium nulla sit amet ex dictum porttitor. Nulla tempor<br>
libero massa, nec facilisis ex commodo scelerisque.</p>
</div>
<div class="text-center pb-5 port-detail-text">
<p>In et erat sed leo vulputate tincidunt. Donec porta at ex vel ultrices. Fusce vel ultrices mi. In pulvinar<br>
posuere placerat. Nulla sodales felis et libero lacinia commodo.
</p>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-1 ">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-2.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-5.jpg" alt="img"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="details-prev-next mb-5">
<span class="alt-font outdoor"><a data-fancybox data-src="#hidden-content-12" data-modal="true">Previous Project</a></span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking"><a data-fancybox data-src="#hidden-content-3" data-modal="true">Next Project</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 3rd fancy -->
<div id="hidden-content-3" class="big-popup m-0">
<div class="row ">
<div class="col-sm-12">
<!-- pop up details -->
<div class="position-relative"><img class="w-100" src="minimal/img/big-port-3.jpg" alt="big">
<button class="fancybox-close-small" title="Close"></button>
<div class="text-center mt-5"><h2>ANGILA & TEAM</h2></div>
<span class="hr-line mt-4 mb-4"></span>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="cata-geory mb-5">
<span class="alt-font outdoor">Outdoor</span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking">Hiking</span>
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-3.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-4.jpg" alt="img"></div>
</div>
</div>
<div class="text-center pb-3 port-detail-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum turpis ac enim ultricies,<br>
bibendum ultrices nisl convallis. Integer pretium nulla sit amet ex dictum porttitor. Nulla tempor<br>
libero massa, nec facilisis ex commodo scelerisque.</p>
</div>
<div class="text-center pb-5 port-detail-text">
<p>In et erat sed leo vulputate tincidunt. Donec porta at ex vel ultrices. Fusce vel ultrices mi. In pulvinar<br>
posuere placerat. Nulla sodales felis et libero lacinia commodo.
</p>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1 ">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-2.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-5.jpg" alt="img"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="details-prev-next mb-5">
<span class="alt-font outdoor"><a data-fancybox data-src="#hidden-content-11" data-modal="true">Previous Project</a></span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking"><a data-fancybox data-src="#hidden-content-4" data-modal="true">Next Project</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 4th fancy -->
<div id="hidden-content-4" class="big-popup m-0 ">
<div class="row ">
<div class="col-sm-12">
<!-- pop up details -->
<div class="position-relative"><img class="w-100" src="minimal/img/big-port-4.jpg" alt="big">
<button class="fancybox-close-small" title="Close"></button>
<div class="text-center mt-5"><h2>ANGILA & TEAM</h2></div>
<span class="hr-line mt-4 mb-4"></span>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="cata-geory mb-5">
<span class="alt-font outdoor">Outdoor</span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking">Hiking</span>
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-3.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-4.jpg" alt="img"></div>
</div>
</div>
<div class="text-center pb-3 port-detail-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum turpis ac enim ultricies,<br>
bibendum ultrices nisl convallis. Integer pretium nulla sit amet ex dictum porttitor. Nulla tempor<br>
libero massa, nec facilisis ex commodo scelerisque.</p>
</div>
<div class="text-center pb-5 port-detail-text">
<p>In et erat sed leo vulputate tincidunt. Donec porta at ex vel ultrices. Fusce vel ultrices mi. In pulvinar<br>
posuere placerat. Nulla sodales felis et libero lacinia commodo.
</p>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1 ">
<div class="project-img "><img class="w-100" src="minimal/img/detail-port-2.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img "><img class="w-100" src="minimal/img/detail-port-5.jpg" alt="img"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="details-prev-next mb-5">
<span class="alt-font outdoor"><a data-fancybox data-src="#hidden-content-10" data-modal="true">Previous Project</a></span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking"><a data-fancybox data-src="#hidden-content-5" data-modal="true">Next Project</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 5th fancy -->
<div id="hidden-content-5" class="big-popup m-0 ">
<div class="row ">
<div class="col-sm-12">
<!-- pop up details -->
<div class="position-relative"><img class="w-100" src="minimal/img/big-port-5.jpg" alt="big" >
<button class="fancybox-close-small" title="Close"></button>
<div class="text-center mt-5"><h2>ANGILA & TEAM</h2></div>
<span class="hr-line mt-4 mb-4"></span>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="cata-geory mb-5">
<span class="alt-font outdoor">Outdoor</span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking">Hiking</span>
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1">
<div class="project-img "><img class="w-100" src="minimal/img/detail-port-3.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-4.jpg" alt="img"></div>
</div>
</div>
<div class="text-center pb-3 port-detail-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum turpis ac enim ultricies,<br>
bibendum ultrices nisl convallis. Integer pretium nulla sit amet ex dictum porttitor. Nulla tempor<br>
libero massa, nec facilisis ex commodo scelerisque.</p>
</div>
<div class="text-center pb-5 port-detail-text">
<p>In et erat sed leo vulputate tincidunt. Donec porta at ex vel ultrices. Fusce vel ultrices mi. In pulvinar<br>
posuere placerat. Nulla sodales felis et libero lacinia commodo.
</p>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1 ">
<div class="project-img "><img class="w-100" src="minimal/img/detail-port-2.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img "><img class="w-100" src="minimal/img/detail-port-5.jpg" alt="img"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="details-prev-next mb-5">
<span class="alt-font outdoor"><a data-fancybox data-src="#hidden-content-9" data-modal="true">Previous Project</a></span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking"><a data-fancybox data-src="#hidden-content-6" data-modal="true">Next Project</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 6TH fancy -->
<div id="hidden-content-6" class="big-popup m-0 ">
<div class="row ">
<div class="col-sm-12">
<!-- pop up details -->
<div class="position-relative"><img class="w-100" src="minimal/img/big-port-6.jpg" alt="big">
<button class="fancybox-close-small" title="Close"></button>
<div class="text-center mt-5"><h2>ANGILA & TEAM</h2></div>
<span class="hr-line mt-4 mb-4"></span>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="cata-geory mb-5">
<span class="alt-font outdoor">Outdoor</span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking">Hiking</span>
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-3.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img "><img class="w-100" src="minimal/img/detail-port-4.jpg" alt="img"></div>
</div>
</div>
<div class="text-center pb-3 port-detail-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum turpis ac enim ultricies,<br>
bibendum ultrices nisl convallis. Integer pretium nulla sit amet ex dictum porttitor. Nulla tempor<br>
libero massa, nec facilisis ex commodo scelerisque.</p>
</div>
<div class="text-center pb-5 port-detail-text">
<p>In et erat sed leo vulputate tincidunt. Donec porta at ex vel ultrices. Fusce vel ultrices mi. In pulvinar<br>
posuere placerat. Nulla sodales felis et libero lacinia commodo.
</p>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1 ">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-2.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-5.jpg" alt="img"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="details-prev-next mb-5">
<span class="alt-font outdoor"><a data-fancybox data-src="#hidden-content-8" data-modal="true">Previous Project</a></span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking"><a data-fancybox data-src="#hidden-content-7" data-modal="true">Next Project</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 7TH fancy -->
<div id="hidden-content-7" class="big-popup m-0 ">
<div class="row ">
<div class="col-sm-12">
<!-- pop up details -->
<div class="position-relative"><img class="w-100" src="minimal/img/big-port-7.jpg" alt="big">
<button class="fancybox-close-small" title="Close"></button>
<div class="text-center mt-5"><h2>ANGILA & TEAM</h2></div>
<span class="hr-line mt-4 mb-4"></span>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="cata-geory mb-5">
<span class="alt-font outdoor">Outdoor</span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking">Hiking</span>
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-3.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-4.jpg" alt="img"></div>
</div>
</div>
<div class="text-center pb-3 port-detail-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum turpis ac enim ultricies,<br>
bibendum ultrices nisl convallis. Integer pretium nulla sit amet ex dictum porttitor. Nulla tempor<br>
libero massa, nec facilisis ex commodo scelerisque.</p>
</div>
<div class="text-center pb-5 port-detail-text">
<p>In et erat sed leo vulputate tincidunt. Donec porta at ex vel ultrices. Fusce vel ultrices mi. In pulvinar<br>
posuere placerat. Nulla sodales felis et libero lacinia commodo.
</p>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1 ">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-2.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-5.jpg" alt="img"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="details-prev-next mb-5">
<span class="alt-font outdoor"><a data-fancybox data-src="#hidden-content-7" data-modal="true">Previous Project</a></span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking"><a data-fancybox data-src="#hidden-content-8" data-modal="true">Next Project</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 8TH fancy -->
<div id="hidden-content-8" class="big-popup m-0 ">
<div class="row ">
<div class="col-sm-12">
<!-- pop up details -->
<div class="position-relative"><img class="w-100" src="minimal/img/big-port-8.jpg" alt="big">
<button class="fancybox-close-small" title="Close"></button>
<div class="text-center mt-5"><h2>ANGILA & TEAM</h2></div>
<span class="hr-line mt-4 mb-4"></span>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="cata-geory mb-5">
<span class="alt-font outdoor">Outdoor</span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking">Hiking</span>
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-3.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-4.jpg" alt="img"></div>
</div>
</div>
<div class="text-center pb-3 port-detail-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum turpis ac enim ultricies,<br>
bibendum ultrices nisl convallis. Integer pretium nulla sit amet ex dictum porttitor. Nulla tempor<br>
libero massa, nec facilisis ex commodo scelerisque.</p>
</div>
<div class="text-center pb-5 port-detail-text">
<p>In et erat sed leo vulputate tincidunt. Donec porta at ex vel ultrices. Fusce vel ultrices mi. In pulvinar<br>
posuere placerat. Nulla sodales felis et libero lacinia commodo.
</p>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1 ">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-2.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-5.jpg" alt="img"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="details-prev-next mb-5">
<span class="alt-font outdoor"><a data-fancybox data-src="#hidden-content-7" data-modal="true">Previous Project</a></span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking"><a data-fancybox data-src="#hidden-content-9" data-modal="true">Next Project</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 9TH fancy -->
<div id="hidden-content-9" class="big-popup m-0 ">
<div class="row ">
<div class="col-sm-12">
<!-- pop up details -->
<div class="position-relative"><img class="w-100" src="minimal/img/big-port-9.jpg" alt="big">
<button class="fancybox-close-small" title="Close"></button>
<div class="text-center mt-5"><h2>ANGILA & TEAM</h2></div>
<span class="hr-line mt-4 mb-4"></span>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="cata-geory mb-5">
<span class="alt-font outdoor">Outdoor</span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking">Hiking</span>
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-3.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-4.jpg" alt="img"></div>
</div>
</div>
<div class="text-center pb-3 port-detail-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum turpis ac enim ultricies,<br>
bibendum ultrices nisl convallis. Integer pretium nulla sit amet ex dictum porttitor. Nulla tempor<br>
libero massa, nec facilisis ex commodo scelerisque.</p>
</div>
<div class="text-center pb-5 port-detail-text">
<p>In et erat sed leo vulputate tincidunt. Donec porta at ex vel ultrices. Fusce vel ultrices mi. In pulvinar<br>
posuere placerat. Nulla sodales felis et libero lacinia commodo.
</p>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1 ">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-2.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-5.jpg" alt="img"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="details-prev-next mb-5">
<span class="alt-font outdoor"><a data-fancybox data-src="#hidden-content-6" data-modal="true">Previous Project</a></span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking"><a data-fancybox data-src="#hidden-content-10" data-modal="true">Next Project</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 10TH fancy -->
<div id="hidden-content-10" class="big-popup m-0 ">
<div class="row ">
<div class="col-sm-12">
<!-- pop up details -->
<div class="position-relative"><img class="w-100" src="minimal/img/big-port-7.jpg" alt="big">
<button class="fancybox-close-small" title="Close"></button>
<div class="text-center mt-5"><h2>ANGILA & TEAM</h2></div>
<span class="hr-line mt-4 mb-4"></span>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="cata-geory mb-5">
<span class="alt-font outdoor">Outdoor</span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking">Hiking</span>
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-3.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-4.jpg" alt="img"></div>
</div>
</div>
<div class="text-center pb-3 port-detail-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum turpis ac enim ultricies,<br>
bibendum ultrices nisl convallis. Integer pretium nulla sit amet ex dictum porttitor. Nulla tempor<br>
libero massa, nec facilisis ex commodo scelerisque.</p>
</div>
<div class="text-center pb-5 port-detail-text">
<p>In et erat sed leo vulputate tincidunt. Donec porta at ex vel ultrices. Fusce vel ultrices mi. In pulvinar<br>
posuere placerat. Nulla sodales felis et libero lacinia commodo.
</p>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-1 ">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-2.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-5.jpg" alt="img"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="details-prev-next mb-5">
<span class="alt-font outdoor"><a data-fancybox data-src="#hidden-content-5" data-modal="true">Previous Project</a></span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking"><a data-fancybox data-src="#hidden-content-11" data-modal="true">Next Project</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 11TH fancy -->
<div id="hidden-content-11" class="big-popup m-0 ">
<div class="row ">
<div class="col-sm-12">
<!-- pop up details -->
<div class="position-relative"><img class="w-100" src="minimal/img/big-port-11.jpg" alt="big" >
<button class="fancybox-close-small" title="Close"></button>
<div class="text-center mt-5"><h2>ANGILA & TEAM</h2></div>
<span class="hr-line mt-4 mb-4"></span>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="cata-geory mb-5">
<span class="alt-font outdoor">Outdoor</span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking">Hiking</span>
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-3.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-4.jpg" alt="img"></div>
</div>
</div>
<div class="text-center pb-3 port-detail-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum turpis ac enim ultricies,<br>
bibendum ultrices nisl convallis. Integer pretium nulla sit amet ex dictum porttitor. Nulla tempor<br>
libero massa, nec facilisis ex commodo scelerisque.</p>
</div>
<div class="text-center pb-5 port-detail-text">
<p>In et erat sed leo vulputate tincidunt. Donec porta at ex vel ultrices. Fusce vel ultrices mi. In pulvinar<br>
posuere placerat. Nulla sodales felis et libero lacinia commodo.
</p>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1 ">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-2.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-5.jpg" alt="img"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="details-prev-next mb-5">
<span class="alt-font outdoor"><a data-fancybox data-src="#hidden-content-4" data-modal="true">Previous Project</a></span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking"><a data-fancybox data-src="#hidden-content-11" data-modal="true">Next Project</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 12TH fancy -->
<div id="hidden-content-12" class="big-popup m-0 ">
<div class="row ">
<div class="col-sm-12">
<!-- pop up details -->
<div class="position-relative"><img class="w-100" src="minimal/img/big-port-12.jpg" alt="big">
<button class="fancybox-close-small" title="Close"></button>
<div class="text-center mt-5"><h2>ANGILA & TEAM</h2></div>
<span class="hr-line mt-4 mb-4"></span>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="cata-geory mb-5">
<span class="alt-font outdoor">Outdoor</span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking">Hiking</span>
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-3.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-4.jpg" alt="img"></div>
</div>
</div>
<div class="text-center pb-3 port-detail-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum turpis ac enim ultricies,<br>
bibendum ultrices nisl convallis. Integer pretium nulla sit amet ex dictum porttitor. Nulla tempor<br>
libero massa, nec facilisis ex commodo scelerisque.</p>
</div>
<div class="text-center pb-5 port-detail-text">
<p>In et erat sed leo vulputate tincidunt. Donec porta at ex vel ultrices. Fusce vel ultrices mi. In pulvinar<br>
posuere placerat. Nulla sodales felis et libero lacinia commodo.
</p>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1 ">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-2.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-5.jpg" alt="img"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="details-prev-next mb-5">
<span class="alt-font outdoor">P<a data-fancybox data-src="#hidden-content-3" data-modal="true">Previous Project</a></span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking"><a data-fancybox data-src="#hidden-content-12" data-modal="true">Next Project</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 13TH fancy -->
<div id="hidden-content-13" class="big-popup m-0 ">
<div class="row ">
<div class="col-sm-12">
<!-- pop up details -->
<div class="position-relative"><img class="w-100" src="minimal/img/big-port-13.jpg" alt="big" >
<button class="fancybox-close-small" title="Close"></button>
<div class="text-center mt-5"><h2>ANGILA & TEAM</h2></div>
<span class="hr-line mt-4 mb-4"></span>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="cata-geory mb-5">
<span class="alt-font outdoor">Outdoor</span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking">Hiking</span>
</div>
</div>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-3.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-4.jpg" alt="img"></div>
</div>
</div>
<div class="text-center pb-3 port-detail-text ">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus condimentum turpis ac enim ultricies,<br>
bibendum ultrices nisl convallis. Integer pretium nulla sit amet ex dictum porttitor. Nulla tempor<br>
libero massa, nec facilisis ex commodo scelerisque.</p>
</div>
<div class="text-center pb-5 port-detail-text">
<p>In et erat sed leo vulputate tincidunt. Donec porta at ex vel ultrices. Fusce vel ultrices mi. In pulvinar<br>
posuere placerat. Nulla sodales felis et libero lacinia commodo.
</p>
</div>
<div class="row pb-5">
<div class="col-lg-6 pr-lg-1 ">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-2.jpg" alt="img"></div>
</div>
<div class="col-lg-6 pl-lg-1">
<div class="project-img"><img class="w-100" src="minimal/img/detail-port-5.jpg" alt="img"></div>
</div>
</div>
<div class="row">
<div class="col-lg-12 d-flex">
<div class="details-prev-next mb-5">
<span class="alt-font outdoor"><a data-fancybox data-src="#hidden-content-2" data-modal="true">Previous Project</a></span>
<span class="project-line align-items-center"></span>
<span class="alt-font hiking"><a data-fancybox data-src="#hidden-content-1" data-modal="true">Next Project</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Ends Portfolio -->
<!-- facts -->
<section class="text-center text-lg-left pr-lg-5 pl-lg-5 pr-3 pl-3" id="facts">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 p-0">
<h2>FACTS & FIGURES</h2>
<span class="hr-line mt-4 mb-4 ml-lg-0"></span>
</div>
</div>
<div class="row wow fadeIn">
<div class="col-lg-4">
<div class="ist-counter mb-3 mb-lg-0">
<span class="main-font number ml-0 count">1953</span>
<div class="count-text">
<span class="alt-font main-text">Apps & web</span>
<span class="main-font count-subtext">Project Development</span>
</div>
</div>
<div class="counters-line"></div>
</div>
<div class="col-lg-4">
<div class="counters mb-3 mb-lg-0">
<span class="main-font number count">766</span>
<div class="count-text">
<span class="alt-font main-text">Happy Clients</span>
<span class="main-font count-subtext">Design Prototype</span>
</div>
</div>
<div class="counters-line"></div>
</div>
<div class="col-lg-4">
<div class="counters">
<span class="main-font number count">36</span>
<div class="count-text">
<span class="alt-font main-text">Creative Awards</span>
<span class="main-font count-subtext">Project Development</span>
</div>
</div>
<div class="counters-line"></div>
</div>
</div>
</div>
</section>
<!-- parallax -->
<section class="mr-3 ml-3 mr-lg-5 ml-lg-5">
<div class="container-fluid">
<h2 class="d-none">1</h2>
<div class="static-img">
<img src="minimal/img/static.jpg" alt="img" class="w-100">
<div class="static-text wow fadeIn">
<span class="alt-font relax">KEEP CALM AND RELAX</span>
<p class="by">BY ANDERSON</p>
</div>
</div>
</div>
</section>
<!-- pricing -->
<section class="text-center price text-lg-left mr-3 ml-3 mr-lg-5 ml-lg-5" id="pricing">
<div class="container-fluid">
<div class="row align-items-baseline">
<div class="col-lg-2">
<h2>PRICING</h2>
<span class="hr-line mt-4 mb-4 ml-lg-0"></span>
</div>
<div class="col-lg-1 divider">
</div>
<div class="col-lg-9 d-none d-lg-block">
<ul class="price-list d-flex">
<li>PERSONS</li>
<li>SESSION TIME</li>
<li>DIGITAL IMAGE</li>
<li>SOCIAL IMAGES</li>
<li>PRICE</li>
<li></li>
</ul>
</div>
</div>
<!--price item 1-->
<div class="row price-head align-items-end pb-5 wow fadeInUp">
<div class="col-lg-2 main-heading">
<h4 class="text-capitalize">Bronze</h4>
<p class="mb-0">PERSONAL PHOTOSHOT</p>
</div>
<div class="col-lg-1 divider">
<div class="price-line"></div>
</div>
<div class="col-lg-9">
<ul class="price-list">
<li class="deal-item">1 Person</li>
<li class="deal-item">15 Minutes</li>
<li class="deal-item">10 Images</li>
<li class="deal-item">Facebook</li>
<li class="price-dol">$15</li>
<li class="price-button"><a href="#.">Buy Now</a></li>
</ul>
</div>
</div>
<!--price item 2-->
<div class="row price-head align-items-end pb-5 wow fadeInUp">
<div class="col-lg-2 main-heading">
<h4 class="text-capitalize">Silver</h4>
<p class="mb-0">SMALL GET TOGETHER</p>
</div>
<div class="col-lg-1 divider">
<div class="price-line"></div>
</div>
<div class="col-lg-9">
<ul class="price-list">
<li class="deal-item">1-25 Persons</li>
<li class="deal-item">30 Minutes</li>
<li class="deal-item">50 Images</li>
<li class="deal-item">Facebook</li>
<li class="price-dol">$300</li>
<li class="price-button"><a href="#.">Buy Now</a></li>
</ul>
</div>
</div>
<!--price item 3-->
<div class="row price-head align-items-end pb-5 wow fadeInUp">
<div class="col-lg-2 main-heading">
<h4 class="text-capitalize">Gold</h4>
<p class="mb-0">BIRTHDAY POOLPARTIES</p>
</div>
<div class="col-lg-1 divider">
<div class="price-line"></div>
</div>
<div class="col-lg-9">
<ul class="price-list">
<li class="deal-item">1-50 Person</li>
<li class="deal-item">1 HOUR</li>
<li class="deal-item">100 Images</li>
<li class="deal-item">Fb / Insta</li>
<li class="price-dol">$500</li>
<li class="price-button"><a href="#.">Buy Now</a></li>
</ul>
</div>
</div>
<!--price item 4-->
<div class="row price-head align-items-end pb-5 wow fadeInUp">
<div class="col-lg-2 main-heading">
<h4 class="text-capitalize">Platinum</h4>
<p class="mb-0">WEDDING CORPORATE</p>
</div>
<div class="col-lg-1 divider">
<div class="price-line"></div>
</div>
<div class="col-lg-9">
<ul class="price-list">
<li class="deal-item">1-100 Persons</li>
<li class="deal-item">2.5 hours</li>
<li class="deal-item">500 Images</li>
<li class="deal-item">Fb / Insta</li>
<li class="price-dol">$750</li>
<li class="price-button"><a href="#.">Buy Now</a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- Map Contact -->
<section class="text-center text-lg-left mr-3 ml-3 mr-lg-5 ml-lg-5" id="contact">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<h2>CONTACT</h2>
<span class="hr-line mt-4 mb-4 ml-lg-0"></span>
</div>
</div>
<div class="row">
<div id="google-map" class="bg-light-gray map"></div>
</div>
</div>
</section>
<!-- Map Contact -->
<!-- Site Fotter -->
<section class="pt-5 pb-5 text-center text-lg-left pr-lg-5 pr-3 pl-3 pl-lg-5 wow fadeInDown">
<div class="container-fluid pl-3">
<h2 class="d-none">1</h2>
<div class="row">
<div class="foter-logo">
<img src="minimal/img/logo.png" alt="img" class="m-3">
<p class="copyrights wow fadeInUp no-margin" data-wow-delay="350ms"> Copyright 2019 SBX. rights
reserved. Made with <img src="minimal/img/heart.png" alt="png"> by <a href="#.">Themes Industry</a></p>
</div>
</div>
</div>
</section>
<!--Site Fotter -->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/swiper.min.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/TweenMax.min.js"></script>
<script src="vendor/js/wow.js"></script>
<script src="vendor/js/morphext.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.video.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4fusEY9kSwNHgtK8KOgyoTsyP5Tb2NXo"></script>
<script src="minimal/js/map.js"></script>
<script src="minimal/js/main.js"></script>
</body>
</html>