213 lines
20 KiB
HTML
213 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" wp-template wp-template-export-as="index.php" wp-template-define-master-page="true">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
|
|
<meta name="description" content="Pinegrow Web Editor - SAAS Bootstrap v5 Template"/>
|
|
<meta name="author" content=""/>
|
|
<title>Pinegrow | Bootstrap Blocks Template</title>
|
|
<!-- Bootstrap core CSS -->
|
|
<link href="bootstrap_theme/bootstrap.css" rel="stylesheet" type="text/css"/>
|
|
<link rel="stylesheet" href="blocks.css"/>
|
|
<!-- Custom styles for this template -->
|
|
<link href="style.css" rel="stylesheet"/>
|
|
</head>
|
|
<body class="fw-light text-secondary">
|
|
<nav class="bg-white navbar navbar-expand-lg navbar-light py-lg-1">
|
|
<div class="container"> <a class="fw-bold navbar-brand text-primary" href="#" target="">Pro Terapevt</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown-3" aria-controls="navbarNavDropdown-3" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse " id="navbarNavDropdown-3">
|
|
<ul class="ms-auto navbar-nav">
|
|
<li class="nav-item"> <a class="active nav-link px-lg-3 py-lg-4" aria-current="page" href="#">Home</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
</li>
|
|
<li class="nav-item"> <a class="nav-link px-lg-3 py-lg-4" href="#">Kaj omogoča</a>
|
|
</li>
|
|
<li class="nav-item"> <a class="nav-link px-lg-3 py-lg-4" href="#">Kontakt</a>
|
|
</li>
|
|
</ul> <a class="btn btn-primary ms-lg-3" href="https://app.proterapevt.si/Identity/Account/Register">Registriraj se!</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<section class="bg-light pt-5 text-center">
|
|
<div class="container">
|
|
</div>
|
|
</section>
|
|
<div class="bg-dark">
|
|
</div>
|
|
<section class="pb-5 pt-5 text-center">
|
|
<div class="container pb-5 pt-5">
|
|
<div class="align-items-center mb-3 row">
|
|
<div class="col-lg-9 ms-auto me-auto">
|
|
<h2 class="fw-normal h1 mb-1 text-dark">Vsi podatki o vaši praksi na dosegu rok</h2>
|
|
<p>Prosta in zasedena mesta, plačila terminov, zaslužek v mesecu, vse je takoj vidno</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-6 col-xl-3 pb-3 pt-3"> <a href="#" class="border btn d-block link-secondary pb-5 pe-4 ps-4 pt-5"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="40" height="40" fill="currentColor" class="mb-3 text-primary">
|
|
<path d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm13.464 12.536L20 12l-3.536-3.536L15.05 9.88 17.172 12l-2.122 2.121 1.414 1.415zM6.828 12L8.95 9.879 7.536 8.464 4 12l3.536 3.536L8.95 14.12 6.828 12zm4.416 5l3.64-10h-2.128l-3.64 10h2.128z"></path>
|
|
</svg> <h3 class="fw-normal h5 text-dark">Rezervacije terminov</h3> <p>Enostaven vnos enkratnih in ponavljajočih se terminov. Preprost pregled statusa plačila posameznih terminov.</p><span class="border-bottom d-inline-block text-dark">Learn More</span> </a>
|
|
</div>
|
|
<div class="col-sm-6 col-xl-3 pb-3 pt-3">
|
|
<a href="#" class="border btn d-block link-secondary pb-5 pe-4 ps-4 pt-5"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="40" height="40" fill="currentColor" class="mb-3 text-primary">
|
|
<path d="M8 5h3v9H8v3H6v-3H3V5h3V2h2v3zm10 5h3v9h-3v3h-2v-3h-3v-9h3V7h2v3z"></path>
|
|
</svg> <h3 class="fw-normal h5 text-dark">Vodenje podatkov o klientih</h3> <p>Kontaktni podatki o klientih, datoteke z delovnimi dogovori in gdpr obrazci, cena srečanja, ... </p><span class="border-bottom d-inline-block text-dark">Learn More</span> </a>
|
|
</div>
|
|
<div class="col-sm-6 col-xl-3 pb-3 pt-3"> <a href="#" class="border btn d-block link-secondary pb-5 pe-4 ps-4 pt-5"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="40" height="40" fill="currentColor" class="mb-3 text-primary">
|
|
<path d="M15 21h-2v-3h-2v3H9v-2H7v2H4a1 1 0 0 1-1-1v-3h2v-2H3v-2h3v-2H3V9h2V7H3V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v9h9a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-3v-2h-2v2z"></path>
|
|
</svg> <h3 class="fw-normal h5 text-dark">Portal za kliente</h3> <p>Vsak klient ima svoj spletni portal, kjer vidi svoje rezervirane termine in izdane predračune in račune. Lahko si tudi ureja trajnik (direktna bremenitev)</p><span class="border-bottom d-inline-block text-dark">Learn More</span> </a>
|
|
</div>
|
|
<div class="col-sm-6 col-xl-3 pb-3 pt-3">
|
|
<a href="#" class="border btn d-block link-secondary pb-5 pe-4 ps-4 pt-5"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="40" height="40" fill="currentColor" class="mb-3 text-primary">
|
|
<path d="M15 21h-2v-3h-2v3H9v-2H7v2H4a1 1 0 0 1-1-1v-3h2v-2H3v-2h3v-2H3V9h2V7H3V4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v9h9a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1h-3v-2h-2v2z"></path>
|
|
</svg> <h3 class="fw-normal h5 text-dark">Izdaja računov</h3> <p>Enostavna izdaja računov in predračunov za vse kliente naenkrat. Plačila preko QR kode, direktne obremenitve, plačilnih kartic. Povezava z bankami za takojšnje knjiženje.</p><span class="border-bottom d-inline-block text-dark">Learn More</span> </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="bg-light pb-5 pt-5 text-center">
|
|
<div class="container pb-4 pt-4">
|
|
<h2 class="fw-normal h1 mb-1 text-dark">Be part of something special</h2>
|
|
<p class="mb-4">Choose the plan that’s right for you.</p>
|
|
<div class="col-xl-11 ms-auto me-auto px-0">
|
|
<div class="align-items-center justify-content-center row">
|
|
<div class="col-lg-4 col-md-6 py-3">
|
|
<div class="bg-light border rounded text-secondary">
|
|
<div class="align-items-center d-flex fw-light h5 justify-content-center pb-4 pe-3 ps-3 pt-4"> <span class="align-self-start">$</span> <span class="display-4 fw-normal text-dark">10</span> <span class="align-self-end">/mo</span>
|
|
</div>
|
|
<h3 class="bg-dark fw-normal h4 mb-0 pb-3 pe-2 ps-2 pt-3 text-uppercase text-white">Starter</h3>
|
|
<div class="pb-5 ps-3 pe-3 pt-4">
|
|
<ul class="list-unstyled mb-4">
|
|
<li class="pb-2 pt-2">20 Pages</li>
|
|
<li class="pb-2 pt-2">10 GB Storage</li>
|
|
<li class="pb-2 pt-2">500 GB Bandwidth</li>
|
|
<li class="pb-2 pt-2">Custom Domain</li>
|
|
<li class="pb-2 pt-2">24/7 Support</li>
|
|
</ul> <a href="#" class="btn btn-dark fw-light pb-2 ps-4 pe-4 pt-2">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 py-3">
|
|
<div class="bg-light border rounded text-secondary">
|
|
<div class="align-items-center d-flex fw-light h5 justify-content-center pb-4 ps-3 pe-3 pt-4"> <span class="align-self-start">$</span> <span class="display-4 fw-normal text-dark">24</span> <span class="align-self-end">/mo</span>
|
|
</div>
|
|
<h3 class="bg-primary fw-normal h4 mb-0 pb-3 pe-2 ps-2 pt-3 text-uppercase text-white">Professional</h3>
|
|
<div class="pb-5 ps-3 pe-3 pt-4">
|
|
<ul class="list-unstyled mb-4">
|
|
<li class="pb-2 pt-2">100 Pages</li>
|
|
<li class="pb-2 pt-2">100 GB Storage</li>
|
|
<li class="pb-2 pt-2">2 TB Bandwidth</li>
|
|
<li class="pb-2 pt-2">Custom Domain</li>
|
|
<li class="pb-2 pt-2">24/7 Support</li>
|
|
</ul> <a href="#" class="btn btn-primary fw-light pb-2 ps-4 pe-4 pt-2">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 py-3">
|
|
<div class="bg-light border rounded text-secondary">
|
|
<div class="align-items-center d-flex fw-light h5 justify-content-center pb-4 ps-3 pe-3 pt-4"> <span class="align-self-start">$</span> <span class="display-4 fw-normal text-dark">40</span> <span class="align-self-end">/mo</span>
|
|
</div>
|
|
<h3 class="bg-dark fw-normal h4 mb-0 pb-3 pe-2 ps-2 pt-3 text-uppercase text-white">Epic</h3>
|
|
<div class="pb-5 ps-3 pe-3 pt-4">
|
|
<ul class="list-unstyled mb-4">
|
|
<li class="pb-2 pt-2">Unlimited Pages</li>
|
|
<li class="pb-2 pt-2">Unlimited Storage</li>
|
|
<li class="pb-2 pt-2">Unlimited Bandwidth</li>
|
|
<li class="pb-2 pt-2">Custom Domain</li>
|
|
<li class="pb-2 pt-2">24/7 Support</li>
|
|
</ul> <a href="#" class="btn btn-dark fw-light pb-2 ps-4 pe-4 pt-2">Sign Up</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<svg viewBox="0 0 100 100" preserveAspectRatio="none" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" height="64" width="100%" class="bg-light d-block text-dark">
|
|
<path d="M 100 100 V 0 L 0 100"/>
|
|
</svg>
|
|
<footer class="bg-dark pt-5 text-white">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-4 py-3"> <a href="#" class="d-inline-block fw-bold h2 link-light mb-4 text-decoration-none" target="_pg_blank">PG SASS</a>
|
|
<p class="mb-3"> Duis pharetra venenatis felis, ut tincidunt ipsum consequat nec. Fusce et porttitor libero, eu aliquam nisi. Nam finibus ullamcorper semper.</p>
|
|
<div class="mb-4"> <a href="#" class="link-light text-decoration-none">+1 234 567-890</a> <br/> <a href="#" class="link-light text-decoration-none">hello@company.com</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-3 col-xl-2 py-3">
|
|
<h2 class="fw-normal h5 mb-4 text-uppercase text-white">About</h2>
|
|
<ul class="list-unstyled">
|
|
<li class="mb-3"> <a href="#" class="link-light text-decoration-none">Get Quote</a>
|
|
</li>
|
|
<li class="mb-3"> <a href="#" class="link-light text-decoration-none">Enterprise Plan</a>
|
|
</li>
|
|
<li class="mb-3"> <a href="#" class="link-light text-decoration-none">Become an Affiliate</a>
|
|
</li>
|
|
<li class="mb-3"> <a href="#" class="link-light text-decoration-none">Our Portfolio</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-3 col-xl-2 py-3">
|
|
<h2 class="fw-normal h5 mb-4 text-uppercase text-white">Services</h2>
|
|
<ul class="list-unstyled">
|
|
<li class="mb-3"> <a href="#" class="link-light text-decoration-none">Web Design</a>
|
|
</li>
|
|
<li class="mb-3"> <a href="#" class="link-light text-decoration-none">Web Development</a>
|
|
</li>
|
|
<li class="mb-3"> <a href="#" class="link-light text-decoration-none">WordPress</a>
|
|
</li>
|
|
<li class="mb-3"> <a href="#" class="link-light text-decoration-none">Digital Marketing</a>
|
|
</li>
|
|
<li class="mb-3"> <a href="#" class="link-light text-decoration-none">Content Writing</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-6 col-xl-4 py-3">
|
|
<h2 class="fw-normal h5 mb-4 text-uppercase text-white">Subscribe</h2>
|
|
<p class="mb-3">Subscribe to our newsletter and get exclusive updates directly in your inbox.</p>
|
|
<form class="mb-4">
|
|
<div class="bg-white border input-group p-1 rounded">
|
|
<input type="email" class="border-0 form-control pe-3 ps-3" placeholder="Enter email..." aria-label="Recipient's email" aria-describedby="button-addon2" required/>
|
|
<button class="btn btn-primary pb-2 pe-4 ps-4 pt-2 rounded" type="submit" id="button-addon2" aria-label="submit">
|
|
<svg viewBox="0 0 24 24" fill="currentColor" class="d-inline-block" height="16" width="16">
|
|
<path d="M1.946 9.315c-.522-.174-.527-.455.01-.634l19.087-6.362c.529-.176.832.12.684.638l-5.454 19.086c-.15.529-.455.547-.679.045L12 14l6-8-8 6-8.054-2.685z"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
<h2 class="fw-normal h5 mb-3 text-uppercase text-white">Get Social</h2>
|
|
<div class="d-inline-flex flex-wrap"> <a href="#" class="link-light p-1" aria-label="facebook link"> <svg viewBox="0 0 24 24" fill="currentColor" width="20" height="20">
|
|
<path d="M14 13.5h2.5l1-4H14v-2c0-1.03 0-2 2-2h1.5V2.14c-.326-.043-1.557-.14-2.857-.14C11.928 2 10 3.657 10 6.7v2.8H7v4h3V22h4v-8.5z"/>
|
|
</svg> </a> <a href="#" class="link-light p-1" aria-label="twitter link"> <svg viewBox="0 0 24 24" fill="currentColor" width="20" height="20">
|
|
<path d="M22.162 5.656a8.384 8.384 0 0 1-2.402.658A4.196 4.196 0 0 0 21.6 4c-.82.488-1.719.83-2.656 1.015a4.182 4.182 0 0 0-7.126 3.814 11.874 11.874 0 0 1-8.62-4.37 4.168 4.168 0 0 0-.566 2.103c0 1.45.738 2.731 1.86 3.481a4.168 4.168 0 0 1-1.894-.523v.052a4.185 4.185 0 0 0 3.355 4.101 4.21 4.21 0 0 1-1.89.072A4.185 4.185 0 0 0 7.97 16.65a8.394 8.394 0 0 1-6.191 1.732 11.83 11.83 0 0 0 6.41 1.88c7.693 0 11.9-6.373 11.9-11.9 0-.18-.005-.362-.013-.54a8.496 8.496 0 0 0 2.087-2.165z"/>
|
|
</svg> </a> <a href="#" class="link-light p-1" aria-label="instagram link"> <svg viewBox="0 0 24 24" fill="currentColor" width="20" height="20">
|
|
<path d="M12 2c2.717 0 3.056.01 4.122.06 1.065.05 1.79.217 2.428.465.66.254 1.216.598 1.772 1.153a4.908 4.908 0 0 1 1.153 1.772c.247.637.415 1.363.465 2.428.047 1.066.06 1.405.06 4.122 0 2.717-.01 3.056-.06 4.122-.05 1.065-.218 1.79-.465 2.428a4.883 4.883 0 0 1-1.153 1.772 4.915 4.915 0 0 1-1.772 1.153c-.637.247-1.363.415-2.428.465-1.066.047-1.405.06-4.122.06-2.717 0-3.056-.01-4.122-.06-1.065-.05-1.79-.218-2.428-.465a4.89 4.89 0 0 1-1.772-1.153 4.904 4.904 0 0 1-1.153-1.772c-.248-.637-.415-1.363-.465-2.428C2.013 15.056 2 14.717 2 12c0-2.717.01-3.056.06-4.122.05-1.066.217-1.79.465-2.428a4.88 4.88 0 0 1 1.153-1.772A4.897 4.897 0 0 1 5.45 2.525c.638-.248 1.362-.415 2.428-.465C8.944 2.013 9.283 2 12 2zm0 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10zm6.5-.25a1.25 1.25 0 0 0-2.5 0 1.25 1.25 0 0 0 2.5 0zM12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"/>
|
|
</svg> </a> <a href="#" class="link-light p-1" aria-label="linkedin link"> <svg viewBox="0 0 24 24" fill="currentColor" width="20" height="20">
|
|
<path d="M6.94 5a2 2 0 1 1-4-.002 2 2 0 0 1 4 .002zM7 8.48H3V21h4V8.48zm6.32 0H9.34V21h3.94v-6.57c0-3.66 4.77-4 4.77 0V21H22v-7.93c0-6.17-7.06-5.94-8.72-2.91l.04-1.68z"/>
|
|
</svg> </a> <a href="#" class="link-light p-1" aria-label="youtube link"> <svg viewBox="0 0 24 24" fill="currentColor" width="20" height="20">
|
|
<path d="M21.543 6.498C22 8.28 22 12 22 12s0 3.72-.457 5.502c-.254.985-.997 1.76-1.938 2.022C17.896 20 12 20 12 20s-5.893 0-7.605-.476c-.945-.266-1.687-1.04-1.938-2.022C2 15.72 2 12 2 12s0-3.72.457-5.502c.254-.985.997-1.76 1.938-2.022C6.107 4 12 4 12 4s5.896 0 7.605.476c.945.266 1.687 1.04 1.938 2.022zM10 15.5l6-3.5-6-3.5v7z"/>
|
|
</svg> </a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pb-3 pt-3 small">
|
|
<hr class="border-secondary mt-0"/>
|
|
<div class="align-items-center row">
|
|
<div class="col-md pb-2 pt-2">
|
|
<p class="mb-0">© 2002 - 2021 | All Rights Reserved - Company Name</p>
|
|
</div>
|
|
<div class="col-md-auto pb-2 pt-2">
|
|
<a href="#" class="link-light text-decoration-none">Privacy Policy</a> | <a href="#" class="link-light text-decoration-none">Terms of Use</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script src="assets/js/popper.min.js"></script>
|
|
<script src="bootstrap/js/bootstrap.min.js"></script>
|
|
</body>
|
|
</html>
|