VvebOIDC/public/themes/solutry/content/user.html

841 lines
33 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Solutry - Secure IT solutions</title>
<!--
- favicon
-->
<link rel="shortcut icon" href="favicon.svg" type="image/svg+xml">
<!--
- custom css link
-->
<link rel="stylesheet" href="css/style.bundle.css">
<!--
- google font link
-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
</head>
<body class="archive">
<header class="header" data-header data-v-save-global="index.html,header">
<div class="container">
<div class="navbar-brand logo" data-v-component-site>
<!-- <a class="navbar-brand" href="/" data-url data-v-url-params='{"host":"www.*.*"}'><span class="visually-hidden">Logo</span> -->
<a class="navbar-brand h4 mb-0 text-decoration-none" href="/" data-v-site-url>
<span class="visually-hidden">Logo</span>
<img src="img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
<img src="img/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
<img src="img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="img/logo-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
</a>
</div>
<button class="nav-toggle-btn" data-nav-toggle-btn>
<ion-icon name="menu-outline" class="open"></ion-icon>
<ion-icon name="close-outline" class="close"></ion-icon>
</button>
<nav class="navbar" data-navbar data-v-component-menu="header" data-v-slug="main-menu">
<div class="container">
<ul class="navbar-list m-0" data-v-menu-items>
<li class="nav-item dropdown position-static" data-v-menu-item data-v-class-if-has-dropdown="category.children &gt; 0" data-v-class-if-position-static="category.has-text">
<a class="navbar-link dropdown-toggle" data-v-class-if-dropdown-toggle="category.children &gt; 0" data-v-class-if-active="category.active" aria-expanded="false" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text' &amp;&amp; category.name"></span>
<span data-v-if="category.content" data-v-menu-item-content>
<p>
<img src="/media/vvveb.svg" height="24" alt="" class="me-2">Mega menu
</p>
</span>
</a>
<div class="dropdown-menu" data-v-menu-item-recursive>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children &gt; 0">
<a class="dropdown-item" data-v-class-if-active="category.active &amp;&amp; category.type != 'text'" href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'"></span>
<span data-v-if="category.content" data-v-menu-item-content>
<div class="row">
<div class="col-6 align-self-center">
<img src="img/demo/video-1.webp" alt="Post" width="250" loading="lazy" class="rounded img-fluid">
</div>
<div class="col-6">
<h4>Features</h4>
<p class="text-muted">Just a few mentions, but there is more</p>
<ul class="list-unstyled">
<li class="text-primary">Page builder</li>
<li class="text-primary">Mega menu</li>
<li class="text-primary">Multi language</li>
<li class="text-primary">Advanced SEO</li>
<li class="text-primary">Ecommerce</li>
</ul>
</div>
</div>
</span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children &gt; 0">
<a class="dropdown-item" href="https://github.com/givanz/VvvebJs/wiki" data-v-class-if-active="category.active" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'">Developer Documentation</span>
<span data-v-menu-item-content></span>
</a>
</div>
</div>
</li>
<li class="nav-item dropdown" data-v-menu-item>
<a class="navbar-link dropdown-toggle" href="https://blog.vvveb.com" data-v-menu-item-url>
<span data-v-menu-item-name>Blog</span>
</a>
<div class="dropdown-menu" data-v-menu-item-recursive>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children &gt; 0">
<a class="dropdown-item" href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'">User Documentation</span>
<span data-v-menu-item-content></span>
</a>
</div>
<div data-v-menu-item class="nav-item" data-v-class-if-dropdown="category.children &gt; 0">
<a class="dropdown-item" href="https://github.com/givanz/VvvebJs/wiki" data-v-menu-item-url>
<span data-v-menu-item-name data-v-if-not="category.type = 'text'">Developer Documentation</span>
<span data-v-menu-item-content></span>
</a>
</div>
</div>
</li>
<li class="nav-item" data-v-menu-item>
<a class="navbar-link" href="https://www.vvveb.com/page/contact" data-v-menu-item-url>
<span data-v-menu-item-name>Contact</span>
</a>
</li>
<li class="nav-item" data-v-menu-item>
<a class="navbar-link" href="https://www.vvveb.com" data-v-menu-item-url>
<span data-v-menu-item-name>About us</span>
</a>
</li>
</ul>
</div>
</nav>
<a class="btn btn-secondary" href="/page/contact">
<span>Get Started</span>
<ion-icon name="chevron-forward-outline"></ion-icon>
</a>
</div>
</header>
<section class="inner-page-hero" data-v-component-admin data-v-username="url">
<div>
<div class="title-container">
<div class="container">
<h1>Author: <span data-v-admin-display_name>Admin</span>
</h1>
</div>
</div>
<!-- img data-v-post-image src="demo/img/bg-img/bg-7.webp" alt="" -->
</div>
</section>
<main id="site-content" role="main">
<!-- Page Content -->
<div class="container">
<div class="row">
<!-- Blog Entries Column -->
<div class="col-md-7 col-lg-8 col-xl-9" data-v-component-posts="user" data-v-page="url" data-v-limit="4" data-v-username="url">
<!-- Blog Post -->
<article class="card post-archive-item post" data-v-post data-v-if="posts.count > 0">
<div class="card-header">
<a class="post-title" href="content/post.html" data-v-post-url>
<h2 class="card-title display-4 text-center" data-aos="fade" data-aos-duration="500" data-v-post-name>Begin each day by telling yourself</h2>
</a>
<div class="post-meta-wrapper post-meta-single post-meta-single-top" data-aos="fade-up" data-aos-duration="200">
<ul class="post-meta">
<li class="post-author meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text">Post author</span>
<i class="la la-user"></i>
</span>
<span class="meta-text">
By <a href="content/post.html" data-v-post-author-url>
<span data-v-post-display_name>admin</span>
</a>
</span>
</li>
<li class="post-date meta-wrapper">
<span class="meta-icon">
<span class="screen-reader-text">Post date</span>
<i class="la la-calendar"></i>
</span>
<span class="meta-text">
<a href="content/post.html" data-v-post-url>
<span data-v-post-created_at data-filter-friendly_date>December 31, 2020</span>
</a>
</span>
</li>
<li class="post-comment-link meta-wrapper">
<span class="meta-icon">
<i class="la la-comment"></i>
</span>
<span class="meta-text">
<a href="#comments" data-v-post-comments-url>
<span data-v-post-comment_text>0 Comments</span>
</a>
</span>
</li>
</ul><!-- .post-meta -->
</div>
</div>
<img class="img-fluid" src="demo/img/hero-3.webp" loading="lazy" alt="Card image cap" data-aos="zoom-in-up" data-aos-duration="200" data-v-post-image data-v-if="post.image">
<div class="card-body">
<div class="card-text post-content" data-v-post-content="">
<p>
Begin each day by telling yourself:
</p>
<blockquote cite="https://en.wikipedia.org/wiki/Marcus_Aurelius">
<p>Today I shall be meeting with interference, ingratitude, insolence, disloyalty, ill-will, and selfishness all of them due to the offenders` ignorance of what is good or evil.</p>
<cite class="small">
<a href="https://en.wikipedia.org/wiki/Marcus_Aurelius" class="text-decoration-none" target="_blank">Marcus Aurelius</a>
</cite>
</blockquote>
<p>
But for my part I have long perceived the nature of good and its nobility, the nature of evil and its meanness, and also the nature of the culprit himself, who is my brother (not in the physical sense, but as a fellow creature similarly endowed with reason and a share of the divine);therefore none of those things can injure me, for nobody can implicate me in what is degrading.
</p>
<p>
<img class="img-fluid" src="http://place-hold.it/1200x300">
</p>
<p>
Neither can I be angry with my brother or fall foul of him; for he and I were born to work together, like a man`s two hands, feet or eyelids, or the upper and lower rows of his teeth.
</p>
<p>
To obstruct each other is against Nature`s law - and what is irritation or aversion but a form of obstruction.
</p>
<div>
<img class="img-fluid align-center" src="http://place-hold.it/1200x300">
</div>
<p>
Consectetur adipiscing elit. Praesent vel tortor facilisis, volutpat nulla placerat, tincidunt mi.
</p>
<p>
<img class="img-fluid align-right" src="http://place-hold.it/150x150">
</p>
<p>
Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem.
</p>
<p>
Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus.
</p>
<p>
<img class="img-fluid align-left" src="http://place-hold.it/150x150">
</p>
<p>
Nullam vel orci dui. Su spendisse sit amet laoreet neque. Fusce sagittis suscipit sem a consequat. Proin nec interdum sem.
</p>
<p>
Quisque in porttitor magna, a imperdiet est. Donec accumsan justo nulla, sit amet varius urna laoreet vitae. Maecenas feugiat fringilla metus.
</p>
</div>
</div>
<div class="card-footer text-muted">
<div class="d-flex tags">
<div data-v-categories>
<div data-v-if="categories > 0" class="me-4">
<i class="la la-archive"></i>
<ul class="tags d-inline-block">
<li data-v-categories-cat>
<a data-v-categories-cat-url>
<span data-v-categories-cat-name>cat 1</span>
</a>
</li>
<li data-v-categories-cat>
<a data-v-cat-url>
<span data-v-cat-name>cat 2</span>
</a>
</li>
<li data-v-categories-cat>
<a data-v-cat-url>
<span data-v-cat-name>cat 3</span>
</a>
</li>
<li data-v-categories-cat>
<a data-v-cat-url>
<span data-v-cat-name>cat 4</span>
</a>
</li>
</ul>
</div>
</div>
<div data-v-tags>
<div data-v-if="tags > 0">
<i class="la la-tag"></i>
<ul class="tags d-inline-block">
<li data-v-tags-tag>
<a data-v-tags-tag-url>
<span data-v-tags-tag-name>tag 1</span>
</a>
</li>
<li data-v-tags-tag>
<a data-v-tag-url>
<span data-v-cat-name>tag 2</span>
</a>
</li>
<li data-v-tags-tag>
<a data-v-tag-url>
<span data-v-cat-name>tag 3</span>
</a>
</li>
<li data-v-tags-tag>
<a data-v-tag-url>
<span data-v-cat-name>tag 4</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<!--
<a class="float-end" href="content/post.html" data-v-post-url><span>Read More </span></a>
-->
</div>
</article>
<div data-v-if="posts.count < 1" class="border-bottom text-center py-4">
<h5>No posts to display!</h5>
</div>
<div data-pagination data-v-parent-component="posts" data-v-parent-index="0" data-v-parameters='{}'>
<nav data-v-if="pagecount > 1">
<ul class="pagination pagination-sm justify-content-end pt-2 mt-2" style="border-top: 1px solid var(--bs-border-color);">
<!--
<li class="page-item pager-first" data-first>
<a class="page-link" title="First page" data-page-url data-v-if="current_page > 1">
<span aria-hidden="true" class="la la-angle-double-left"></span>
<span class="sr-only">First</span>
</a>
</li>
-->
<li class="page-item pager-prev lh-1" data-prev>
<a class="page-link" aria-label="Previous" title="Previous page" data-page-url data-scroll="start" data-v-if="current_page > 1">
<!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="21"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M244 400L100 256l144-144M120 256h292"/></svg> -->
<span aria-hidden="true" class="la la-arrow-left la-lg"></span>
<!-- <span>Newer Posts</span> -->
</a>
</li>
<li class="page-item" data-page>
<a class="page-link" data-page-no data-page-url data-scroll="start">1</a>
</li>
<li class="page-item" data-page>
<a class="page-link" data-page-no data-page-url data-scroll="start">2</a>
</li>
<li class="page-item" data-page>
<a class="page-link" data-page-no data-page-url data-scroll="start">3</a>
</li>
<li class="page-item" data-page>
<a class="page-link" data-page-no data-page-url data-scroll="start">4</a>
</li>
<li class="page-item" data-page>
<a class="page-link" data-page-no data-page-url data-scroll="start">5</a>
</li>
<li class="page-item pager-next" data-next>
<a class="page-link lh-1" aria-label="Next" title="Next page" data-page-url data-scroll="start" data-v-if="current_page < pagecount">
<!-- <span>Older Posts</span> -->
<!-- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="21"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"/></svg> -->
<span aria-hidden="true" class="la la-arrow-right la-lg"></span>
</a>
</li>
<!--
<li class="page-item pager-last" data-last>
<a class="page-link" title="Last page" data-page-url data-v-if="current_page < pagecount">
<span aria-hidden="true" class="la la-angle-double-right"></span>
<span class="sr-only">Last</span>
</a>
</li>
-->
</ul>
</nav>
</div>
</div>
<!-- Sidebar Widgets Column -->
<aside class="col-md-5 col-lg-4 col-xl-3" role="sidebar" data-v-save-global="content/index.html,aside">
<div class="sidebar-sticky">
<!-- Search Widget -->
<div class="card">
<!-- h6 class="card-header">Search</h6 -->
<div class="card-body">
<form method="get" action="/search">
<!-- <input type="hidden" name="type" value="posts"> -->
<div class="input-group">
<input type="text" name="search" class="form-control" placeholder="Search for...">
<button class="btn btn-secondary btn-sm" type="submit">
<!--
<div class="la-flip-horizontal">
<i class="la la-search la-flip-horizontal"></i>
</div>
-->
<svg xmlns="http://www.w3.org/2000/svg" width="20" viewBox="0 0 512 512">
<path d="M221.09 64a157.09 157.09 0 1 0 157.09 157.09A157.1 157.1 0 0 0 221.09 64z" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="32" />
<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="32" d="M338.29 338.29 448 448" />
</svg>
</button>
</div>
</form>
</div>
</div>
<!-- About Widget -->
<div class="card" data-v-component-site>
<h6 class="card-header">About</h6>
<div class="card-body" data-v-site-description-description>
Powerful and easy to use drag and drop website builder for blogs, presentation or ecommerce stores.
</div>
</div>
<!-- Recent posts Widget -->
<div class="card archives-widget" data-v-component-posts="recent-posts-sidebar" data-v-page="1" data-v-limit="4">
<div>
<h6 class="card-header">Recent posts</h6>
<div class="card-body">
<div data-v-post>
<i class="la la-comment"></i>
<a href="content/post.html" data-v-post-url>
<span data-v-post-name>January 2021</span>
</a>
</div>
<div data-v-post>
<i class="la la-comment"></i>
<a href="content/post.html" data-v-post-url>
<span data-v-post-name>January 2021</span>
</a>
</div>
</div>
</div>
</div>
<!-- Recent comments Widget -->
<div class="card archives-widget" data-v-component-comments="recent-comments-sidebar" data-v-page="1" data-v-limit="4" data-v-post_title="true" data-v-order="desc">
<div>
<h6 class="card-header">Recent comments</h6>
<div class="card-body">
<div data-v-comment>
<span data-v-comment-author>John Doe</span>
<span>on</span>
<a href="content/post.html#comments" data-v-comment-url>
<span data-v-comment-name>Post name</span>
</a>
</div>
<div data-v-comment>
<span data-v-comment-author>John Doe</span> on
<a href="content/post.html#comments" data-v-comment-url>
<span data-v-comment-name>Post name</span>
</a>
</div>
</div>
</div>
</div>
<!-- Categories Widget -->
<div class="card categories-widget" data-v-component-content-categories="sidebar" data-v-type="categories" data-v-post_type="post">
<div>
<h6 class="card-header">Categories</h6>
<div class="card-body">
<ul data-v-cats>
<li data-v-cat>
<a href="content/category.html" data-v-cat-url data-v-cat-name>Web Design</a>
</li>
<li data-v-cat>
<a href="content/category.html" data-v-cat-url data-v-cat-name>HTML</a>
</li>
<li data-v-cat>
<a href="content/category.html" data-v-cat-url data-v-cat-name>Freebies</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Archives Widget -->
<div class="card archives-widget" data-v-component-content-archives="sidebar">
<div>
<h6 class="card-header">Archives</h6>
<div class="card-body">
<ul data-v-archives>
<li data-v-archive>
<a href="content/archive.html" data-v-archive-url>
<span data-v-archive-name>January 2021</span>
</a>
</li>
<li data-v-archive>
<a href="content/archive.html" data-v-archive-url>
<span data-v-archive-name>December 2020</span>
</a>
</li>
<li data-v-archive>
<a href="content/archive.html" data-v-archive-url>
<span data-v-archive-name>November 2018</span>
</a>
</li>
<li data-v-archive>
<a href="content/archive.html" data-v-archive-url>
<span data-v-archive-name>October 2018</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Popular tags Widget -->
<div class="card tags-widget" data-v-component-content-categories="sidebar" data-v-type="tags" data-v-post_type="post">
<div>
<h6 class="card-header">Popular tags</h6>
<div class="card-body">
<ul data-v-cats class="tags">
<li data-v-cat>
<a href="content/tag.html" data-v-cat-url data-v-cat-name>January 2021</a>
</li>
<li data-v-cat>
<a href="content/tag.html" data-v-cat-url data-v-cat-name>December 2020</a>
</li>
<li data-v-cat>
<a href="content/tag.html" data-v-cat-url data-v-cat-name>November 2018</a>
</li>
<li data-v-cat>
<a href="content/tag.html" data-v-cat-url data-v-cat-name>October 2018</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Archives Widget Select -->
<div class="card archives-widget" data-v-component-content-archives="sidebar">
<div>
<h6 class="card-header">Archives</h6>
<div class="card-body">
<select class="form-control" onchange="window.location.href = this.value" data-v-archives>
<option class="text-muted">
<span>Select month</span>
</option>
<option data-v-archive value="content/archive.html">
<span data-v-archive-name>January 2021</span>
</option>
<option data-v-archive value="content/archive.html">
<span data-v-archive-name>December 2020</span>
</option>
<option data-v-archive value="content/archive.html">
<span data-v-archive-name>November 2018</span>
</option>
<option data-v-archive value="content/archive.html">
<span data-v-archive-name>October 2018</span>
</option>
</select>
</div>
</div>
</div>
</div>
</aside>
</div>
<!-- /.row -->
</div>
</main>
<footer class="footer" data-v-save-global="index.html,footer">
<div class="footer-top">
<div class="container">
<div class="footer-brand">
<div class="navbar-brand logo" data-v-component-site>
<!-- <a class="navbar-brand" href="/" data-url data-v-url-params='{"host":"www.*.*"}'><span class="visually-hidden">Logo</span> -->
<a class="navbar-brand h4 mb-0 text-decoration-none" href="/" data-v-site-url>
<span class="visually-hidden">Logo</span>
<img src="img/logo.png" alt="Site logo" loading="lazy" class="logo-default" data-v-site-logo>
<img src="img/logo.png" alt="Site logo sticky" loading="lazy" class="logo-sticky" data-v-site-logo-sticky>
<img src="img/logo-white.png" alt="Site logo dark" loading="lazy" class="logo-default-dark" data-v-site-logo-dark>
<img src="img/logo-white.png" alt="Site logo dark sticky" loading="lazy" class="logo-default-dark-sticky" data-v-site-logo-dark-sticky>
</a>
</div>
<p class="section-text">
Lorem ipsum dolor sit amet, consectetur, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
minim.
</p>
<div class="location-text">
<div class="location-icon">
<ion-icon name="location-outline"></ion-icon>
</div>
<address class="address">
2750 Quadra Street Victoria, Canada.
</address>
</div>
</div>
<div class="quicklink-box">
<p class="h3 quicklink-title">Quick links</p>
<ul class="quicklink-list">
<li>
<a href="#" class="quicklink">IT Startup</a>
</li>
<li>
<a href="#" class="quicklink">Software</a>
</li>
<li>
<a href="#" class="quicklink">Business</a>
</li>
<li>
<a href="#" class="quicklink">App</a>
</li>
<li>
<a href="#" class="quicklink">Insurance</a>
</li>
<li>
<a href="#" class="quicklink">Property</a>
</li>
<li>
<a href="#" class="quicklink">Big Data</a>
</li>
<li>
<a href="#" class="quicklink">Distance Learning</a>
</li>
<li>
<a href="#" class="quicklink">Chatbot</a>
</li>
<li>
<a href="#" class="quicklink">Medical</a>
</li>
</ul>
</div>
<div class="contact">
<p class="h3 contact-title">Contact with us</p>
<ul class="contact-list">
<li class="contact-item">
<div class="contact-icon">
<ion-icon name="mail-outline"></ion-icon>
</div>
<a href="mailto:hello@solutry.com" class="contact-link">hello@solutry.com</a>
</li>
<li class="contact-item">
<div class="contact-icon">
<ion-icon name="call-outline"></ion-icon>
</div>
<a href="tel:+14854560102" class="contact-link">+1-485-456-0102</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="container">
<p class="copyright">
© <span data-v-year>2025</span>
<span data-v-global-site.description.title>codewithsadee</span> All Rights Reserved
<span>Powered by <a href="https://www.vvveb.com">Vvveb</a>
</span>
</p>
<ul class="social-list">
<li>
<a href="#" class="social-link">
<ion-icon name="logo-facebook"></ion-icon>
</a>
</li>
<li>
<a href="#" class="social-link">
<ion-icon name="logo-twitter"></ion-icon>
</a>
</li>
<li>
<a href="#" class="social-link">
<ion-icon name="logo-linkedin"></ion-icon>
</a>
</li>
<li>
<a href="#" class="social-link">
<ion-icon name="logo-instagram"></ion-icon>
</a>
</li>
</ul>
</div>
</div>
</footer>
<!--
- #GO TO TOP
-->
<a href="#top" class="go-top active" data-go-top>
<ion-icon name="chevron-up-outline"></ion-icon>
</a>
<!--
- custom js link
-->
<script src="js/script.js"></script>
<!--
- ionicon link
-->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<div class="alert alert-light alert-dismissible fade alert-top" role="alert" style="display:none">
<div class="container">
<div class="message">
Product was added to cart.
</div>
<button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
</div>
</div>
<div class="modal fade" id="searchModal" tabindex="-1" aria-labelledby="searchModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-body">
<form action="/search" method="get">
<input type="hidden" name="route" value="search">
<div class="input-group">
<input type="search" name="search" class="form-control" id="headerSearch" placeholder="Type for search" data-v-vvveb-action="search" data-selector=".search-results" data-v-vvveb-on="keyup">
<button class="btn btn-outline-primary border" type="submit" title="Search">
<div class="la-flip-horizontal">
<i class="la la-search la-lg" aria-hidden="true"></i>
</div>
</button>
</div>
</form>
<div class="search-results">
</div>
</div>
</div>
</div>
</div>
<div id="page-loading-status" class="progress top-0 position-fixed progress-bar" role="progressbar" aria-label="Page loading status" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="z-index: 10;--bs-progress-bg: transparent;--bs-progress-height: 1px;width:0%"></div>
<script id="app-js" src="/js/app.js"></script>
<script id="theme-js" src="/js/app/theme.js"></script>
<script id="cart-js" src="/js/app/cart.js"></script>
</body>
</html>