ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="style/images/favicon.png">
<title>Missio</title>
<link rel="stylesheet" type="text/css" href="style/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="style/css/plugins.css">
<link rel="stylesheet" type="text/css" href="style/revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="style/revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="style/revolution/css/navigation.css">
<link rel="stylesheet" type="text/css" href="style/type/icons.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style/css/color/lavender.css">
<link href="../css-4?family=Quattrocento:400,700%7CUnica+One" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style/css/font/font7.css">
</head>
<body>
<div class="content-wrapper">
<nav class="navbar extended bg-dark-fixed navbar-expand-lg">
<div class="container flex-lg-column">
<div class="d-flex flex-row w-100 justify-content-between align-items-center">
<div class="navbar-header mr-auto">
<div class="navbar-brand"><a href="index.html">
<img src="#" srcset="style/images/logo2-light.png 1x, style/images/logo2-light%402x.png 2x" alt="">
</a></div>
<div class="navbar-hamburger ml-auto d-lg-none d-xl-none inverse-text">
<button class="hamburger animate" data-toggle="collapse" data-target=".navbar-collapse"><span></span></button>
</div>
</div>
<!-- /.navbar-header -->
<address class="info-wrapper flex-column ml-auto text-right mb-0 inverse-text">
<abbr title="Email">E:</abbr> <a href="/cdn-cgi/l/email-protection#ebc8" class="nocolor"><span class="__cf_email__" data-cfemail="0964607a7a6066496c64686065276a6664">[email protected]</span></a><br>
<abbr title="Phone">P:</abbr> 00 (123) 456 78 90 </address>
<!-- /.info-wrapper -->
</div>
<div class="navbar-collapse collapse w-100 bg-dark bg-dark-opacity inverse-text">
<ul class="navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link" href="#">Home</a>
<ul class="dropdown-menu mega-menu boxed list-view text-left">
<li class="mega-menu-content">
<div class="image-block-wrapper">
<div class="image-block col-lg-4 col-xl-5">
<div class="image-block-bg bg-image" data-image-src="style/images/art/me2.jpg"></div>
</div>
<!--/.image-block -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-8 offset-lg-4 col-xl-7 offset-xl-5">
<div class="box">
<div class="row">
<div class="col-lg-4">
<ul class="list-unstyled">
<li><a href="index.html">Home Demo 1</a></li>
<li><a href="index2.html">Home Demo 2</a></li>
<li><a href="index3.html">Home Demo 3</a></li>
<li><a href="index4.html">Home Demo 4</a></li>
<li><a href="index5.html">Home Demo 5</a></li>
<li><a href="index6.html">Home Demo 6</a></li>
<li><a href="index7.html">Home Demo 7</a></li>
<li><a href="index8.html">Home Demo 8</a></li>
<li><a href="index9.html">Home Demo 9</a></li>
<li><a href="index10.html">Home Demo 10</a></li>
<li><a href="index11.html">Home Demo 11</a></li>
<li><a href="index12.html">Home Demo 12</a></li>
<li><a href="index13.html">Home Demo 13</a></li>
<li><a href="index14.html">Home Demo 14</a></li>
<li><a href="index15.html">Home Demo 15</a></li>
<li><a href="index16.html">Home Demo 16</a></li>
</ul>
</div>
<!--/column -->
<div class="col-lg-4">
<ul class="list-unstyled">
<li><a href="index17.html">Home Demo 17</a></li>
<li><a href="index18.html">Home Demo 18</a></li>
<li><a href="index19.html">Home Demo 19</a></li>
<li><a href="index20.html">Home Demo 20</a></li>
<li><a href="index21.html">Home Demo 21</a></li>
<li><a href="index22.html">Home Demo 22</a></li>
<li><a href="index23.html">Home Demo 23</a></li>
<li><a href="index24.html">Home Demo 24</a></li>
<li><a href="index25.html">Home Demo 25</a></li>
<li><a href="index26.html">Home Demo 26</a></li>
<li><a href="index27.html">Home Demo 27</a></li>
<li><a href="index28.html">Home Demo 28</a></li>
<li><a href="index29.html">Home Demo 29</a></li>
<li><a href="index30.html">Home Demo 30</a></li>
<li><a href="index31.html">Home Demo 31</a></li>
<li><a href="index32.html">Home Demo 32</a></li>
</ul>
</div>
<!--/column -->
<div class="col-lg-4">
<ul class="list-unstyled">
<li><a href="index33.html">Home Demo 33</a></li>
<li><a href="index34.html">Home Demo 34</a></li>
<li><a href="index35.html">Home Demo 35</a></li>
<li><a href="index36.html">Home Demo 36</a></li>
<li><a href="index37.html">Home Demo 37</a></li>
<li><a href="index38.html">Home Demo 38</a></li>
<li><a href="index39.html">Home Demo 39</a></li>
<li><a href="index40.html">Home Demo 40</a></li>
<li><a href="index41.html">Home Demo 41</a></li>
<li><a href="index42.html">Home Demo 42</a></li>
<li><a href="index43.html">Home Demo 43</a></li>
<li><a href="index44.html">Home Demo 44</a></li>
<li><a href="index45.html">Home Demo 45</a></li>
<li><a href="index46.html">Home Demo 46</a></li>
<li><a href="index47.html">Home Demo 47</a></li>
<li><a href="index48.html">Home Demo 48</a></li>
</ul>
</div>
<!--/column -->
</div>
<!--/.row -->
</div>
<!-- /.box -->
</div>
<!--/column -->
</div>
<!--/.row -->
</div>
<!--/.container-fluid -->
</div>
<!--/.image-block-wrapper -->
</li>
<!--/.mega-menu-content-->
</ul>
<!--/.dropdown-menu -->
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#">Portfolio</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="portfolio.html">Text Style I</a></li>
<li class="nav-item"><a class="dropdown-item" href="portfolio2.html">Text Style II</a></li>
<li class="nav-item"><a class="dropdown-item" href="portfolio3.html">List Type</a></li>
<li class="nav-item"><a class="dropdown-item" href="portfolio4.html">One Column</a></li>
<li class="nav-item"><a class="dropdown-item" href="portfolio5.html">Two Columns</a></li>
<li class="nav-item"><a class="dropdown-item" href="portfolio6.html">Three Columns</a></li>
<li class="nav-item"><a class="dropdown-item" href="portfolio7.html">Video Album</a></li>
<li class="nav-item"><a class="dropdown-item" href="portfolio8.html">Photo Album</a></li>
</ul>
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#">Gallery</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="gallery.html">Polaroid Style</a></li>
<li class="nav-item"><a class="dropdown-item" href="gallery2.html">List Type</a></li>
<li class="nav-item"><a class="dropdown-item" href="gallery3.html">Three Columns</a></li>
<li class="nav-item"><a class="dropdown-item" href="gallery4.html">Titled Gallery</a></li>
<li class="nav-item"><a class="dropdown-item" href="gallery5.html">Lightbox - Three Column Grid</a></li>
<li class="nav-item"><a class="dropdown-item" href="gallery6.html">Lightbox - Two Column Grid</a></li>
<li class="nav-item"><a class="dropdown-item" href="gallery7.html">Lightbox - Fullscreen Grid</a></li>
<li class="nav-item dropdown"><a class="dropdown-item dropdown-toggle" href="#">Gallery Posts</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="gallery-post.html">Post with Carousel</a></li>
<li class="nav-item"><a class="dropdown-item" href="gallery-post2.html">Post with Images</a></li>
<li class="nav-item"><a class="dropdown-item" href="gallery-post3.html">Post with Lightbox</a></li>
<li class="nav-item"><a class="dropdown-item" href="gallery-post4.html">Post with Thumbnail Slider</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#">Pages</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="about.html">About I</a></li>
<li class="nav-item"><a class="dropdown-item" href="about2.html">About II</a></li>
<li class="nav-item"><a class="dropdown-item" href="services.html">Services</a></li>
<li class="nav-item"><a class="dropdown-item" href="page-loading.html">Page Loading</a></li>
</ul>
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#">Blog</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="blog.html">Classic View No Sidebar</a></li>
<li class="nav-item"><a class="dropdown-item" href="blog2.html">Classic View with Sidebar</a></li>
<li class="nav-item"><a class="dropdown-item" href="blog3.html">Grid View I</a></li>
<li class="nav-item"><a class="dropdown-item" href="blog4.html">Grid View II</a></li>
<li class="nav-item"><a class="dropdown-item" href="blog5.html">Box Style with Sidebar</a></li>
<li class="nav-item dropdown"><a class="dropdown-item dropdown-toggle" href="#">Blog Posts</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="blog-post.html">Post No Sidebar</a></li>
<li class="nav-item"><a class="dropdown-item" href="blog-post2.html">Post with Sidebar</a></li>
<li class="nav-item"><a class="dropdown-item" href="blog-post3.html">Post with Box Style</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#">Features</a>
<ul class="dropdown-menu">
<li class="nav-item dropdown"><a class="dropdown-item dropdown-toggle" href="#">Header</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="header.html">Simple Centered</a></li>
<li class="nav-item"><a class="dropdown-item" href="header2.html">Bordered Centered</a></li>
<li class="nav-item"><a class="dropdown-item" href="header3.html">Light Centered</a></li>
<li class="nav-item"><a class="dropdown-item" href="header4.html">Dark Centered</a></li>
<li class="nav-item"><a class="dropdown-item" href="header5.html">Light Extended</a></li>
<li class="nav-item"><a class="dropdown-item" href="header6.html">Dark Extended</a></li>
<li class="nav-item"><a class="dropdown-item" href="header7.html">Simple Wide</a></li>
<li class="nav-item"><a class="dropdown-item" href="header8.html">Light Wide</a></li>
<li class="nav-item"><a class="dropdown-item" href="header9.html">Dark Wide</a></li>
</ul>
</li>
<li class="nav-item dropdown"><a class="dropdown-item dropdown-toggle" href="#">Slider</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="slider.html">Revolution Slider - Static Caption</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider2.html">Revolution Slider - Single Slide</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider3.html">Revolution Slider - Classic Fullscreen</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider4.html">Revolution Slider - Classic Fullwidth</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider5.html">Revolution Slider - Single Video</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider6.html">Revolution Slider - Static Caption Auto</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider7.html">Revolution Slider - Classic Caption Auto</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider8.html">Revolution Slider - Scroll Slider</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider9.html">Revolution Slider - Side Tab Slider</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider10.html">Revolution Slider - Split Slider I</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider11.html">Revolution Slider - Split Slider II</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider12.html">Revolution Slider - Fullscreen HTML5 Video</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider13.html">Revolution Slider - Popup Video</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider14.html">Flickity - Thumbnail Slider</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider15.html">Flickity - Fullwidth Carousel</a></li>
<li class="nav-item"><a class="dropdown-item" href="slider16.html">Flickity - Fullscreen View</a></li>
</ul>
</li>
<li class="nav-item dropdown"><a class="dropdown-item dropdown-toggle" href="#">Footer</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="footer.html">Footer I</a></li>
<li class="nav-item"><a class="dropdown-item" href="footer2.html">Footer II</a></li>
<li class="nav-item"><a class="dropdown-item" href="footer3.html">Footer III</a></li>
<li class="nav-item"><a class="dropdown-item" href="footer4.html">Footer IV</a></li>
</ul>
</li>
<li class="nav-item dropdown"><a class="dropdown-item dropdown-toggle" href="#">Fonts</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="font1.html">Louis George Café</a></li>
<li class="nav-item"><a class="dropdown-item" href="font2.html">Poppins</a></li>
<li class="nav-item"><a class="dropdown-item" href="font3.html">IBM Plex Serif</a></li>
<li class="nav-item"><a class="dropdown-item" href="font4.html">Zilla Slab</a></li>
<li class="nav-item"><a class="dropdown-item" href="font5.html">Playfair Display</a></li>
<li class="nav-item"><a class="dropdown-item" href="font6.html">Abhaya Libre</a></li>
<li class="nav-item"><a class="dropdown-item" href="font7.html">Quattrocento & Unica One</a></li>
</ul>
</li>
<li class="nav-item dropdown"><a class="dropdown-item dropdown-toggle" href="#">Colors</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="color1.html">Aqua</a></li>
<li class="nav-item"><a class="dropdown-item" href="color2.html">Blue</a></li>
<li class="nav-item"><a class="dropdown-item" href="color3.html">Brown</a></li>
<li class="nav-item"><a class="dropdown-item" href="color4.html">Green</a></li>
<li class="nav-item"><a class="dropdown-item" href="color5.html">Hibiscus</a></li>
<li class="nav-item"><a class="dropdown-item" href="color6.html">Lavender</a></li>
<li class="nav-item"><a class="dropdown-item" href="color7.html">Leaf</a></li>
<li class="nav-item"><a class="dropdown-item" href="color8.html">Meander</a></li>
<li class="nav-item"><a class="dropdown-item" href="color9.html">Orange</a></li>
<li class="nav-item"><a class="dropdown-item" href="color10.html">Pink</a></li>
<li class="nav-item"><a class="dropdown-item" href="color11.html">Purple</a></li>
<li class="nav-item"><a class="dropdown-item" href="color12.html">Red</a></li>
<li class="nav-item"><a class="dropdown-item" href="color13.html">Rose</a></li>
<li class="nav-item"><a class="dropdown-item" href="color14.html">Teal</a></li>
<li class="nav-item"><a class="dropdown-item" href="color15.html">Violet</a></li>
<li class="nav-item"><a class="dropdown-item" href="color16.html">Yellow</a></li>
</ul>
</li>
<li class="nav-item dropdown"><a class="dropdown-item dropdown-toggle" href="#">Onepage</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="index15.html">Demo I</a></li>
<li class="nav-item"><a class="dropdown-item" href="index24.html">Demo II</a></li>
</ul>
</li>
<li class="nav-item"><a class="dropdown-item" href="box-layout.html">Box Layout</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="#">Elements</a>
<ul class="dropdown-menu mega-menu boxed list-view text-left">
<li class="mega-menu-content">
<div class="image-block-wrapper">
<div class="image-block col-lg-4 col-xl-5">
<div class="image-block-bg bg-image" data-image-src="style/images/art/me1.jpg"></div>
</div>
<!--/.image-block -->
<div class="container-fluid">
<div class="row">
<div class="col-lg-8 offset-lg-4 col-xl-7 offset-xl-5">
<div class="box">
<div class="row">
<div class="col-lg-4">
<ul class="list-unstyled">
<li><a href="accordion.html">Accordion</a></li>
<li><a href="alerts.html">Alerts</a></li>
<li><a href="blockquote.html">Blockquote</a></li>
<li><a href="buttons-badges.html">Buttons & Badges</a></li>
<li><a href="caption.html">Caption</a></li>
<li><a href="color-box.html">Color Box</a></li>
<li><a href="countdown.html">Countdown</a></li>
<li><a href="counter.html">Counter</a></li>
<li><a href="dividers.html">Dividers</a></li>
<li><a href="dropcap.html">Dropcap</a></li>
<li><a href="forms.html">Forms</a></li>
</ul>
</div>
<!--/column -->
<div class="col-lg-4">
<ul class="list-unstyled">
<li><a href="icon-solid.html">Icons - Solid</a></li>
<li><a href="icon-line.html">Icons - Line</a></li>
<li><a href="hover.html">Hover</a></li>
<li><a href="lightbox.html">Lightbox</a></li>
<li><a href="lists.html">Lists</a></li>
<li><a href="list-group.html">List Group</a></li>
<li><a href="player.html">Media Player</a></li>
<li><a href="pagination.html">Pagination</a></li>
<li><a href="pricing.html">Pricing Tables</a></li>
<li><a href="progressbar.html">Progress Bar</a></li>
<li><a href="animations.html">Scroll Animations</a></li>
</ul>
</div>
<!--/column -->
<div class="col-lg-4">
<ul class="list-unstyled">
<li><a href="services-icon.html">Services - Icon</a></li>
<li><a href="services-image.html">Services - Image</a></li>
<li><a href="social-icons.html">Social Icons</a></li>
<li><a href="tables.html">Tables</a></li>
<li><a href="tabs.html">Tabs</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="tooltip-popover.html">Tooltip & Popover</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="wrappers.html">Wrappers</a></li>
</ul>
</div>
<!--/column -->
</div>
<!--/.row -->
</div>
<!-- /.box -->
</div>
<!--/column -->
</div>
<!--/.row -->
</div>
<!--/.container-fluid -->
</div>
<!--/.image-block-wrapper -->
</li>
<!--/.mega-menu-content-->
</ul>
<!--/.dropdown-menu -->
</li>
<li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#">Contact</a>
<ul class="dropdown-menu">
<li class="nav-item"><a class="dropdown-item" href="contact.html">Contact I</a></li>
<li class="nav-item"><a class="dropdown-item" href="contact2.html">Contact II</a></li>
<li class="nav-item"><a class="dropdown-item" href="contact3.html">Contact III</a></li>
</ul>
</li>
</ul>
<ul class="social social-mute social-s mb-0 ml-auto d-none d-xl-block">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-vimeo"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
</ul>
</div>
</div>
</nav>
<div class="rev_slider_wrapper fullscreen-container">
<div id="slider2" class="rev_slider fullscreenbanner light-spinner" data-version="5.4.8">
<ul>
<li data-transition="fade" data-fstransition="fade">
<img src="style/images/dummy.png" alt="">
<div class="tp-caption font-title font-weight-normal text-uppercase color-white text-center" data-x="center" data-y="middle" data-voffset="['-80','-80','-130','-110']" data-fontsize="['68','68','58','38']" data-lineheight="['78','78','68','48']" data-width="['700','700','600','340']" data-textalign="['center','center','center','center']" data-whitespace="['normal','normal','normal','normal']" data-frames='[{"delay":1000,"speed":1200,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-responsive="on" data-responsive_offset="on" style="z-index: 9; letter-spacing: 0.5px;">Caitlyn Missio Photography</div>
<div class="tp-caption font-title font-weight-normal text-uppercase color-white text-center" data-x="center" data-y="middle" data-voffset="['45','45','-5','-5']" data-fontsize="['26','26','26','26']" data-lineheight="['36','36','36','36']" data-width="['800','800','680','340']" data-textalign="['center','center','center','center']" data-whitespace="['normal','normal','normal','normal']" data-frames='[{"delay":1500,"speed":1200,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' data-responsive="on" data-responsive_offset="on" style="z-index: 9; letter-spacing: 0.5px;">Travel & Destination Photographer</div>
<div class="tp-caption rev-scroll-btn rs-parallaxlevel-5" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['bottom','bottom','bottom','bottom']" data-voffset="['20','20','20','20']" data-width="28" data-height="44" data-visibility="['on','on','on','off']" data-whitespace="nowrap" data-type="button" data-actions='[{"event":"click","action":"scrollbelow","offset":"px","delay":"","speed":"300","ease":"Linear.easeNone"}]' data-basealign="slide" data-responsive_offset="on" data-responsive="off" data-frames='[{"delay":0,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]' style="z-index: 19; min-width: 28px; max-width: 28px; max-width: 44px; max-width: 44px; white-space: nowrap;font-weight: 400;border-color:rgba(255,255,255,1);border-style:solid;border-width:2px;border-radius:12px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;"><span></span></div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom"></div>
</div>
<!-- /.rev_slider -->
</div>
<!-- /.rev_slider_wrapper -->
<div class="wrapper inverse-text">
<div class="container inner pt-40">
<div class="box bg-opacity-dark pb-40">
<h2 class="section-title section-title-upper larger">Life is an adventure. Capture every minute.</h2>
<p class="lead">I'm Caitlyn Missio, a freelance travel and destination photographer. My passion is taking photos of the most stunning places around the world. I also enjoy keeping a journal about the places I have been.</p>
<div class="space20"></div>
<div class="row">
<div class="col-md-8">
<div class="row">
<div class="col-lg-6 text-center">
<figure class="rounded">
<img src="style/images/art/about6.jpg" alt="">
</figure>
</div>
<!-- /column -->
<div class="space30 d-block d-lg-none d-xl-none"></div>
<div class="col-lg-6">
<h4 class="text-uppercase">A Little About Me</h4>
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur.</p>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Donec id elit non mi porta gravida at eget metus. Nullam quis risus eget urna mollis.</p>
</div>
<!-- /column -->
</div>
<!-- /.row -->
</div>
<!--/column -->
<div class="col-md-4">
<h4 class="text-uppercase">My Equipment</h4>
<ul class="unordered-list list-default">
<li>Canon Eos 5D Mark IV 24-105mm</li>
<li>Manfrotto Compact Tripod</li>
<li>DJI Ronin MX 3-Axis Gimbal Stabilizer</li>
<li>Canon EF100-400MM Lens</li>
</ul>
<div class="space10"></div>
<h4 class="text-uppercase">My Awards</h4>
<ul class="unordered-list list-default">
<li>Vulputate Dapibus Aenean Fusce</li>
<li>Cras Nullam Tristique Pellentesque</li>
<li>Porta Bibendum Pharetra</li>
<li>Dolor Adipiscing Cras Egestas</li>
</ul>
</div>
<!--/column -->
</div>
<!--/.row -->
<hr class="pt-100 mb-100">
<h2 class="section-title section-title-upper larger">Featured Shots</h2>
<p class="lead">I absolutely love shooting undiscovered places around the world. Someday maybe outside...</p>
<div class="space20"></div>
<div class="tiles">
<div class="items row boxed grid-view text-center">
<div class="item col-md-6 col-lg-4">
<figure class="overlay overlay1 rounded light-gallery"><a href="style/images/art/an1.jpg" data-sub-html="#caption1">
<img src="style/images/art/an-th.jpg" alt="">
</a>
<figcaption>
<h4 class="text-uppercase from-top mb-0">Antarctica</h4>
<ul class="d-none">
<li><a href="style/images/art/an2.jpg" data-sub-html="#caption1"></a></li>
<li><a href="style/images/art/an3.jpg" data-sub-html="#caption1"></a></li>
<li><a href="style/images/art/an4.jpg" data-sub-html="#caption1"></a></li>
<li><a href="style/images/art/an5.jpg" data-sub-html="#caption1"></a></li>
<li><a href="style/images/art/an6.jpg" data-sub-html="#caption1"></a></li>
<li><a href="style/images/art/an7.jpg" data-sub-html="#caption1"></a></li>
</ul>
<!-- /.d-none -->
<div id="caption1" class="d-none">
<p>Antarctica</p>
</div>
<!-- /.d-none -->
</figcaption>
</figure>
</div>
<!--/.item -->
<div class="item col-md-6 col-lg-4">
<figure class="overlay overlay1 rounded light-gallery"><a href="style/images/art/au1.jpg" data-sub-html="#caption2">
<img src="style/images/art/au-th.jpg" alt="">
</a>
<figcaption>
<h4 class="text-uppercase from-top mb-0">Australia</h4>
<ul class="d-none">
<li><a href="style/images/art/au2.jpg" data-sub-html="#caption2"></a></li>
<li><a href="style/images/art/au3.jpg" data-sub-html="#caption2"></a></li>
<li><a href="style/images/art/au4.jpg" data-sub-html="#caption2"></a></li>
<li><a href="style/images/art/au5.jpg" data-sub-html="#caption2"></a></li>
<li><a href="style/images/art/au6.jpg" data-sub-html="#caption2"></a></li>
</ul>
<!-- /.d-none -->
<div id="caption2" class="d-none">
<p>Australia</p>
</div>
<!-- /.d-none -->
</figcaption>
</figure>
</div>
<!--/.item -->
<div class="item col-md-6 col-lg-4">
<figure class="overlay overlay1 rounded light-gallery"><a href="style/images/art/eg1.jpg" data-sub-html="#caption3">
<img src="style/images/art/eg-th.jpg" alt="">
</a>
<figcaption>
<h4 class="text-uppercase from-top mb-0">Egypt</h4>
<ul class="d-none">
<li><a href="style/images/art/eg2.jpg" data-sub-html="#caption3"></a></li>
<li><a href="style/images/art/eg3.jpg" data-sub-html="#caption3"></a></li>
<li><a href="style/images/art/eg4.jpg" data-sub-html="#caption3"></a></li>
<li><a href="style/images/art/eg5.jpg" data-sub-html="#caption3"></a></li>
<li><a href="style/images/art/eg6.jpg" data-sub-html="#caption3"></a></li>
<li><a href="style/images/art/eg7.jpg" data-sub-html="#caption3"></a></li>
</ul>
<!-- /.d-none -->
<div id="caption3" class="d-none">
<p>Egypt</p>
</div>
<!-- /.d-none -->
</figcaption>
</figure>
</div>
<!--/.item -->
<div class="item col-md-6 col-lg-4">
<figure class="overlay overlay1 rounded light-gallery"><a href="style/images/art/sc1.jpg" data-sub-html="#caption4">
<img src="style/images/art/sc-th.jpg" alt="">
</a>
<figcaption>
<h4 class="text-uppercase from-top mb-0">Scandinavia</h4>
<ul class="d-none">
<li><a href="style/images/art/sc2.jpg" data-sub-html="#caption4"></a></li>
<li><a href="style/images/art/sc3.jpg" data-sub-html="#caption4"></a></li>
<li><a href="style/images/art/sc4.jpg" data-sub-html="#caption4"></a></li>
<li><a href="style/images/art/sc5.jpg" data-sub-html="#caption4"></a></li>
<li><a href="style/images/art/sc6.jpg" data-sub-html="#caption4"></a></li>
<li><a href="style/images/art/sc7.jpg" data-sub-html="#caption4"></a></li>
<li><a href="style/images/art/sc8.jpg" data-sub-html="#caption4"></a></li>
</ul>
<!-- /.d-none -->
<div id="caption4" class="d-none">
<p>Scandinavia</p>
</div>
<!-- /.d-none -->
</figcaption>
</figure>
</div>
<!--/.item -->
<div class="item col-md-6 col-lg-4">
<figure class="overlay overlay1 rounded light-gallery"><a href="style/images/art/aa1.jpg" data-sub-html="#caption5">
<img src="style/images/art/aa-th.jpg" alt="">
</a>
<figcaption>
<h4 class="text-uppercase from-top mb-0">Anatolia</h4>
<ul class="d-none">
<li><a href="style/images/art/aa2.jpg" data-sub-html="#caption5"></a></li>
<li><a href="style/images/art/aa3.jpg" data-sub-html="#caption5"></a></li>
<li><a href="style/images/art/aa4.jpg" data-sub-html="#caption5"></a></li>
<li><a href="style/images/art/aa5.jpg" data-sub-html="#caption5"></a></li>
<li><a href="style/images/art/aa6.jpg" data-sub-html="#caption5"></a></li>
<li><a href="style/images/art/aa7.jpg" data-sub-html="#caption5"></a></li>
</ul>
<!-- /.d-none -->
<div id="caption5" class="d-none">
<p>Anatolia</p>
</div>
<!-- /.d-none -->
</figcaption>
</figure>
</div>
<!--/.item -->
<div class="item col-md-6 col-lg-4">
<figure class="overlay overlay1 rounded light-gallery"><a href="style/images/art/br1.jpg" data-sub-html="#caption6">
<img src="style/images/art/br-th.jpg" alt="">
</a>
<figcaption>
<h4 class="text-uppercase from-top mb-0">Brazil</h4>
<ul class="d-none">
<li><a href="style/images/art/br2.jpg" data-sub-html="#caption6"></a></li>
<li><a href="style/images/art/br3.jpg" data-sub-html="#caption6"></a></li>
<li><a href="style/images/art/br4.jpg" data-sub-html="#caption6"></a></li>
<li><a href="style/images/art/br5.jpg" data-sub-html="#caption6"></a></li>
<li><a href="style/images/art/br6.jpg" data-sub-html="#caption6"></a></li>
<li><a href="style/images/art/br7.jpg" data-sub-html="#caption6"></a></li>
</ul>
<!-- /.d-none -->
<div id="caption6" class="d-none">
<p>Brazil</p>
</div>
<!-- /.d-none -->
</figcaption>
</figure>
</div>
<!--/.item -->
</div>
<!--/.row -->
</div>
<!--/.tiles -->
<hr class="pt-100 mb-100">
<h2 class="section-title section-title-upper larger">My Travel Journal</h2>
<p class="lead">My traveling diary about all the places I have visited, the adventure I have had and the people I have met.</p>
<div class="space20"></div>
<div class="blog grid grid-view">
<div class="row isotope">
<div class="item post grid-sizer col-md-6 col-lg-4 mb-50">
<figure class="overlay overlay1 mb-30 rounded"><a href="#">
<img src="style/images/art/gb28.jpg" alt="">
</a>
<figcaption>
<h4 class="text-uppercase from-top mb-0">Read More</h4>
</figcaption>
</figure>
<h2 class="post-title mb-10"><a href="blog-post.html">Ligula tristique quis risus eget urna mollis ornare porttitor</a></h2>
<div class="meta mb-15"><span class="date">5 Jul 2018</span><span class="comments"><a href="#">3</a></span><span class="category"><a href="#">Reflection</a></span></div>
<div class="post-content">
<p>Morbi leo risus, porta ac consectetur luctus vestibulum at eros. Maecenas faucibus mollis interdum eget nulla vitae elit libero.</p>
</div>
<!-- /.post-content -->
</div>
<!-- /.post -->
<div class="item post grid-sizer col-md-6 col-lg-4 mb-50">
<figure class="overlay overlay1 mb-30 rounded"><a href="#">
<img src="style/images/art/gb29.jpg" alt="">
</a>
<figcaption>
<h4 class="text-uppercase from-top mb-0">Read More</h4>
</figcaption>
</figure>
<h2 class="post-title mb-10"><a href="blog-post.html">Nullam id dolor elit id nibh pharetra augue venenatis</a></h2>
<div class="meta mb-15"><span class="date">18 Jun 2018</span><span class="comments"><a href="#">5</a></span><span class="category"><a href="#">Entertainment</a></span></div>
<div class="post-content">
<p>Morbi leo risus, porta ac consectetur luctus vestibulum at eros. Maecenas faucibus mollis interdum eget nulla vitae elit libero.</p>
</div>
<!-- /.post-content -->
</div>
<!-- /.post -->
<div class="item post grid-sizer col-md-6 col-lg-4 mb-50">
<figure class="overlay overlay1 mb-30 rounded"><a href="#">
<img src="style/images/art/gb30.jpg" alt="">
</a>
<figcaption>
<h4 class="text-uppercase from-top mb-0">Read More</h4>
</figcaption>
</figure>
<h2 class="post-title mb-10"><a href="blog-post.html">Ultricies fusce porta elit pharetra augue faucibus</a></h2>
<div class="meta mb-15"><span class="date">14 May 2018</span><span class="comments"><a href="#">7</a></span><span class="category"><a href="#">Travel</a></span></div>
<div class="post-content">
<p>Morbi leo risus, porta ac consectetur luctus vestibulum at eros. Maecenas faucibus mollis interdum eget nulla vitae elit libero.</p>
</div>
<!-- /.post-content -->
</div>
<!-- /.post -->
<div class="item post grid-sizer col-md-6 col-lg-4 mb-50">
<figure class="overlay overlay1 mb-30 rounded"><a href="#">
<img src="style/images/art/gb31.jpg" alt="">
</a>
<figcaption>
<h4 class="text-uppercase from-top mb-0">Read More</h4>
</figcaption>
</figure>
<h2 class="post-title mb-10"><a href="blog-post.html">Morbi leo risus porta eget metus est non commodolacus</a></h2>
<div class="meta mb-15"><span class="date">9 Apr 2018</span><span class="comments"><a href="#">4</a></span><span class="category"><a href="#">Beach</a></span></div>
<div class="post-content">
<p>Morbi leo risus, porta ac consectetur luctus vestibulum at eros. Maecenas faucibus mollis interdum eget nulla vitae elit libero.</p>
</div>
<!-- /.post-content -->
</div>
<!-- /.post -->
<div class="item post grid-sizer col-md-6 col-lg-4 mb-50">
<figure class="overlay overlay1 mb-30 rounded"><a href="#">
<img src="style/images/art/gb32.jpg" alt="">
</a>
<figcaption>
<h4 class="text-uppercase from-top mb-0">Read More</h4>
</figcaption>
</figure>
<h2 class="post-title mb-10"><a href="blog-post.html">Mollis adipiscing lorem quis mollis eget lacinia faucibus</a></h2>
<div class="meta mb-15"><span class="date">23 Feb 2018</span><span class="comments"><a href="#">8</a></span><span class="category"><a href="#">Travel</a></span></div>
<div class="post-content">
<p>Morbi leo risus, porta ac consectetur luctus vestibulum at eros. Maecenas faucibus mollis interdum eget nulla vitae elit libero.</p>
</div>
<!-- /.post-content -->
</div>
<!-- /.post -->
<div class="item post grid-sizer col-md-6 col-lg-4 mb-50">
<figure class="overlay overlay1 mb-30 rounded"><a href="#">
<img src="style/images/art/gb33.jpg" alt="">
</a>
<figcaption>
<h4 class="text-uppercase from-top mb-0">Read More</h4>
</figcaption>
</figure>
<h2 class="post-title mb-10"><a href="blog-post.html">Fusce mattis euismod sed diam eget risus amet tempus</a></h2>
<div class="meta mb-15"><span class="date">15 Jan 2018</span><span class="comments"><a href="#">7</a></span><span class="category"><a href="#">Building</a></span></div>
<div class="post-content">
<p>Morbi leo risus, porta ac consectetur luctus vestibulum at eros. Maecenas faucibus mollis interdum eget nulla vitae elit libero.</p>
</div>
<!-- /.post-content -->
</div>
<!-- /.post -->
</div>
<!-- /.row -->
</div>
<!-- /.blog -->
<hr class="pt-30 mb-100">
<div class="row">
<div class="col-md-8">
<h2 class="section-title section-title-upper larger">Get in Touch</h2>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Integer posuere erat.</p>
<div class="space10"></div>
<div class="form-container">
<form action="contact/vanilla-form.php" method="post" class="vanilla vanilla-form" novalidate="">
<div class="row">
<div class="col-md-6 pr-10">
<div class="form-group">
<input type="text" class="form-control" name="name" placeholder="Your name" required="required">
</div>
<!--/.form-group -->
</div>
<!--/column -->
<div class="col-md-6 pl-10">
<div class="form-group">
<input type="email" class="form-control" name="email" placeholder="Your e-mail" required="required">
</div>
<!--/.form-group -->
</div>
<!--/column -->
<div class="col-md-6 pr-10">
<div class="form-group">
<input type="tel" class="form-control" name="tel" placeholder="Phone">
</div>
<!--/.form-group -->
</div>
<!--/column -->
<div class="col-md-6 pl-10">
<div class="form-group">
<input type="text" class="form-control" name="subject" placeholder="Subject">
</div>
<!--/.form-group -->
</div>
<!--/column -->
<div class="col-12">
<textarea name="message" class="form-control" rows="3" placeholder="Type your message here..." required=""></textarea>
<div class="space20"></div>
<button type="submit" class="btn" data-error="Fix errors" data-processing="Sending..." data-success="Thank you!">Submit</button>
<footer class="notification-box"></footer>
</div>
<!--/column -->
</div>
<!--/.row -->
</form>
<!--/.vanilla-form -->
</div>
<!--/.form-container -->
</div>
<!--/column -->
<aside class="col-md-4 sidebar">
<h2 class="section-title section-title-upper larger">Address</h2>
<p>Fusce dapibus, tellus commodo, tortor mauris condimentum utellus fermentum, porta sem malesuada magna. Sed posuere consectetur est at lobortis. Morbi leo risus, porta ac consectetur.</p>
<ul class="icon-list">
<li><i class="fa fa-map"></i>Moonshine St. 14/05 Light City</li>
<li><i class="fa fa-envelope"></i><a href="/cdn-cgi/l/email-protection#6e08071c1d1a40020f1d1a2e0b030f0702400d0103" class="nocolor"><span class="__cf_email__" data-cfemail="7e18170c0d0a50121f0d0a3e1b131f1712501d1113">[email protected]</span></a></li>
<li><i class="fa fa-phone-square"></i>+00 (123) 456 78 90 </li>
</ul>
</aside>
<!-- /column .sidebar -->
</div>
<!--/.row -->
<p class="mb-0">© 2019 Missio. All rights reserved.</p>
</div>
<!--/.box -->
</div>
<!-- /.container -->
</div>
<!-- /.wrapper -->
</div>
<!-- /.content-wrapper -->
<script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="style/js/jquery.min.js"></script>
<script src="style/js/popper.min.js"></script>
<script src="style/js/bootstrap.min.js"></script>
<script src="style/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="style/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="style/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="style/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="style/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="style/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="style/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="style/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="style/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="style/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="style/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script src="style/js/plugins.js"></script>
<script src="style/js/scripts.js"></script>
<script>
$.backstretch(["style/images/art/bg7.jpg", "style/images/art/bg8.jpg", "style/images/art/bg9.jpg"], {
duration: 5000,
fade: 1000
});
</script>
</body>
</html>
Zerion Mini Shell 1.0