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">
</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-60">
<div class="row">
<div class="col-md-8">
<div class="blog classic-view boxed">
<div class="box bg-white shadow">
<div class="post text-center">
<figure class="main rounded"><img src="style/images/art/b1.jpg" alt=""></figure>
<div class="space10"></div>
<div class="post-content text-left">
<div class="meta mb-10"><span class="category"><a href="#" class="hover color">Reflection</a></span></div>
<h1 class="post-title">Ullamcorper Ridiculus Tristique Adipiscing</h1>
<div class="meta"><span class="date">12 Nov 2017</span><span class="author">By <a href="#">Missio</a></span><span class="comments"><a href="#">2</a></span></div>
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Cras mattis consectetur purus sit amet
fermentum. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget porta ac consectetur vestibulum.</p>
<p>Donec sed odio dui consectetur adipiscing elit. Etiam adipiscing tincidunt elit, eu convallis felis suscipit ut. Phasellus rhoncus tincidunt auctor. Nullam eu sagittis mauris. Donec non dolor ac elit aliquam tincidunt at at
sapien. Aenean tortor libero, condimentum ac laoreet vitae, varius tempor nisi. Duis non arcu vel lectus urna mollis ornare vel eu leo.</p>
<div class="space10"></div>
<blockquote class="icon icon-left">
<p>Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula lacinia odio sem nec elit. Cras mattis consectetur purus sit
amet fermentum.</p>
<footer class="blockquote-footer">Very important person</footer>
</blockquote>
<div class="space10"></div>
<h3>Sit Vulputate Bibendum Purus</h3>
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Praesent
commodo cursus magna, vel scelerisque nisl consectetur et. Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
<div class="space10"></div>
<div class="light-gallery">
<figure class="overlay overlay3 rounded"><a href="style/images/art/bp1-full.jpg"><img src="style/images/art/bp1.jpg" alt=""></a></figure>
<div class="space30"></div>
<figure class="overlay overlay3 rounded"><a href="style/images/art/bp2-full.jpg"><img src="style/images/art/bp2.jpg" alt=""></a></figure>
</div>
<!-- /.light-gallery -->
<div class="clearfix"></div>
<div class="space20"></div>
<p>Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam id dolor id nibh ultricies vehicula ut id elit. Praesent commodo cursus
magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum. Cras mattis consectetur
purus sit amet fermentum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Vestibulum id ligula porta felis euismod semper. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget
lacinia odio sem nec elit. Cras mattis consectetur purus sit amet.</p>
<div class="meta tags mb-10 text-center"><a href="#">journal</a>, <a href="#">illustration</a>, <a href="#">design</a>, <a href="#">daily</a></div>
<ul class="social social-mute social-s text-center">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
<!-- /.social -->
</div>
<!-- /.post-content -->
</div>
<!-- /.post -->
<div class="divider-icon"><i class="si-photo_aperture"></i></div>
<div class="row">
<div class="col-md-4">
<figure class="rounded"><img alt="" src="style/images/art/about.jpg"></figure>
</div>
<!--/column -->
<div class="col-md-8">
<h4>About the Author</h4>
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac.</p>
<ul class="social social-color social-s">
<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>
<!--/column -->
</div>
<!--/.row -->
<div class="divider-icon"><i class="si-photo_aperture"></i></div>
<div id="comments">
<h4>4 Comments on "Tellus Adipiscing Nibh Mattis Ligula"</h4>
<ol id="singlecomments" class="commentlist">
<li>
<div class="message">
<figure class="user rounded"><img alt="" src="style/images/art/u1.jpg"></figure>
<div class="message-inner">
<div class="info">
<h6><a href="#">Connor Gibson</a></h6>
<div class="meta"> <span class="date">January 14, 2010</span><span class="reply"><a href="#">Reply</a></span> </div>
</div>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Sed posuere consectetur est at lobortis.
Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper.</p>
</div>
</div>
</li>
<li>
<div class="message">
<figure class="user rounded"><img alt="" src="style/images/art/u2.jpg"></figure>
<div class="message-inner">
<div class="info">
<h6><a href="#">Nikolas Brooten</a></h6>
<div class="meta"> <span class="date">February 21, 2010</span><span class="reply"><a href="#">Reply</a></span> </div>
</div>
<p>Quisque tristique tincidunt metus non aliquam. Quisque ac risus sit amet quam sollicitudin vestibulum vitae malesuada libero. Mauris magna elit, suscipit non ornare et, blandit a tellus. Pellentesque dignissim ornare
elit, quis mattis eros sodales ac.</p>
</div>
</div>
<ul class="children">
<li class="bypostauthor">
<div class="message">
<figure class="user rounded"><img alt="" src="style/images/art/u3.jpg"></figure>
<div class="message-inner bypostauthor">
<div class="info">
<h6><a href="#">Pearce Frye</a></h6>
<div class="meta"> <span class="date">February 22, 2010</span><span class="reply"><a href="#">Reply</a></span> </div>
</div>
<p>Cras mattis consectetur purus sit amet fermentum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Etiam porta sem malesuada magna mollis euismod. Maecenas sed diam eget risus varius blandit non.</p>
</div>
</div>
<ul class="children">
<li>
<div class="message">
<figure class="user rounded"><img alt="" src="style/images/art/u2.jpg"></figure>
<div class="message-inner">
<div class="info">
<h6><a href="#">Nikolas Brooten</a></h6>
<div class="meta"> <span class="date">April 4, 2010</span><span class="reply"><a href="#">Reply</a></span> </div>
</div>
<p>Nullam id dolor id nibh ultricies vehicula ut id. Cras mattis consectetur purus sit amet fermentum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
</div>
</div>
</li>
</ul>
</li>
</ul>
</li>
<li>
<div class="message">
<figure class="user rounded"><img alt="" src="style/images/art/u4.jpg"></figure>
<div class="message-inner">
<div class="info">
<h6><a href="#">Lou Bloxham</a></h6>
<div class="meta"> <span class="date">May 03, 2010</span><span class="reply"><a href="#">Reply</a></span> </div>
</div>
<p>Sed posuere consectetur est at lobortis. Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
</div>
</li>
</ol>
</div>
<!-- /#comments -->
<div class="divider-icon"><i class="si-photo_aperture"></i></div>
<h4>Would you like to share your thoughts?</h4>
<p>Your email address will not be published. Required fields are marked *</p>
<div class="space20"></div>
<form class="comment-form">
<div class="form-group">
<input type="text" class="form-control" placeholder="Name*">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Email*">
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Website">
</div>
<div class="form-group">
<textarea name="textarea" class="form-control" rows="5" placeholder="Enter your comment here..."></textarea>
</div>
<button type="submit" class="btn">Submit</button>
</form>
<!-- /.comment-form -->
</div>
<!-- /.box -->
</div>
<!-- /.blog -->
</div>
<!--/column -->
<aside class="col-md-4 sidebar">
<div class="sidebox widget">
<h3 class="widget-title">About Us</h3>
<figure class="rounded mb-20"><img src="style/images/art/about.jpg" alt=""></figure>
<p>Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum. Nulla vitae elit libero, a pharetra augue. Donec id elit.</p>
<ul class="social social-color social-s">
<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 class="clearfix"></div>
</div>
<!-- /.widget -->
<div class="sidebox widget">
<h3 class="widget-title">Popular Posts</h3>
<ul class="image-list">
<li>
<figure class="rounded"><a href="blog-post.html"><img src="style/images/art/a1.jpg" alt=""></a></figure>
<div class="post-content">
<h6 class="post-title"> <a href="blog-post.html">Magna Mollis Ultricies Mauris</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/a2.jpg" alt=""></a></figure>
<div class="post-content">
<h6 class="post-title"> <a href="blog-post.html">Ornare 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/a3.jpg" alt=""></a></figure>
<div class="post-content">
<h6 class="post-title"> <a href="blog-post.html">Euismod Nullam 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 class="sidebox widget">
<h3 class="widget-title">Categories</h3>
<ul class="unordered-list">
<li><a href="#">Lifestyle (21)</a></li>
<li><a href="#">Photography (19)</a></li>
<li><a href="#">Journal (16)</a></li>
<li><a href="#">Works (7)</a></li>
<li><a href="#">Conceptual (12)</a></li>
<li><a href="#">Videography (14)</a></li>
</ul>
</div>
<!-- /.widget -->
<div class="sidebox widget">
<h3 class="widget-title">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>
<li><a href="#" class="btn btn-white shadow">Macro</a></li>
<li><a href="#" class="btn btn-white shadow">Fun</a></li>
<li><a href="#" class="btn btn-white shadow">Workshop</a></li>
<li><a href="#" class="btn btn-white shadow">Photography</a></li>
</ul>
</div>
<!-- /.widget -->
<div class="sidebox widget">
<h3 class="widget-title">Search</h3>
<form class="search-form">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search something">
</div>
<!-- /.form-group -->
</form>
<!-- /.search-form -->
</div>
<!-- /.widget -->
</aside>
<!-- /column .sidebar -->
</div>
<!--/.row -->
</div>
<!-- /.container -->
</div>
<!-- /.wrapper -->
<footer class="dark-wrapper inverse-text">
<div class="container inner">
<div class="row d-md-flex align-items-md-center">
<div class="col-md-4 text-center text-md-left">
<p class="mb-0">© 2019 Missio. All rights reserved.</p>
</div>
<!--/column -->
<div class="col-md-4 text-center">
<img src="#" srcset="style/images/logo-light.png 1x, style/images/logo-light%402x.png 2x" alt="">
</div>
<!--/column -->
<div class="col-md-4 text-center text-md-right">
<ul class="social social-mute social-s mt-10">
<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>
<!--/column -->
</div>
<!--/.row -->
</div>
<!-- /.container -->
</footer>
</div>
<!-- /.content-wrapper -->
<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