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-3?family=Zilla+Slab:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style/css/font/font4.css">
</head>
<body>
<div class="content-wrapper">
<nav class="navbar center navbar-expand-lg">
<div class="container flex-lg-column">
<div class="navbar-header">
<div class="navbar-brand"><a href="index.html"><img src="#" srcset="style/images/logo.png 1x, style/images/logo%402x.png 2x" alt=""></a></div>
<div class="navbar-hamburger ml-auto d-lg-none d-xl-none"><button class="hamburger animate" data-toggle="collapse" data-target=".navbar-collapse"><span></span></button></div>
</div>
<!-- /.navbar-header -->
<div class="navbar-collapse collapse w-100 bg-light">
<ul class="navbar-nav nav-fill w-100">
<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>
</div>
</div>
</nav>
<div class="wrapper light-wrapper">
<div class="container inner pt-70">
<h1 class="heading text-center">Font: Zilla Slab</h1>
<h2 class="sub-heading2 text-center">Example page for the font Zilla Slab</h2>
<div class="space50"></div>
<div class="row d-flex align-items-center">
<div class="col-lg-4">
<h2 class="section-title">My Specialties</h2>
<p class="lead">I'd like to give you a unique photography experience, capture your products with excellent composition and lighting skills.</p>
<p>Etiam porta sem malesuada magna mollis euismod. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus.</p>
</div>
<!--/column -->
<div class="space10 d-none d-md-block d-lg-none"></div>
<div class="col-lg-8 pl-lg-5">
<div class="row text-center">
<div class="col-md-6">
<div class="box bg-white shadow">
<div class="icon fs-50 icon-color color-default mb-20"> <i class="si-love_wedding-cake"></i> </div>
<h5>Wedding Photography</h5>
<p>Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p>
</div>
<!--/.box -->
</div>
<!--/column -->
<div class="col-md-6">
<div class="box bg-white shadow">
<div class="icon fs-50 icon-color color-default mb-20"> <i class="si-love_diamond"></i> </div>
<h5>Jewelry Photography</h5>
<p>Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p>
</div>
<!--/.box -->
</div>
<!--/column -->
<div class="space30"></div>
<div class="col-md-6">
<div class="box bg-white shadow">
<div class="icon fs-50 icon-color color-default mb-20"> <i class="si-cafe_fork-spoon-knife"></i> </div>
<h5>Food Photography</h5>
<p>Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p>
</div>
<!--/.box -->
</div>
<!--/column -->
<div class="col-md-6">
<div class="box bg-white shadow">
<div class="icon fs-50 icon-color color-default mb-20"> <i class="si-clothes_lady-bag-3"></i> </div>
<h5>Fashion Photography</h5>
<p>Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus. Cras justo.</p>
</div>
<!--/.box -->
</div>
<!--/column -->
</div>
<!--/.row -->
</div>
<!--/column -->
</div>
<!--/.row -->
</div>
<!-- /.container -->
</div>
<!-- /.wrapper -->
<div class="wrapper image-wrapper bg-image inverse-text" data-image-src="style/images/art/bg13.jpg">
<div class="container inner pt-120 pb-120 text-center">
<div class="row">
<div class="col-md-10 offset-md-1">
<h2 class="section-title text-center">About My Story</h2>
<p class="lead text-center">Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Donec sed odio dui. Duis mollis, est non commodo luctus,
nisi erat porttitor ligula, eget lacinia odio sem nec elit. Curabitur blandit tempus porttitor donec sed.</p>
<div class="space15"></div>
<a href="about.html" class="btn btn-white shadow">Continue Reading</a>
</div>
<!-- /column -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.wrapper -->
<div class="wrapper light-wrapper">
<div class="container inner">
<div class="row">
<div class="col-md-4">
<h4 class="mb-20">My Skills</h4>
<ul class="progress-list">
<li>
<p>Photoshop</p>
<div class="progressbar line default" data-value="90"></div>
</li>
<li>
<p>Final Cut</p>
<div class="progressbar line default" data-value="80"></div>
</li>
<li>
<p>Studio Photography</p>
<div class="progressbar line default" data-value="85"></div>
</li>
<li>
<p>Motion Video</p>
<div class="progressbar line default" data-value="65"></div>
</li>
</ul>
<!-- /.progress-list -->
</div>
<!--/column -->
<div class="col-md-4">
<h4 class="mb-20">My Process</h4>
<p>Duis mollis, est non commodo luctus, nisi porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Pellentesque ornare sem. Nullam id dolor id nibh ultricies vehicula ut id elit ullamcorper.</p>
<ol>
<li>Vivamus sagittis lacus vel augue laoreet.</li>
<li>Cras mattis consectetur purus sit amet.</li>
<li>Vestibulum id ligula porta felis euismod.</li>
<li>Nulla vitae elit libero, a pharetra augue.</li>
</ol>
</div>
<!--/column -->
<div class="col-md-4">
<h4 class="mb-20">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>
<li>Wondlan Wer01 Wireless Slider Time Lapse</li>
<li>Nikon D5 24-70mm F2.8</li>
<li>Nikon Af-S 24Mm F/1.4G Ed Lens</li>
<li>Wondlan Sniper Sn 2.1 Wf Wireless Dslr Rig</li>
</ul>
</div>
<!--/column -->
</div>
<!--/.row -->
</div>
<!-- /.container -->
</div>
<!-- /.wrapper -->
<div class="wrapper gray-wrapper">
<div class="container inner">
<h2 class="section-title text-center">From My Journal</h2>
<div class="cube-carousel cbp grid-view boxed">
<div class="cbp-item">
<div class="box bg-white shadow p-30">
<figure class="main mb-30 overlay overlay1 rounded"><a href="#"> <img src="style/images/art/gb12.jpg" alt=""></a>
<figcaption>
<h5 class="text-uppercase from-top mb-0">Read More</h5>
</figcaption>
</figure>
<div class="meta mb-10"><span class="category"><a href="#" class="hover color">Reflection</a></span></div>
<h2 class="post-title"><a href="blog-post.html">Ligula tristique quis risus eget urna mollis ornare</a></h2>
<div class="post-content">
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cum sociis natoque.</p>
</div>
<!-- /.post-content -->
<hr>
<div class="meta meta-footer d-flex justify-content-between mb-0"><span class="date">5 Jul 2018</span><span class="comments"><a href="#">3</a></span></div>
</div>
<!-- /.box -->
</div>
<!-- /.cbp-item -->
<div class="cbp-item">
<div class="box bg-white shadow p-30">
<figure class="main mb-30 overlay overlay1 rounded"><a href="#"> <img src="style/images/art/gb13.jpg" alt=""></a>
<figcaption>
<h5 class="text-uppercase from-top mb-0">Read More</h5>
</figcaption>
</figure>
<div class="meta mb-10"><span class="category"><a href="#" class="hover color">Entertainment</a></span></div>
<h2 class="post-title"><a href="blog-post.html">Nullam id dolor elit id nibh pharetra augue venenatis</a></h2>
<div class="post-content">
<p>Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante porttitor mollis sagittis lacus.</p>
</div>
<!-- /.post-content -->
<hr>
<div class="meta meta-footer d-flex justify-content-between mb-0"><span class="date">18 Jun 2018</span><span class="comments"><a href="#">5</a></span></div>
</div>
<!-- /.box -->
</div>
<!-- /.cbp-item -->
<div class="cbp-item">
<div class="box bg-white shadow p-30">
<figure class="main mb-30 overlay overlay1 rounded"><a href="#"> <img src="style/images/art/gb14.jpg" alt=""></a>
<figcaption>
<h5 class="text-uppercase from-top mb-0">Read More</h5>
</figcaption>
</figure>
<div class="meta mb-10"><span class="category"><a href="#" class="hover color">Travel</a></span></div>
<h2 class="post-title"><a href="blog-post.html">Ultricies fusce porta elit pharetra augue faucibus</a></h2>
<div class="post-content">
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Maecenas faucibus. Tellus vulputate non magna.</p>
</div>
<!-- /.post-content -->
<hr>
<div class="meta meta-footer d-flex justify-content-between mb-0"><span class="date">14 May 2018</span><span class="comments"><a href="#">7</a></span></div>
</div>
<!-- /.box -->
</div>
<!-- /.cbp-item -->
<div class="cbp-item">
<div class="box bg-white shadow p-30">
<figure class="main mb-30 overlay overlay1 rounded"><a href="#"> <img src="style/images/art/gb15.jpg" alt=""></a>
<figcaption>
<h5 class="text-uppercase from-top mb-0">Read More</h5>
</figcaption>
</figure>
<div class="meta mb-10"><span class="category"><a href="#" class="hover color">Beach</a></span></div>
<h2 class="post-title"><a href="blog-post.html">Morbi leo risus porta eget metus est non gravida</a></h2>
<div class="post-content">
<p>Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui. Curabitur blandit tempus.</p>
</div>
<!-- /.post-content -->
<hr>
<div class="meta meta-footer d-flex justify-content-between mb-0"><span class="date">9 Apr 2018</span><span class="comments"><a href="#">4</a></span></div>
</div>
<!-- /.box -->
</div>
<!-- /.cbp-item -->
<div class="cbp-item">
<div class="box bg-white shadow p-30">
<figure class="main mb-30 overlay overlay1 rounded"><a href="#"> <img src="style/images/art/gb16.jpg" alt=""></a>
<figcaption>
<h5 class="text-uppercase from-top mb-0">Read More</h5>
</figcaption>
</figure>
<div class="meta mb-10"><span class="category"><a href="#" class="hover color">Travel</a></span></div>
<h2 class="post-title"><a href="blog-post.html">Mollis adipiscing lorem quis mollis eget lacinia faucibus</a></h2>
<div class="post-content">
<p>Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor rutrum.</p>
</div>
<!-- /.post-content -->
<hr>
<div class="meta meta-footer d-flex justify-content-between mb-0"><span class="date">23 Feb 2018</span><span class="comments"><a href="#">8</a></span></div>
</div>
<!-- /.box -->
</div>
<!-- /.cbp-item -->
<div class="cbp-item">
<div class="box bg-white shadow p-30">
<figure class="main mb-30 overlay overlay1 rounded"><a href="#"> <img src="style/images/art/gb17.jpg" alt=""></a>
<figcaption>
<h5 class="text-uppercase from-top mb-0">Read More</h5>
</figcaption>
</figure>
<div class="meta mb-10"><span class="category"><a href="#" class="hover color">Building</a></span></div>
<h2 class="post-title"><a href="blog-post.html">Fusce mattis euismod sed diam eget risus amet</a></h2>
<div class="post-content">
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Curabitur blandit tempus porttitor nullam dolor.</p>
</div>
<!-- /.post-content -->
<hr>
<div class="meta meta-footer d-flex justify-content-between mb-0"><span class="date">15 Jan 2018</span><span class="comments"><a href="#">7</a></span></div>
</div>
<!-- /.box -->
</div>
<!-- /.cbp-item -->
<div class="cbp-item">
<div class="box bg-white shadow p-30">
<figure class="main mb-30 overlay overlay1 rounded"><a href="#"> <img src="style/images/art/gb18.jpg" alt=""></a>
<figcaption>
<h5 class="text-uppercase from-top mb-0">Read More</h5>
</figcaption>
</figure>
<div class="meta mb-10"><span class="category"><a href="#" class="hover color">Travel</a></span></div>
<h2 class="post-title"><a href="blog-post.html">Tellus vulputate non magna eget urna mollis lacinia</a></h2>
<div class="post-content">
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam quis risus.</p>
</div>
<!-- /.post-content -->
<hr>
<div class="meta meta-footer d-flex justify-content-between mb-0"><span class="date">12 Dec 2017</span><span class="comments"><a href="#">3</a></span></div>
</div>
<!-- /.box -->
</div>
<!-- /.cbp-item -->
</div>
<!-- /.cbp -->
</div>
<!-- /.container -->
</div>
<!-- /.wrapper -->
<div class="wrapper image-wrapper bg-image inverse-text" data-image-src="style/images/art/bg12.jpg">
<div class="container inner pt-120 pb-120 text-center">
<div class="row">
<div class="col-lg-10 offset-lg-1 col-xl-8 offset-xl-2">
<h2 class="section-title text-center">Request Photography Pricing</h2>
<p class="lead text-center">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
<div class="space20"></div>
<form class="form-inline justify-content-center">
<label class="sr-only" for="inlineFormInputName">Name</label>
<input type="text" class="form-control mb-20 mb-md-0 mr-sm-2" id="inlineFormInputName" placeholder="Name">
<label class="sr-only" for="inlineFormInputName">Email</label>
<input type="email" class="form-control mb-20 mb-md-0 mr-sm-2" id="inlineFormEmail" placeholder="Email">
<button type="submit" class="btn btn-white shadow mb-20 mb-md-0 ml-2 ml-md-0">Submit</button>
</form>
<!-- /form -->
</div>
<!-- /column -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.wrapper -->
<div class="wrapper light-wrapper">
<div class="container inner">
<h2 class="section-title text-center">Prices</h2>
<p class="lead larger text-center">Awesome deals with simple pricing model are here! We offer great prices,<br class="d-none d-xl-block"> premium products and quality service for your business.</p>
<div class="space30"></div>
<div class="row">
<div class="col-md-4">
<div class="pricing panel box bg-white shadow">
<div class="panel-heading">
<h4 class="panel-title">Basic Plan</h4>
<div class="price color-dark"> <span class="price-currency">$</span><span class="price-value">35</span> <span class="price-duration">year</span></div>
</div>
<!--/.panel-heading -->
<div class="panel-body">
<table class="table">
<tr>
<td><strong>1</strong> Project </td>
</tr>
<tr>
<td><strong>100K</strong> API Access </td>
</tr>
<tr>
<td><strong>100MB</strong> Storage </td>
</tr>
<tr>
<td> Custom <strong>Cloud</strong> Services </td>
</tr>
<tr>
<td> Weekly <strong>Reports</strong></td>
</tr>
<tr>
<td> 7/24 <strong>Support</strong></td>
</tr>
</table>
</div>
<!--/.panel-body -->
<div class="panel-footer"> <a href="#" class="btn shadow mb-10" role="button">Choose Plan</a></div>
</div>
<!--/.pricing -->
</div>
<!--/column -->
<div class="col-md-4">
<div class="pricing panel box bg-white shadow">
<div class="panel-heading">
<h4 class="panel-title">Premium Plan</h4>
<div class="price color-dark"> <span class="price-currency">$</span><span class="price-value">45</span> <span class="price-duration">year</span></div>
</div>
<!--/.panel-heading -->
<div class="panel-body">
<table class="table">
<tr>
<td><strong>5</strong> Projects </td>
</tr>
<tr>
<td><strong>100K</strong> API Access </td>
</tr>
<tr>
<td><strong>200MB</strong> Storage </td>
</tr>
<tr>
<td> Custom <strong>Cloud</strong> Services </td>
</tr>
<tr>
<td> Weekly <strong>Reports</strong></td>
</tr>
<tr>
<td> 7/24 <strong>Support</strong></td>
</tr>
</table>
</div>
<!--/.panel-body -->
<div class="panel-footer"> <a href="#" class="btn shadow mb-10" role="button">Choose Plan</a></div>
</div>
<!--/.pricing -->
</div>
<!--/column -->
<div class="col-md-4">
<div class="pricing panel box bg-white shadow">
<div class="panel-heading">
<h4 class="panel-title">Corporate Plan</h4>
<div class="price color-dark"> <span class="price-currency">$</span><span class="price-value">55</span> <span class="price-duration">year</span></div>
</div>
<!--/.panel-heading -->
<div class="panel-body">
<table class="table">
<tr>
<td><strong>20</strong> Projects </td>
</tr>
<tr>
<td><strong>300K</strong> API Access </td>
</tr>
<tr>
<td><strong>500MB</strong> Storage </td>
</tr>
<tr>
<td> Custom <strong>Cloud</strong> Services </td>
</tr>
<tr>
<td> Weekly <strong>Reports</strong></td>
</tr>
<tr>
<td> 7/24 <strong>Support</strong></td>
</tr>
</table>
</div>
<!--/.panel-body -->
<div class="panel-footer"> <a href="#" class="btn shadow mb-10" role="button">Choose Plan</a></div>
</div>
<!--/.pricing -->
</div>
<!--/column -->
</div>
<!--/.row -->
</div>
<!-- /.container -->
</div>
<!-- /.wrapper -->
<div class="wrapper bg-pastel-default">
<div class="container inner text-center">
<h2 class="sub-heading text-center">Let's make something great together.</h2>
<div class="space10"></div>
<a href="#" class="btn btn-white shadow">Get in Touch</a>
</div>
<!-- /.container -->
</div>
<!-- /.wrapper -->
<footer class="wrapper dark-wrapper inverse-text">
<div class="container inner">
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="widget">
<h3 class="widget-title text-uppercase">Popular Posts</h3>
<ul class="image-list">
<li>
<figure class="rounded"><a href="blog-post.html"><img src="style/images/art/a10.jpg" alt=""></a></figure>
<div class="post-content">
<h6 class="post-title"> <a href="blog-post.html">Magna Mollis Ornare</a> </h6>
<div class="meta"><span class="date">12 Nov 2014</span><span class="comments"><a href="#">4</a></span></div>
</div>
</li>
<li>
<figure class="rounded"> <a href="blog-post.html"><img src="style/images/art/a11.jpg" alt=""></a></figure>
<div class="post-content">
<h6 class="post-title"> <a href="blog-post.html">Nullam Risus Cursus</a> </h6>
<div class="meta"><span class="date">12 Nov 2014</span><span class="comments"><a href="#">4</a></span></div>
</div>
</li>
<li>
<figure class="rounded"><a href="blog-post.html"><img src="style/images/art/a12.jpg" alt=""></a></figure>
<div class="post-content">
<h6 class="post-title"> <a href="blog-post.html">Blandit Tempus Fusce</a> </h6>
<div class="meta"><span class="date">12 Nov 2014</span><span class="comments"><a href="#">4</a></span></div>
</div>
</li>
</ul>
<!-- /.image-list -->
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="col-md-6 col-lg-3">
<div class="widget">
<h3 class="widget-title text-uppercase">Tags</h3>
<ul class="list-unstyled tag-list">
<li><a href="#" class="btn btn-white shadow">Still Life</a></li>
<li><a href="#" class="btn btn-white shadow">Urban</a></li>
<li><a href="#" class="btn btn-white shadow">Nature</a></li>
<li><a href="#" class="btn btn-white shadow">Landscape</a></li>
</ul>
</div>
<div class="widget">
<h3 class="widget-title text-uppercase">Categories</h3>
<ul class="unordered-list column-2">
<li><a href="#" class="nocolor">Lifestyle (21)</a></li>
<li><a href="#" class="nocolor">Photo (19)</a></li>
<li><a href="#" class="nocolor">Journal (16)</a></li>
<li><a href="#" class="nocolor">Works (7)</a></li>
<li><a href="#" class="nocolor">Still Life (9)</a></li>
<li><a href="#" class="nocolor">Travel (17)</a></li>
</ul>
</div>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="col-md-6 col-lg-3">
<div class="widget">
<h3 class="widget-title text-uppercase">Get in Touch</h3>
<address>
<strong>Missio, Inc.</strong><br> Moon Street Light Avenue, 14/05 <br> Jupiter, JP 80630<br>
<abbr title="Phone">P:</abbr> 00 (123) 456 78 90 <br>
<abbr title="Email">E:</abbr> <a href="/cdn-cgi/l/email-protection#d9fa" class="nocolor"><span class="__cf_email__" data-cfemail="1974706a6a7076597c74787075377a7674">[email protected]</span></a>
</address>
</div>
<!-- /.widget -->
<div class="widget">
<h3 class="widget-title text-uppercase">Elsewhere</h3>
<ul class="social social-mute social-s mt-10 mb-0">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></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>
<!-- /.widget -->
</div>
<!-- /column -->
<div class="col-md-6 col-lg-3">
<div class="widget">
<h3 class="widget-title text-uppercase">Learn More</h3>
<ul class="list-unstyled">
<li><a href="#" class="nocolor">About Us</a></li>
<li><a href="#" class="nocolor">Our Story</a></li>
<li><a href="#" class="nocolor">Projects</a></li>
</ul>
</div>
<!-- /.widget -->
<div class="widget">
<h3 class="widget-title text-uppercase">Need Help?</h3>
<ul class="list-unstyled">
<li><a href="#" class="nocolor">Support</a></li>
<li><a href="#" class="nocolor">Get Started</a></li>
<li><a href="#" class="nocolor">Contact Us</a></li>
</ul>
</div>
<!-- /.widget -->
</div>
<!-- /column -->
</div>
<!--/.row -->
<div class="space30"></div>
<p class="text-center mb-0">© 2019 Missio. All rights reserved.</p>
</div>
<!-- /.container -->
</footer>
</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>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems! The following part can be removed on Server for On Demand Loading) -->
<!--<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.still-life.min.js"></script>-->
<script src="style/js/plugins.js"></script>
<script src="style/js/scripts.js"></script>
</body>
</html>
Zerion Mini Shell 1.0