545 lines
22 KiB
HTML
545 lines
22 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&display=swap" rel="stylesheet">
|
|
</head>
|
|
|
|
|
|
<body class="signup">
|
|
|
|
<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 > 0" data-v-class-if-position-static="category.has-text">
|
|
|
|
<a class="navbar-link dropdown-toggle" data-v-class-if-dropdown-toggle="category.children > 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' && 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 > 0">
|
|
<a class="dropdown-item" data-v-class-if-active="category.active && 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 > 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 > 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 > 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>
|
|
|
|
<main id="site-content" role="main">
|
|
|
|
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-12 col-md-9">
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-8 col-xl-7 mx-auto">
|
|
|
|
<div class="card card-default my-4">
|
|
|
|
<div class="card-header bg-body">
|
|
<h1 class="mb-1 h2 fw-bold">Sign up</h1>
|
|
<p class="text-muted">Welcome! Enter your data to create an account.</p>
|
|
|
|
<div class="notifications" data-v-notifications>
|
|
|
|
<div class="alert alert-danger d-flex alert-dismissable" role="alert" data-v-notification-error data-v-type="login">
|
|
|
|
<div class="icon align-middle me-2">
|
|
<i class="align-middle la la-2x lh-1 la-exclamation-triangle"></i>
|
|
</div>
|
|
|
|
<div class="flex-grow-1 align-self-center text-small">
|
|
<div>
|
|
<div data-v-notification-text>
|
|
This is a placeholder for a notification message.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<button type="button" class="btn-close align-middle" data-bs-dismiss="alert" aria-label="Close">
|
|
<span aria-hidden="true">
|
|
<!-- <i class="la la-times"></i> -->
|
|
</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="alert alert-success d-flex alert-dismissable d-flex" role="alert" data-v-notification-success data-v-type="login">
|
|
|
|
<div class="icon align-middle me-2">
|
|
<i class="align-middle la la-2x lh-1 la-check-circle"></i>
|
|
</div>
|
|
|
|
<div class="flex-grow-1 align-self-center align-middle" data-v-notification-text>
|
|
This is a placeholder for a success message.
|
|
</div>
|
|
|
|
<button type="button" class="btn-close align-middle" data-bs-dismiss="alert" aria-label="Close">
|
|
<span aria-hidden="true">
|
|
<!-- <i class="la la-times"></i> -->
|
|
</span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="alert alert-primary d-flex alert-dismissable d-flex" role="alert" data-v-notification-info data-v-type="login">
|
|
|
|
<div class="icon align-middle me-2">
|
|
<i class="align-middle la la-2x lh-1 la-info-circle"></i>
|
|
</div>
|
|
|
|
<div class="flex-grow-1 align-self-center" data-v-notification-text>
|
|
This is a placeholder for a info message.
|
|
</div>
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
|
|
<span aria-hidden="true">
|
|
<!-- <i class="la la-times"></i> -->
|
|
</span>
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
|
<form action="" method="post" enctype="multipart/form-data" id="signup-form">
|
|
<input type="hidden" name="csrf" data-v-csrf>
|
|
|
|
<!--
|
|
<div class="mb-3 input-group">
|
|
<span class="input-group-text bg-body"> <i class="la la-user"></i> </span>
|
|
<input name="login" class="form-control border-start-0" placeholder="Username" type="text" required>
|
|
|
|
</div>
|
|
-->
|
|
|
|
<label class="form-label" for="username">Username</label>
|
|
<div class="mb-3 input-group">
|
|
<span class="input-group-text bg-body">
|
|
<i class="la la-user"></i>
|
|
</span>
|
|
<input name="username" id="username" class="form-control border-start-0 border-start-0" placeholder="Username" type="text" required>
|
|
</div>
|
|
<!--
|
|
<label class="form-label" for="first-name">First name</label>
|
|
<div class="mb-3 input-group">
|
|
<span class="input-group-text bg-body"> <i class="la la-user"></i> </span>
|
|
<input name="first_name" id="first-name" class="form-control border-start-0 border-start-0" placeholder="First Name" type="text" required>
|
|
</div>
|
|
|
|
<label class="form-label" for="last-name">Last name</label>
|
|
<div class="mb-3 input-group">
|
|
<span class="input-group-text bg-body"> <i class="la la-user"></i> </span>
|
|
<input name="last_name" id="last-name" class="form-control border-start-0 border-start-0" placeholder="Last Name" type="text" required>
|
|
</div>
|
|
-->
|
|
<label class="form-label" for="email">Email address</label>
|
|
<div class="mb-3 input-group">
|
|
<span class="input-group-text bg-body">
|
|
<i class="la la-envelope"></i>
|
|
</span>
|
|
<input name="email" id="email" class="form-control border-start-0 border-start-0" placeholder="Email address" type="email" required>
|
|
</div>
|
|
|
|
<label class="form-label" for="password">Password</label>
|
|
<div class="mb-3 input-group">
|
|
<span class="input-group-text bg-body">
|
|
<i class="la la-lock"></i>
|
|
</span>
|
|
<input type="password" minlength="6" autocorrect="off" class="form-control border-start-0 border-start-0" placeholder="Password" id="password" name="password" autocomplete="new-password" value="" aria-label="Password" required>
|
|
<button class="btn px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'password')">
|
|
<i class="la la-eye-slash"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<label class="form-label" for="new-password">Repeat password</label>
|
|
<div class="mb-3 input-group">
|
|
<span class="input-group-text bg-body">
|
|
<i class="la la-lock"></i>
|
|
</span>
|
|
<input type="password" minlength="6" autocorrect="off" autocomplete="new-password" class="form-control border-start-0 border-start-0" placeholder="Repeat password" id="confirm_password" name="confirm_password" value="" aria-label="Repeat Password" required>
|
|
<button class="btn px-3 border border-start-0" type="button" onclick="togglePasswordInput(this, 'confirm_password')">
|
|
<i class="la la-eye-slash"></i>
|
|
</button>
|
|
</div>
|
|
|
|
<!-- if these hidden inputs are filled then ignore, robots -->
|
|
|
|
<input type="text" class="form-control d-none" placeholder="Contact form" name="contact-form">
|
|
|
|
<input type="text" class="form-control d-none" placeholder="Subject" name="subject-empty">
|
|
|
|
<input type="text" class="form-control visually-hidden" placeholder="Last name" name="lastname-empty" tabindex="-1">
|
|
|
|
|
|
<div class="mb-3">
|
|
<div class="form-check mb-1">
|
|
<input type="checkbox" class="form-check-input" id="terms" name="terms" required>
|
|
<label class="form-check-label" for="terms">
|
|
</span>I agree to</span>
|
|
<a href="page/terms-conditions" target="_blank" data-v-url="content/page/index" data-v-url-params='{"slug":"terms-conditions"}'>Terms and conditions</a>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<button type="submit" class="btn btn-primary w-100 btn-signup btn-lg my-3">Create Account</button>
|
|
</div>
|
|
|
|
<div class="text-center">Have an account? <a href="" data-v-url="user/login/index">Log In</a>
|
|
</div>
|
|
</form>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</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> |