uix-kit
Version:
A free web kits for fast web design and development, compatible with Bootstrap v5.
981 lines (718 loc) • 40.9 kB
HTML
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8" />
<title>Single Post - Uix Kit</title>
<!-- Compatibility Settings
============================================= -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Compatibility Settings end -->
<!-- Web Fonts
============================================= -->
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800" rel="stylesheet"> -->
<!-- Web Fonts end -->
<!-- Core & Theme CSS
============================================= -->
<!-- Basic -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css?ver=5.2.3" media="all"/>
<link rel="stylesheet" href="assets/css/video.min.css?ver=7.4.1" media="all"/>
<!-- Icons -->
<link rel="stylesheet" href="assets/fonts/fontawesome/css/all.min.css?ver=5.7.0">
<link rel="stylesheet" href="assets/fonts/fontawesome/css/v4-shims.min.css?ver=5.7.0">
<!-- Theme -->
<link rel="stylesheet" href="../dist/css/uix-kit.min.css?ver=uh5PimsX5pCOzKKL4Rrv"/>
<!--[if lt IE 10]>
<link rel="stylesheet" href="assets/css/IE.css?ver=uh5PimsX5pCOzKKL4Rrv" />
<![endif]-->
<!-- Core & Theme CSS end -->
<!-- Vendor
============================================= -->
<script src="assets/js/min/jquery.min.js?ver=3.6.1"></script>
<script src="assets/js/min/modernizr.min.js?ver=3.5.0"></script>
<!-- Vendor end -->
<!-- Break free from CSS prefix hell!
============================================= -->
<script src="assets/js/min/prefixfree.min.js?ver=1.0.7"></script>
<!-- SEO
============================================= -->
<meta name="description" content="A free web kits for fast web design and development, compatible with Bootstrap v5.">
<meta name="generator" content="Uix Kit" />
<meta name="author" content="UIUX Lab">
<!-- SEO end -->
<!-- Favicons
============================================= -->
<link rel="icon" href="assets/images/favicon/favicon-32x32.png" type="image/x-icon">
<link rel="shortcut icon" href="assets/images/favicon/favicon-32x32.png" sizes="32x32">
<link rel="apple-touch-icon" href="assets/images/favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/apple-touch-icon-114x114.png">
<!-- Favicons end -->
</head>
<body class="page">
<!-- Loader
============================================= -->
<div class="uix-loader">
<!--[if lt IE 10]>
<span>Loading...</span>
<![endif]-->
<svg class="uix-loader__spinner is-hide-IE" viewBox="0 0 52 52">
<path d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z"></path>
</svg>
</div>
<div class="uix-loader-progress" data-txt="{progress}%"><span>0%</span></div>
<div class="uix-loader-progress__line"></div>
<!-- .uix-loader end -->
<!-- Mobile Menu Toggle Trigger
============================================= -->
<div class="uix-menu-mobile__toggle">
<span></span>
<span></span>
<span></span>
</div>
<div class="uix-menu-mobile__mask"></div>
<!-- .uix-menu-mobile__toggle end -->
<div class="uix-wrapper">
<!-- Header Area
============================================= -->
<header class="uix-header__container">
<div class="uix-header">
<div class="container">
<div class="uix-brand">
<a href="index.html"><img src="assets/images/logo.png" alt="Uix Kit"></a>
</div>
<!-- .uix-brand end -->
<!-- Navigation Start-->
<nav class="uix-menu__container">
<div class="uix-menu__inner">
<span class="uix-brand--mobile"><img src="assets/images/logo-colorful.png" alt="Uix Kit"></span>
<ul class="uix-menu">
<li class="multi-column current-menu-item is-active"><a href="index.html">Components</a>
<ul class="sub-menu">
<li>
<span class="multi-column-title">Web Elements (Basic)</span>
<ul class="sub-menu">
<li><a href="helper-classes.html">Helper Classes</a></li>
<li><a href="uix-grid.html">Uix Grid</a></li>
<li><a href="bootstrap-grid.html">Bootstrap Grid</a></li>
<li><a href="bootstrap-24-grid.html">Bootstrap 24 Grid</a></li>
<li><a href="blended-grid-layout.html">Blended Grid</a></li>
<li><a href="gallery-grid-layout.html">Gallery Grid</a></li>
<li><a href="spacing.html">Spacing</a></li>
<li><a href="material-container.html">Material Container</a></li>
<li><a href="striking.html">Striking</a></li>
<li><a href="button.html">Buttons</a></li>
<li><a href="overlay.html">Overlay</a></li>
<li><a href="video.html">Video</a></li>
<li><a href="video-background.html">Video BG</a></li>
<li><a href="heading.html">Heading</a></li>
<li><a href="dividing-line.html">Dividing Line</a></li>
<li><a href="images.html">Images</a></li>
<li><a href="responsive-images.html">Responsive Images</a></li>
<li><a href="background-interaction.html">Background</a></li>
<li><a href="parallax.html">Parallax</a></li>
<li><a href="parallax2.html">Parallax 2</a></li>
<li><a href="vertical-centering.html">Vertical Centering</a></li>
<li><a href="equal-width-columns.html">Equal-width Columns</a></li>
<li><a href="equal-height-columns.html">Equal-height Columns</a></li>
<li><a href="align-wide-and-full-element.html">Align Wide/Full Element</a><span class="uix-bubble">new</span></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Web Elements (Part 1)</span>
<ul class="sub-menu">
<li><a href="toast.html">Toast</a><span class="uix-bubble">new</span></li>
<li><a href="navs.html">Navs</a></li>
<li><a href="breadcrumbs.html">Breadcrumbs</a></li>
<li><a href="lightbox.html">Lightbox</a></li>
<li><a href="modal-dialog.html">Modal Dialog</a></li>
<li><a href="modal-dialog-auto.html">Modal Dialog Auto-open</a></li>
<li><a href="social-meida-icons.html">Social Media Icons</a></li>
<li><a href="form.html">Form Elements</a></li>
<li><a href="form2.html">Form Elements 2</a></li>
<li><a href="form-layout.html">Form Layout</a></li>
<li><a href="form-progress.html">Form Progress</a></li>
<li><a href="counter.html">Counter</a></li>
<li><a href="progress-bar.html">Progress Bar</a></li>
<li><a href="progress-line.html">Progress Line</a></li>
<li><a href="vertical-text.html">Vertical Text</a></li>
<li><a href="circle-text.html">Circle Text</a></li>
<li><a href="coach-mark.html">Coach Mark</a></li>
<li><a href="separator-of-rule-with-text.html">Separator of Rule With Text</a></li>
<li><a href="wave-background.html">Wave Background</a></li>
<li><a href="shape-animation.html">Shape Animation</a></li>
<li><a href="image-animation.html">Image Animation</a></li>
<li><a href="svg-map.html">SVG Map</a></li>
<li><a href="floating-side-element.html">Floating Side Element</a></li>
<li><a href="infinite-scrolling-element.html">Infinite Scrolling Element</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Web Elements (Part 2)</span>
<ul class="sub-menu">
<li><a href="tooltip.html">Tooltip</a></li>
<li><a href="ribbon.html">Ribbon</a></li>
<li><a href="footer-templates.html">Footer Templates</a></li>
<li><a href="login-templates.html">Login Templates</a><span class="uix-bubble">new</span></li>
<li><a href="pagination.html">Pagination</a></li>
<li><a href="badges.html">Badges</a></li>
<li><a href="mouse-animation-scroll.html">Mouse Animation Scroll</a></li>
<li><a href="periodical-scroll.html">Periodical Scroll</a></li>
<li><a href="image-shapes.html">Image Shapes</a></li>
<li><a href="rotating-elements.html">Rotating Elements</a></li>
<li><a href="dotted-line.html">Dotted Line</a></li>
<li><a href="swiper.html">Swiper<small style="font-size: 10px;background: #51B801; color:#fff; border-radius: 5px;padding: 2px 3px;display: inline-block;margin-left: 3px;">Third-party plugin</small></a></li>
<li><a href="advanced-slider.html">Advanced Slider (Basic)</a></li>
<li><a href="advanced-slider-brightness.html">Advanced Slider Brightness</a></li>
<li><a href="advanced-slider-liquid.html">Advanced Slider Liquid</a></li>
<li><a href="advanced-slider-liquid2.html">Advanced Slider Liquid 2</a></li>
<li><a href="advanced-slider-liquid3.html">Advanced Slider Liquid 3</a></li>
<li><a href="advanced-slider-parallax.html">Advanced Slider Parallax</a></li>
<li><a href="hybrid-content-slider.html">Hybrid Content Slider</a><span class="uix-bubble">new</span></li>
<li><a href="svg-mask-slider.html">SVG Mask Slider</a><span class="uix-bubble">new</span></li>
<li><a href="3D-explosive-particle-slider.html">3D Explosive Particle Slider</a></li>
<li><a href="3D-liquid-scrollspy-slider.html">3D Liquid Scrollspy Slider</a><span class="uix-bubble">new</span></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Contents (Part 1)</span>
<ul class="sub-menu">
<li><a href="content-placeholder-animated.html">Content Placeholder Animated</a></li>
<li><a href="list-posts.html">Posts List</a></li>
<li><a href="fullwidth-column-to-edge.html">Full Width Column to Edge</a><span class="uix-bubble">new</span></li>
<li><a href="list-side-by-side.html">Side by Side List</a></li>
<li><a href="list-side-by-side-img.html">Side by Side List With Photo</a></li>
<li><a href="list-bulleted.html">Bulleted List</a></li>
<li><a href="list-brands.html">Brands List</a></li>
<li><a href="list-maintain-aspect-ratio.html">Maintain Aspect Ratio List</a></li>
<li><a href="single-post.html">Single Post</a></li>
<li><a href="sidebar.html">Sidebar</a></li>
<li><a href="contact.html">Contact Form With Map</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
<li><a href="tabs.html">Tabs</a></li>
<li><a href="accordion.html">Accordion</a></li>
<li><a href="accordion-img.html">Accordion Background Images</a></li>
<li><a href="gallery.html">Gallery Normal</a></li>
<li><a href="gallery-filter.html">Gallery Filterable</a></li>
<li><a href="gallery-masonry.html">Gallery Masonry</a></li>
<li><a href="gallery-masonry-ajax.html">Gallery Masonry With Ajax</a><span class="uix-bubble">new</span></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Contents (Part 2)</span>
<ul class="sub-menu">
<li><a href="card.html">Cards</a></li>
<li><a href="table-series.html">Table</a></li>
<li><a href="table-sorter.html">Table Sorter</a></li>
<li><a href="timeline.html">Timeline</a></li>
<li><a href="multi-items-carousel.html">Multiple Items Carousel</a></li>
<li><a href="team-fullwidth.html">Team Fullwidth</a></li>
<li><a href="team-grid.html">Team Grid</a></li>
<li><a href="team-focus.html">Team Focus</a></li>
<li><a href="circle-layout.html">Circle Layout</a></li>
<li><a href="3D-carousel.html">3D Carousel</a></li>
<li><a href="3D-gallery.html">3D Gallery (threejs)</a></li>
<li><a href="cascading-dropdown-list.html">Cascading DropDown List</a><span class="uix-bubble">new</span></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Interaction (Part 1)</span>
<ul class="sub-menu">
<li><a href="sticky-elements.html">Sticky Elements</a></li>
<li><a href="scroll-reveal.html">Scroll Reveal</a></li>
<li><a href="scrollspy-animate.html">Scrollspy Animate</a><span class="uix-bubble">new</span></li>
<li><a href="skew-on-scroll.html">Skew on Scroll</a><span class="uix-bubble">new</span></li>
<li><a href="text-effect.html">Text Effect</a><span class="uix-bubble">new</span></li>
<li><a href="smooth-scrolling-page.html">Smooth Scrolling Page</a></li>
<li><a href="list-posts-with-ajax.html">Ajax Load Posts</a></li>
<li><a href="list-posts-with-ajax2.html">Ajax Load Posts 2</a></li>
<li><a href="list-posts-with-ajax-infinitescroll.html">Infinite Scroll Posts</a></li>
<li><a href="show-more-less.html">Show More Less</a></li>
<li><a href="mousewheel-interaction.html">Mousewheel Interaction</a></li>
<li><a href="hover-delay-interaction.html">Hover Delay Interaction</a></li>
<li><a href="one-page.html">Full Page/One Page</a></li>
<li><a href="one-page2.html">Full Page/One Page 2</a></li>
<li><a href="ajax-page-loader.html">Ajax Page Loader</a></li>
<li><a href="ajax-push-content.html">Ajax Push Content</a></li>
<li><a href="3D-background.html">3D Background</a></li>
<li><a href="3D-background-three.html">3D Background 1 (threejs)</a></li>
<li><a href="3D-background-three2.html">3D Background 2 (threejs)</a></li>
<li><a href="3D-background-three3.html">3D Background 3 (threejs)</a></li>
<li><a href="3D-simulate-html-layout.html">Simulate HTML Layout (threejs)</a></li>
</ul>
<!-- .sub-menu end -->
</li>
<li>
<span class="multi-column-title">Interaction (Part 2)</span>
<ul class="sub-menu">
<li><a href="3D-pages.html">3D Pages</a></li>
<li><a href="3D-particle-effect.html">3D Particle Effect</a></li>
<li><a href="3D-sphere-three.html">3D Sphere Rotation</a></li>
<li><a href="3D-obj-anim-interaction.html">3D Object Anim Interaction</a></li>
<li><a href="3D-image-transition.html">3D Image Transition (threejs)</a></li>
<li><a href="3D-mouse-interaction.html">3D Mouse Interaction (threejs)</a></li>
<li><a href="3D-mouse-interaction2.html">3D Mouse Interaction2 (threejs)</a></li>
<li><a href="3D-model.html">3D Model</a></li>
<li><a href="3D-filmic-effects.html">3D Filmic Effects</a><span class="uix-bubble">new</span></li>
</ul>
<!-- .sub-menu end -->
</li>
</ul>
</li>
<li><a href="#">Menu</a>
<ul class="sub-menu">
<li><a href="mega-menu.html">Mega Menu</a></li>
<li><a href="mega-menu-rtl.html">Mega Menu(RTL)</a></li>
<li><a href="dropdown-menu.html">Dropdown Menu</a></li>
<li><a href="dropdown-menu2.html">Dropdown Menu 2(Multi-level)</a></li>
<li><a href="vertical-menu.html" target="_blank">Vertical Menu</a></li>
<li><a href="lava-lamp-style-menu.html">Lava-Lamp Style Menu</a><span class="uix-bubble">new</span></li>
</ul>
<!-- .sub-menu end -->
</li>
<li><a href="typography.html">Typography</a>
<ul class="sub-menu">
<li><a href="typography.html">LTR</a></li>
<li><a href="typography-rtl.html">RTL</a></li>
<li><a href="typography-cn.html">中文</a></li>
</ul>
</li>
<li><a href="sample-page-1.html">Sample Pages</a>
<ul class="sub-menu">
<li><a href="sample-page-1.html">Sample Page 1</a></li>
<li><a href="sample-page-2.html">Sample Page 2</a></li>
</ul>
</li>
</ul>
<div class="uix-menu__right-box">
<a class="uix-social-btn uix-social-btn--small uix-social-btn--circle uix-social-btn--thin uix-social-btn--white" title="Follow us on Twitter" href="https://twitter.com/uiux_lab" target="_blank">
<i class="fa fa-twitter"></i>
</a>
<a class="uix-social-btn uix-social-btn--small uix-social-btn--circle uix-social-btn--thin uix-social-btn--white" title="Follow us on Facebook" href="https://www.facebook.com/uiuxlabhome" target="_blank">
<i class="fa fa-facebook"></i>
</a>
<a class="uix-social-btn uix-social-btn--small uix-social-btn--circle uix-social-btn--thin uix-social-btn--white" title="Fork on Github" href="https://github.com/xizon/uix-kit" target="_blank">
<i class="fa fa-github"></i>
</a>
</div>
</div><!-- /.uix-menu__inner -->
</nav>
<!-- .uix-menu__container end -->
</div>
<!-- .container end -->
<div class="uix-clearfix"></div>
</div>
</header>
<div class="uix-header__placeholder js-uix-header__placeholder-autoheight"></div>
<main id="uix-maincontent">
<!-- Content
====================================================== -->
<section class="uix-spacing--s uix-spacing--no-top">
<div class="uix-parallax uix-typo--color-white uix-height--50" data-fully-visible="false" data-offset-top="0" data-overlay-bg="rgba(0,0,0,.6)" data-skew="0" data-speed="0.3">
<img class="uix-parallax__img" src="assets/images/demo/test-img-big-1.jpg" alt="">
<div class="uix-v-align--absolute uix-t-c">
<div class="row">
<div class="col-12">
<h1 class="uix-typo--h2">Example: Single Post Title Here</h1>
<ul class="uix-entry__meta uix-entry__meta--centered">
<li><time datetime="2018-09-17">September 17, 2018</time></li>
<li>by <a href="#">admin</a></li>
<li><a href="#">General</a>, <a href="#">Media</a></li>
<li><a href="#">43 Comments</a></li>
</ul><!-- .uix-entry__meta end -->
</div>
</div>
<!-- .row end -->
</div>
</div>
</section>
<!-- Content
====================================================== -->
<section class="uix-spacing--s uix-spacing--no-top">
<div class="uix-parallax uix-typo--color-white uix-height--50" data-fully-visible="false" data-offset-top="0" data-overlay-bg="rgba(0,0,0,.6)" data-skew="0" data-speed="0.3">
<img class="uix-parallax__img" src="assets/images/demo/test-img-big-1.jpg" alt="">
<div class="uix-v-align--absolute uix-t-c">
<div class="row">
<div class="col-12">
<h1 class="uix-typo--h2">Example: Single Post Title Here</h1>
<ul class="uix-entry__meta uix-entry__meta--centered uix-entry__meta--wrap uix-typo--style-noitalic uix-t-l">
<li><strong>Release</strong><span><time datetime="2018-09-17">September 17, 2018</time></span></li>
<li><strong>Current Version</strong><span>1.1.3</span></li>
<li><strong>Software Version</strong><span>WordPress 4.6+</span></li>
<li><strong>Compatible Browsers</strong><span>IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge</span></li>
</ul><!-- .uix-entry__meta end -->
</div>
</div>
<!-- .row end -->
</div>
</div>
</section>
<!-- Content
====================================================== -->
<article class="uix-spacing--s uix-spacing--no-top">
<div class="container">
<div class="row">
<div class="col-12">
<!-- Entry Content
========================= -->
<div class="uix-entry__content uix-list uix-list--normal uix-table uix-table--bordered">
<div class="entry-image alignleft">
<a href="#"><img src="assets/images/demo/test-img-big-1.jpg" width="200" alt="Blog Single"></a>
</div><!-- .entry-image end -->
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. <a href="#">This is link</a></p>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. <a href="#">Curabitur blandit tempus porttitor</a>. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper. Super/Duper/Long/NonBreaking/Path/Name/To/A/File/That/Is/Way/Deep/Down/In/Some/Mysterious/Remote/Desolate/Part/Of/The/Operating/System/To/A/File/That/Just/So/Happens/To/Be/Strangely/Named/Supercalifragilisticexpialidocious.txt</p>
<P>
<figure>
<img src="assets/images/demo/cool-slider-2.jpg" alt="image">
<figcaption><i>fig. 1</i> A pink flamingo.</figcaption>
</figure>
</P>
<blockquote><p>Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. 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. Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper.</p></blockquote>
<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus.</p>
<p><img src="assets/images/demo/test-img-big-1.jpg" alt="big image" width="1024" height="682"></p>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<figure class="alignfull">
<img src="assets/images/demo/cool-slider-1.jpg" alt="big image" width="1024" height="682">
</figure>
<p></p>
<p>
<ul>
<li>Duis mollis, est non commodo luctus, nisi erat porttitor ligula</li>
<li>Cras mattis consectetur purus sit amet fermentum.</li>
<li>Praesent commodo cursus magna.</li>
</ul>
</p>
<h1>Header one</h1>
<h2>Header two</h2>
<h3>Header three</h3>
<h4>Header four</h4>
<h5>Header five</h5>
<h6>Header six</h6>
<p>Single line blockquote:</p>
<blockquote>
<p>Stay hungry. Stay foolish.</p>
</blockquote>
<p>Multi line blockquote with a cite reference:</p>
<blockquote>
<p>People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. <cite>Steve Jobs – Apple Worldwide Developers’ Conference, 1997</cite></p>
</blockquote>
<h2>Tables</h2>
<table>
<tbody>
<tr>
<th>Employee</th>
<th class="views">Salary</th>
<th></th>
</tr>
<tr class="odd">
<td><a href="#">John Saddington</a></td>
<td>$1</td>
<td>Because that’s all Steve Job’ needed for a salary.</td>
</tr>
<tr class="even">
<td><a href="#">Tom McFarlin</a></td>
<td>$100K</td>
<td>For all the blogging he does.</td>
</tr>
<tr class="odd">
<td><a href="#">Jared Erickson</a></td>
<td>$100M</td>
<td>Pictures are worth a thousand words, right? So Tom x 1,000.</td>
</tr>
<tr class="even">
<td><a href="#">Chris Ames</a></td>
<td>$100B</td>
<td>With hair like that?! Enough said…</td>
</tr>
</tbody>
</table>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Donec id elit non mi porta gravida at eget metus. Vestibulum id ligula porta felis euismod semper.</p>
</div>
<!-- Entry Content end -->
<!-- Paginate WordPress Posts
========================= -->
<div class="uix-page-links">Pages:
<span>1</span>
<a href="#"><span>2</span></a>
<a href="#"><span>3</span></a>
<a href="#"><span>4</span></a>
</div>
<!-- Paginate WordPress Posts end -->
<!-- Tags
========================= -->
<div class="uix-tags-box">
<strong>Tags:</strong>
<a href="#" target="_blank">business</a>
<a href="#" target="_blank">design</a>
<a href="#" target="_blank">SEO</a>
<a href="#" target="_blank">life</a>
<a href="#" target="_blank">UI Design</a>
</div>
<!-- Tags end -->
<!-- Post edit link
========================= -->
<span class="uix-edit-link"><a class="uix-post-edit" href="#">Edit</a></span>
<!-- Post edit link end -->
<!-- Share
========================= -->
<div class="uix-entry__box__share uix-t-c">
<hr>
<a class="uix-btn uix-btn__border--medium uix-btn__size--s is-pill uix-social-bg uix-social-bg--google" href="//plus.google.com/share?url=https://uiux.cc" target="_blank">
<i class="fa fa-google-plus"></i> Share on Google+
</a>
<a class="uix-btn uix-btn__border--medium uix-btn__size--s is-pill uix-social-bg uix-social-bg--twitter" href="//twitter.com/intent/tweet?url=https://uiux.cc&text=Shortcodes" target="_blank">
<i class="fa fa-twitter"></i> Share on Twitter
</a>
<a class="uix-btn uix-btn__border--medium uix-btn__size--s is-pill uix-social-bg uix-social-bg--facebook" href="//www.facebook.com/sharer/sharer.php?u=https://uiux.cc" target="_blank">
<i class="fa fa-facebook"></i> Share on Facebook
</a>
</div>
<!-- Share end -->
<!-- Post Navigation
========================= -->
<div class="uix-entry__box uix-entry__box--top uix-entry__box--mark">
<hr>
<div class="row">
<div class="col-6 uix-t-l">
<a class="" href="#">← Previous Post</a>
</div>
<div class="col-6 uix-t-r">
<a class="" href="#">Next Post →</a>
</div>
</div>
<hr>
</div>
<!-- Post Navigation end -->
<!-- Comments
========================= -->
<div class="uix-entry__box comments">
<h4 class="uix-typo--style-uppercase uix-entry__box__title">3 comments</h4>
<!-- comment start -->
<div class="comment uix-clearfix" id="comment-1">
<div class="comment-meta">
<div class="comment-avatar">
<img src="assets/images/demo/avatar.jpg" alt="avatar">
</div>
<div class="comment-text">
<h5><a href="#">Abigail Roswell</a></h5>
<span>
<em>March 17th, 2016</em>
</span>
</div>
</div>
<div class="comment-content">
<div class="comment-body uix-clearfix">
<p> It’s very cool you give such a good and fast support - there are not many people/companies that do. Thanks for this!</p>
<a rel="nofollow" data-respond="1" class="comment-reply-link respond" href="?replytocom=1#respond"><i class="fa fa-reply"></i> Reply</a>
</div>
</div>
<!-- comment start -->
<div class="comment uix-clearfix" id="comment-2">
<div class="comment-meta">
<div class="comment-avatar">
<img src="assets/images/demo/avatar.jpg" alt="avatar">
</div>
<div class="comment-text">
<h5><a href="#">Abigail Roswell</a></h5>
<span>
<em>March 17th, 2016</em>
</span>
</div>
</div>
<div class="comment-content">
<div class="comment-body uix-clearfix">
<p> It’s very cool you give such a good and fast support - there are not many people/companies that do. Thanks for this!</p>
<a rel="nofollow" data-respond="1" class="comment-reply-link respond" href="?replytocom=1#respond"><i class="fa fa-reply"></i> Reply</a>
</div>
</div>
</div>
<!-- comment end -->
</div>
<!-- comment end -->
<!-- comment start -->
<div class="comment uix-clearfix" id="comment-3">
<div class="comment-meta">
<div class="comment-avatar">
<img src="assets/images/demo/avatar.jpg" alt="avatar">
</div>
<div class="comment-text">
<h5><a href="#">Admin</a></h5>
<span>
<em>March 17th, 2016</em>
</span>
</div>
</div>
<div class="comment-content">
<div class="comment-body uix-clearfix">
<p>Need an custom theme for your netAdventist site? </p>
<a rel="nofollow" data-respond="1" class="comment-reply-link respond" href="?replytocom=21#respond"><i class="fa fa-reply"></i> Reply</a>
</div>
</div>
</div>
<!-- comment end -->
<!-- comment start -->
<div class="comment uix-clearfix" id="comment-4">
<div class="comment-meta">
<div class="comment-avatar">
<img src="assets/images/demo/avatar.jpg" alt="avatar">
</div>
<div class="comment-text">
<h5><a href="#">Abigail Roswell</a></h5>
<span>
<em>March 17th, 2016</em>
</span>
</div>
</div>
<div class="comment-content">
<div class="comment-body uix-clearfix">
<p>Let netAserve show you the advantages of being on the netAdventist platform and what your organization can achieve with the exciting tools it provides!, Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor <a href="#">incididunt ut</a> labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoSuper/Duper/Long/NonBreaking/Path/Name/To/A/File/That/Is/Way/Deep/Down/In/Some/Mysterious/Remote/Desolate/Part/Of/The/Operating/System/To/A/File/That/Just/So/Happens/To/Be/Strangely/Named/Supercalifragilisticexpialidocious.txt </p>
<a rel="nofollow" data-respond="1" class="comment-reply-link respond" href="?replytocom=3#respond"><i class="fa fa-reply"></i> Reply</a>
</div>
</div>
</div>
<!-- comment end -->
</div>
<!-- Comments end -->
<!-- Comments Form
========================= -->
<div class="uix-entry__box" data-validate="3">
<h4 class="uix-typo--style-uppercase uix-entry__box__title comment-reply-title">Leave a Reply<small><a rel="nofollow" id="cancel-comment-reply-link" href="#" style="display:none;">Cancel reply</a></small></h4>
<form method="post" action="#">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="uix-controls is-fullwidth">
<input type="text" class="js-uix-float-label" name="author" id="author">
<label>Harf</label>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="uix-controls is-fullwidth">
<input type="email" class="js-uix-float-label" name="email" id="email">
<label>Email</label>
</div>
</div>
</div>
<div class="uix-controls is-fullwidth">
<input type="tel" id="cell" class="js-uix-float-label" name="cell">
<label>Celly</label>
</div>
<div class="uix-controls is-fullwidth">
<span class="uix-controls__arrow"><i class="fa fa-sort"></i></span>
<select class="js-uix-float-label">
<option value="blank"></option>
<option value="Apple">Apple</option>
<option value="Banana">Banana</option>
<option value="Kiwi">Kiwi</option>
<option value="Orange">Orange</option>
<option value="Watermelon">Watermelon</option>
</select>
<label>Favotire Fruit</label>
</div>
<div class="uix-controls uix-controls__textarea is-fullwidth">
<textarea name="comments" class="js-uix-float-label" id="comments" rows="8"></textarea>
<label>Comments</label>
</div>
<div class="uix-controls">
<button type="submit" id="submit" class="uix-btn uix-btn__border--thin uix-btn__size--s uix-btn__bg--primary">Submit</button>
</div>
</form>
</div>
<!-- Comments Form end -->
</div>
</div>
<!-- .row end -->
</div>
<!-- .container end -->
</article>
</main>
<!-- Footer
============================================= -->
<footer class="uix-footer__container">
<div class="uix-footer">
<div class="container">
<hr>
<div class="row">
<div class="col-lg-6 col-md-6 uix-t-l uix-t-c--md">
Copyright © Uix Kit 2022. | All rights reserved. Created by <a href="https://uiux.cc">UIUX Lab</a>.
</div>
<div class="col-lg-6 col-md-6 uix-t-r uix-t-c--md">
<div class="uix-footer__menu">
<ul>
<li>
<a href="https://uiux.cc" target="_blank">
UIUX Lab
</a>
</li>
<li>
<a href="https://opensource.org/licenses/MIT" target="_blank">
Licenses
</a>
</li>
<li>
<a href="https://github.com/xizon/uix-kit" target="_blank">
Download
</a>
</li>
<li>
<a href="https://github.com/xizon/uix-kit/wiki/Getting-Started" target="_blank">
Documentation
</a>
</li>
</ul>
</div>
</div>
</div>
</div><!-- .container end -->
</div>
</footer>
</div>
<!-- .uix-wrapper end -->
<!-- Vendor -->
<script defer src="assets/js/min/axios.min.js?ver=0.19.2"></script>
<script defer src="assets/js/min/jquery.waitforimages.min.js?ver=1.0"></script>
<script defer src="assets/js/min/video.min.js?ver=7.5.3"></script>
<script defer src="assets/js/min/TweenMax.min.js?ver=2.0.2"></script>
<script defer src="assets/js/min/pixi.min.js?ver=5.2.0"></script>
<script defer src="assets/js/min/three.min.js?ver=r175"></script>
<script defer src="assets/js/min/anime.min.js?ver=3.1"></script>
<script defer src="assets/js/min/hammer.min.js?ver=2.0.8"></script>
<!-- Your Plugins & Theme Scripts
============================================= -->
<script>
/*
* Some global vars. DO NOT change these variables names.
* These variables are being used in `uix-kit.min.js`.
*
*/
var REVISION = "5.4.0",
APP_ROOTPATH = {
"templateUrl" : "", //If the file is in the root directory, you can leave it empty. If in another directory, you can write: "/blog"
"homeUrl" : "", //Eg. https://uiux.cc
"ajaxUrl" : "" //Eg. https://uiux.cc/wp-admin/admin-ajax.php
};
/*
* Fixed a bug that Cannot read property 'fn' of undefined for jQuery 1.xx.x.
*
*/
window.$ = window.jQuery;
</script>
<script defer src="../dist/js/uix-kit.min.js?ver=uh5PimsX5pCOzKKL4Rrv"></script>
<!-- Your Plugins & Theme Scripts end -->
<script>
/* Google analytics */
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.defer=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-70658525-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>