Joakim
a08ddf7706
- Add production Norwegian sales training website demo - Create placeholder CSS files for Hugo @import statements - Update .gitignore to exclude *_enhanced/ directories - Fix CSS MIME type issues for extensionless files in /css/ paths
346 lines
23 KiB
HTML
346 lines
23 KiB
HTML
<!DOCTYPE html>
|
|
<html itemscope class="snap dark" lang="nb-no" itemtype="http://schema.org/WebPage">
|
|
<head>
|
|
<meta name="generator" content="Hugo 0.148.2">
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=5">
|
|
<meta name="theme-name" content="hugoplate">
|
|
<link rel="shortcut icon" href="images/favicon_hu_fc3e2a6bee6bf4a7.png" type="image/x-icon">
|
|
<link rel="icon" href="images/favicon_hu_fc3e2a6bee6bf4a7.png" type="image/x-icon">
|
|
<link rel="icon" type="image/png" sizes="48x48" href="images/favicon_hu_e204b38d3bc06b2.png">
|
|
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon_hu_fc3e2a6bee6bf4a7.png">
|
|
<link rel="apple-touch-icon" sizes="144x144" href="images/favicon_hu_e81cb40e0831378f.png">
|
|
<link rel="manifest" href="manifest.webmanifest">
|
|
<meta name="msapplication-TileColor" content="#ddd">
|
|
<meta name="theme-color" content="#ffffff">
|
|
<!-- Base href removed for localhost demo -->
|
|
<title class="insertr" data-content-type="text">DEVIGO</title>
|
|
<meta name="keywords" content="Salgstrening,Salgskurs,Kundeservice,Closing,Salgsutvikling">
|
|
<meta name="description" content="Et selskap dedikert til å utvikle og fremme god salgsteknikk, ">
|
|
<meta name="author" content="jnss.me">
|
|
<meta property="og:image:type" content="image/svg+xml">
|
|
<meta property="og:title" content="DEVIGO">
|
|
<meta property="og:description" content="Et selskap dedikert til å utvikle og fremme god salgsteknikk, ">
|
|
<meta property="og:type" content="website">
|
|
<!-- og:url removed for localhost demo -->
|
|
<meta name="twitter:title" content="DEVIGO">
|
|
<meta name="twitter:description" content="Et selskap dedikert til å utvikle og fremme god salgsteknikk, ">
|
|
<meta name="twitter:creator" content="@jnss.me">
|
|
<script>
|
|
let indexURL = "searchindex.json",
|
|
includeSectionsInSearch = ["blog"],
|
|
search_no_results = "0 results for",
|
|
search_initial_message = ""
|
|
</script>
|
|
<meta http-equiv="x-dns-prefetch-control" content="on">
|
|
<link rel="preconnect" href="https://use.fontawesome.com" crossorigin>
|
|
<link rel="preconnect" href="//cdnjs.cloudflare.com">
|
|
<link rel="preconnect" href="//www.googletagmanager.com">
|
|
<link rel="stylesheet" href="css/style.min.7689eba5aa202a985c862a65b270b80d749060ba27871723c7580d379f55eee9.css" media="screen">
|
|
</head>
|
|
|
|
<body class="border-color-light-1 dark:border-color-dark-1 min-h-screen">
|
|
<header class="header z-30 bg-white dark:bg-darkmode-color-dark">
|
|
<nav class="navbar container">
|
|
<div class="order-0">
|
|
<a class="navbar-brand inline-block" href="#">
|
|
<img fetchpriority="high" decoding="async" class="img img-light" width="180" height="" src="images/rustan_logo.svg" alt="Devigo" onerror='this.onerror=null,this.src=""'>
|
|
<img fetchpriority="high" decoding="async" class="img img-dark" width="180" height="" src="images/rustan_logo.svg" alt="Devigo" onerror='this.onerror=null,this.src=""'>
|
|
</a>
|
|
</div>
|
|
|
|
<input id="nav-toggle" type="checkbox" class="hidden">
|
|
<label for="nav-toggle" class="order-3 cursor-pointer flex items-center lg:hidden text-text-dark dark:text-white lg:order-1">
|
|
<svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
|
|
<title>Menu Open</title>
|
|
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0V0z"/>
|
|
</svg>
|
|
<svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
|
|
<title>Menu Close</title>
|
|
<polygon points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2" transform="rotate(45 10 10)"/>
|
|
</svg>
|
|
</label>
|
|
|
|
<ul id="nav-menu" class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
|
|
<li class="nav-item">
|
|
<a class="nav-link insertr" href="#feat" data-content-type="text">Kurs og Utvikling</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link insertr" href="#about" data-content-type="text">Om oss</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link insertr" href="#testimonials" data-content-type="text">Referanser</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link insertr" href="#contact" data-content-type="text">Kontakt</a>
|
|
</li>
|
|
<li class="mt-4 inline-block lg:hidden">
|
|
<a class="btn btn-outline-primary btn-sm insertr" href="#contact" data-content-type="link">selg mer!</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
|
|
<a href="#contact" class="btn btn-outline-primary btn-sm hidden lg:inline-block insertr" data-content-type="link">selg mer!</a>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<!-- Background Word Cloud -->
|
|
<div class="fixed inset-0 z-0 overflow-hidden pointer-events-none">
|
|
<img src="images/wordcloud.svg" loading="eager" decoding="async" alt="Banner image" class="!min-w-[500px] lg:!max-w-[1200px] -rotate-35 img" width="" height="">
|
|
</div>
|
|
|
|
<!-- Hero Section -->
|
|
<section class="section relative z-10">
|
|
<div class="container pt-8 bg-(--section-color)">
|
|
<div class="row items-center">
|
|
<div class="lg:col-6 md:col-6 mb-8 md:mb-0 md:order-1">
|
|
<img src="images/banner-img_hu_7d8ce6cf91237d02.webp" loading="eager" decoding="async" alt="Banner image" class="mx-auto lg:!max-w-[600px] img" width="368" height="541" onerror='this.onerror="null",this.src="images/banner-img.png"'>
|
|
</div>
|
|
<div class="lg:col-6 md:col-6 md:order-2">
|
|
<h1 class="mb-4 text-h3 lg:text-h1 insertr" data-content-type="text">Closing skjer før start</h1>
|
|
<p class="mb-8 insertr" data-content-type="markdown">Vår tjeneste er å sørge for at dine selgere yter sitt beste. Så selger du mer!</p>
|
|
<a class="btn btn-primary insertr" href="#contact" data-content-type="link">Kontakt oss
|
|
<i class="fa fa-arrow-right pl-2"></i>
|
|
</a>
|
|
<a class="btn btn-outline-primary mt-6 ml-4 insertr" href="#feat" data-content-type="link">Les mer</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<span id="feat"></span>
|
|
|
|
<!-- Course for New Sellers -->
|
|
<section class="section-sm relative z-10">
|
|
<div class="container">
|
|
<div class="row items-center justify-between">
|
|
<div class="mb:md-0 md:col-5 mb-6"></div>
|
|
<div class="bg-light dark:bg-darkmode-light rounded-lg px-7 py-10 md:col-7 lg:col-6">
|
|
<h3 class="mb-4 insertr" data-content-type="text">Kurs for nye selgere</h3>
|
|
<p class="mb-8 text-lg insertr" data-content-type="markdown">Salg er ikke bare et yrke, men en kultur. Vi kick-starter dine nye ansattes selvtillit</p>
|
|
<ul>
|
|
<li class="relative mb-4 pl-6">
|
|
<i class="fa fa-check absolute left-0 top-1.5"></i>
|
|
<span class="insertr" data-content-type="text">12 ukers intensivkurs</span>
|
|
</li>
|
|
<li class="relative mb-4 pl-6">
|
|
<i class="fa fa-check absolute left-0 top-1.5"></i>
|
|
<span class="insertr" data-content-type="text">Bli en del av et voksende nettverk for støtte og oppfølging</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Sales Development -->
|
|
<section class="section-sm relative z-10">
|
|
<div class="container">
|
|
<div class="row items-center justify-between">
|
|
<div class="mb:md-0 md:order-2 md:col-5 mb-6"></div>
|
|
<div class="md:order-1 bg-light dark:bg-darkmode-light rounded-lg px-7 py-10 md:col-7 lg:col-6">
|
|
<h3 class="mb-4 insertr" data-content-type="text">Selgerutvikling</h3>
|
|
<p class="mb-8 text-lg insertr" data-content-type="markdown">Ved å investere i selgeren…</p>
|
|
<ul>
|
|
<li class="relative mb-4 pl-6">
|
|
<i class="fa fa-check absolute left-0 top-1.5"></i>
|
|
<span class="insertr" data-content-type="text">Bli en del av et voksende nettverk for støtte og oppfølging</span>
|
|
</li>
|
|
<li class="relative mb-4 pl-6">
|
|
<i class="fa fa-check absolute left-0 top-1.5"></i>
|
|
<span class="insertr" data-content-type="text">Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Subject Courses -->
|
|
<section class="section-sm relative z-10">
|
|
<div class="container">
|
|
<div class="row items-center justify-between">
|
|
<div class="mb:md-0 md:col-5 mb-6"></div>
|
|
<div class="bg-light dark:bg-darkmode-light rounded-lg px-7 py-10 md:col-7 lg:col-6">
|
|
<h3 class="mb-4 insertr" data-content-type="text">Emnekurs</h3>
|
|
<p class="mb-8 text-lg insertr" data-content-type="markdown">Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet. Nisi anim cupidatat excepteur officia. Reprehenderit nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident. Nostrud officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex occaecat reprehenderit commodo officia dolor Lorem duis laboris cupidatat officia voluptate. Culpa proident adipisicing id nulla nisi laboris ex</p>
|
|
<ul>
|
|
<li class="relative mb-4 pl-6">
|
|
<i class="fa fa-check absolute left-0 top-1.5"></i>
|
|
<span class="insertr" data-content-type="text">Salgsinnledning</span>
|
|
</li>
|
|
<li class="relative mb-4 pl-6">
|
|
<i class="fa fa-check absolute left-0 top-1.5"></i>
|
|
<span class="insertr" data-content-type="text">Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- About Section -->
|
|
<section id="about" class="section relative z-10">
|
|
<div class="container bg-(--section-color)">
|
|
<div class="row justify-center">
|
|
<div class="md:col-10 lg:col-7">
|
|
<img src="images/crown_logo.svg" loading="lazy" decoding="async" alt="Om oss" class="mx-auto my-8 img" width="200" height="">
|
|
<h2 class="mb-6 text-center insertr" data-content-type="text">Om oss</h2>
|
|
<div class="content">
|
|
<div class="insertr" data-content-type="markdown">
|
|
<p>Ble stiftet i Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley</p>
|
|
<ul>
|
|
<li>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been th</li>
|
|
<li>Le industry's standard dummy text ever since the 1500s, when an unknown printer took a galley</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="mb-8">
|
|
<div class="bg-light dark:bg-darkmode-light rounded p-8 text-center">
|
|
<picture>
|
|
<source srcset="images/avatar_hu_5a1b8585ebace5d4.webp" media="(max-width: 575px)">
|
|
<source srcset="images/avatar_hu_89c3e1abf2e492be.webp" media="(max-width: 767px)">
|
|
<source srcset="images/avatar_hu_2afcab3aadbfeab2.webp" media="(max-width: 991px)">
|
|
<source srcset="images/avatar_hu_434a732a647167ac.webp">
|
|
<img loading="lazy" decoding="async" src="images/avatar_hu_7661af6aa1e392e9.png" class="mx-auto mb-6 rounded img" alt="Patric Rustan" width="3024" height="3024">
|
|
</picture>
|
|
<h4 class="mb-3">
|
|
<a href="#" class="insertr" data-content-type="text">Patric Rustan</a>
|
|
</h4>
|
|
<p class="mb-4 insertr" data-content-type="markdown">
|
|
Jeg har sju år på folkeskolen, tre år på gymnas, men etter to netter på en husmorsskole gikk utdannelsen i knas!
|
|
</p>
|
|
<ul class="social-icons my-3">
|
|
<li>
|
|
<a href="https://linkedin.com/in/knutrustan" target="_blank" rel="noopener nofollow">
|
|
<span class="sr-only"></span>
|
|
<i class="fa-brands fa-linkedin"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Testimonials -->
|
|
<section id="testimonials" class="relative z-10 section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="md:col-10 lg:col-8 xl:col-6 mx-auto text-center mb-8 bg-light dark:bg-darkmode-light rounded-lg px-7 py-10">
|
|
<h2 class="mb-4 insertr" data-content-type="text">Hva andre sier om oss</h2>
|
|
<p class="insertr" data-content-type="markdown">Ikke tro på oss, tro på våre fantastiske kunder</p>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="swiper testimonial-slider">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<div class="bg-light dark:bg-darkmode-light rounded-lg px-7 py-10">
|
|
<div class="text-text-dark dark:text-white">
|
|
<svg width="33" height="20" viewBox="0 0 33 20" fill="none">
|
|
<path d="M1.28375 19.41l-.49-.77c.42-1.6333.95667-3.57 1.61-5.81.65333-2.2867 1.35333-4.55 2.1-6.79.79333-2.28667 1.56333-4.27 2.31-5.9500041H15.3538C14.9338 2.09666 14.4904 4.26667 14.0238 6.6 13.5571 8.88666 13.1371 11.15 12.7638 13.39 12.4371 15.5833 12.1571 17.59 11.9238 19.41H1.28375zM31.69.0899959 32.18.859998C31.76 2.54 31.2233 4.5 30.57 6.74 29.9167 8.98 29.2167 11.2433 28.47 13.53 27.7233 15.77 26.9533 17.73 26.16 19.41H17.69C18.0167 17.9167 18.3433 16.33 18.67 14.65 18.9967 12.9233 19.3 11.22 19.58 9.54 19.9067 7.81333 20.1867 6.15667 20.42 4.57 20.7 2.93666 20.91 1.44333 21.05.0899959H31.69z" fill="currentColor"/>
|
|
</svg>
|
|
</div>
|
|
<blockquote class="mt-8 insertr" data-content-type="markdown">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui iusto illo molestias, assumenda expedita commodi inventore non itaque molestiae voluptatum dolore, facilis sapiente, repellat veniam.</blockquote>
|
|
<div class="mt-11 flex items-center">
|
|
<div class="text-text-dark dark:text-white">
|
|
<img src="images/avatar-sm_hu_cf2347ff1d8fd524.webp" loading="lazy" decoding="async" alt="Marvin McKinney" class="rounded-full img" width="50" height="50" onerror='this.onerror="null",this.src="images/avatar-sm_hu_d38f234cd389381f.png"'>
|
|
</div>
|
|
<div class="ml-4">
|
|
<h3 class="h5 font-primary font-semibold insertr" data-content-type="text">Marvin McKinney</h3>
|
|
<p class="text-text-dark dark:text-white insertr" data-content-type="text">Web Designer</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Additional testimonial slides can be added here -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Contact Section -->
|
|
<section id="contact" class="section relative z-10">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="md:col-10 lg:col-8 xl:col-6 mx-auto text-center mb-8 bg-light dark:bg-darkmode-light rounded-lg px-7 py-10">
|
|
<h2 class="mb-4 insertr" data-content-type="text">Kontakt oss</h2>
|
|
<p class="insertr" data-content-type="markdown">Vi svarer så fort vi kan, vanligvis samme dag.</p>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="contact-form">
|
|
<form method="POST" action="#" class="row">
|
|
<div class="mb-6 col-md-6">
|
|
<label for="name" class="form-label insertr" data-content-type="text">Navn <span class="text-red-500">*</span></label>
|
|
<input id="name" name="name" class="form-input" placeholder="Kari Nordman" type="text">
|
|
</div>
|
|
<div class="mb-6 col-md-6">
|
|
<label for="email" class="form-label insertr" data-content-type="text">Epost <span class="text-red-500">*</span></label>
|
|
<input id="email" name="email" class="form-input" placeholder="kari@nordman.no" type="email">
|
|
</div>
|
|
<div class="mb-6 col-12">
|
|
<label for="message" class="form-label insertr" data-content-type="text">Noe mer? <span class="text-red-500">*</span></label>
|
|
<textarea id="message" name="message" class="form-input" placeholder="Hva lurer du på?" rows="6"></textarea>
|
|
</div>
|
|
<div class="col-12">
|
|
<button type="submit" class="btn btn-primary insertr" data-content-type="text">Send</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-light dark:bg-darkmode-light relative z-10">
|
|
<div class="container">
|
|
<div class="row items-center py-10">
|
|
<div class="lg:col-3 mb-8 text-center lg:mb-0 lg:text-left">
|
|
<a class="navbar-brand inline-block" href="#">
|
|
<img fetchpriority="high" decoding="async" class="img img-light" width="180" height="" src="images/rustan_logo.svg" alt="Devigo" onerror='this.onerror=null,this.src=""'>
|
|
<img fetchpriority="high" decoding="async" class="img img-dark" width="180" height="" src="images/rustan_logo.svg" alt="Devigo" onerror='this.onerror=null,this.src=""'>
|
|
</a>
|
|
</div>
|
|
<div class="lg:col-6 mb-8 text-center lg:mb-0">
|
|
<ul></ul>
|
|
</div>
|
|
<div class="lg:col-3 mb-8 text-center lg:mb-0 lg:mt-0 lg:text-right">
|
|
<ul class="social-icons">
|
|
<li>
|
|
<a target="_blank" aria-label="facebook" rel="nofollow noopener" href="https://www.facebook.com/">
|
|
<i class="fab fa-facebook"></i>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a target="_blank" aria-label="linkedin" rel="nofollow noopener" href="https://www.linkedin.com/">
|
|
<i class="fab fa-linkedin"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="border-border dark:border-darkmode-border border-t py-7">
|
|
<div class="text-text-light dark:text-darkmode-text-light container text-center">
|
|
<p class="insertr" data-content-type="markdown">Utviklet og levert av Joakim Schäffer</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<script crossorigin="anonymous" integrity="sha256-NoqgJlugD+mB4Hf8AueiiPBQSb7ASin+oZS0fYEdtiA=" src="js/script.min.368aa0265ba00fe981e077fc02e7a288f05049bec04a29fea194b47d811db620.js"></script>
|
|
<script defer async crossorigin="anonymous" integrity="sha256-GrJYek7lbMIWuRNCD5ImM6PNBJ72jzIDo/urKVLfPDk=" src="js/script-lazy.min.1ab2587a4ee56cc216b913420f922633a3cd049ef68f3203a3fbab2952df3c39.js"></script>
|
|
<!-- Service worker disabled for demo -->
|
|
<!-- <script>"serviceWorker" in navigator && navigator.serviceWorker.register("/service-worker.js")</script> -->
|
|
</body>
|
|
</html> |