impl. Keyfeatures auf Startseite
This commit is contained in:
parent
9ca5ba90b1
commit
b1735c862c
5 changed files with 69 additions and 58 deletions
|
|
@ -1 +1,2 @@
|
|||
TODO Cleanup content folder
|
||||
TODO Verzeichnisstruktur final anpassen
|
||||
|
|
@ -1,4 +1,5 @@
|
|||
// Custom Fonts
|
||||
|
||||
/**************** Fonts ******************/
|
||||
@font-face {
|
||||
font-family: "MontserratVar";
|
||||
src: url( '../fonts/Montserrat-VariableFont_wght.ttf' );
|
||||
|
|
@ -8,22 +9,29 @@
|
|||
src: url( '../fonts/OpenSans-VariableFont_wdth_wght.ttf' );
|
||||
}
|
||||
|
||||
/**************** Typography ******************/
|
||||
a {
|
||||
color: #a9cd2e;
|
||||
text-decoration: none;
|
||||
transition: 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
/**************** Component Styles ******************/
|
||||
|
||||
// Verua Slider
|
||||
.verua-slider-wrapper {
|
||||
position: relative;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.verua-slider-wrapper .verua-slider {
|
||||
position: relative;
|
||||
height: 100vh;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.verua-slider-wrapper .verua-slider .slides {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -35,7 +43,7 @@
|
|||
}
|
||||
|
||||
.verua-slider-wrapper .verua-slider .slides.current {
|
||||
z-index: 1;
|
||||
// z-index: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
@ -122,7 +130,7 @@
|
|||
top: 50%;
|
||||
left: 5%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 99;
|
||||
// z-index: 99;
|
||||
font-size: 1.5em;
|
||||
font-weight: 600;
|
||||
border: 2px solid #fff;
|
||||
|
|
@ -142,7 +150,7 @@
|
|||
top: 50%;
|
||||
right: 5%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 99;
|
||||
// z-index: 99;
|
||||
font-size: 1.5em;
|
||||
font-weight: 600;
|
||||
border: 2px solid #fff;
|
||||
|
|
@ -168,7 +176,7 @@
|
|||
bottom: 15%;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 99;
|
||||
// z-index: 99;
|
||||
font-size: 1em;
|
||||
font-weight: 500;
|
||||
border: 1px solid #16a;
|
||||
|
|
|
|||
|
|
@ -8,15 +8,28 @@ heroslider:
|
|||
- title: "Administration optimieren, Zeit gewinnen."
|
||||
image: "startseite/startseite-slide-3.jpg"
|
||||
|
||||
# Banner
|
||||
# banner:
|
||||
# title: "Das ultimative Starter Template "
|
||||
# content: "Hugoplate is a free starter template built with Hugo and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time."
|
||||
# image: "/images/banner.png"
|
||||
# button:
|
||||
# enable: true
|
||||
# label: "Get Started For Free"
|
||||
# link: "https://github.com/zeon-studio/hugoplate"
|
||||
# Key Features
|
||||
|
||||
keyfeatures:
|
||||
- icon: "car"
|
||||
color: "lime-300"
|
||||
textcolor: "black"
|
||||
title: "Freiberufliche Pflegefachpersonen"
|
||||
content: "Die Applikation **VeruA ** Verwaltung & Abrechnung** unterstützt Sie bei Anamnese, Planung, Dokumentation und Abrechnung in der ambulanten Pflege. <br><br>VeruA ist optimiert für den Einsatz in einer Einzelperson-Version oder für Teams, die gemeinsam Klienten betreuen und sich gegenseitig Einsicht in die Pflegedokumentation ermöglichen wollen."
|
||||
- icon: "users"
|
||||
color: "slate-800"
|
||||
textcolor: "white"
|
||||
title: "Spitex-Organisationen"
|
||||
content: "Vereinfachen Sie die Dokumentation, Administration und Abrechnung in Ihrer Spitex-Organisation mit der Applikation **VeruA ** Verwaltung & Abrechnung.** <br><br>
|
||||
|
||||
Unser Angebot richtet sich besonders an Organisationen, die eine schlanke und kostengünstige Applikation suchen und auf guten Support nicht verzichten wollen. <br><br> Bedarfsermittlungen mit **interRAI** erstellen? <br><br> **Kein Problem!** <br><br>Seit dem ersten Quartal 2020 bieten wir Ihnen die **Schnittstelle zum Perigon interRAI Cloud** an."
|
||||
- icon: "bank"
|
||||
color: "white"
|
||||
textcolor: "black"
|
||||
title: "Kantonale Abrechnung"
|
||||
content: "In der Vielfalt der kantonalen Abrechnungen und Bestimmungen stehen wir Ihnen zur Seite. <br><br>Wir setzen die kantonalen Vorgaben für Sie um und unterstützen Sie mit diversen Export-Funktionen und Auswertungen. <br><br>
|
||||
[ERFAHREN SIE MEHR ...](/#)
|
||||
"
|
||||
|
||||
# Features
|
||||
features:
|
||||
|
|
|
|||
|
|
@ -1,12 +1,11 @@
|
|||
{{/* Home Template File */}}
|
||||
{{ define "main" }}
|
||||
<!-- Banner -->
|
||||
|
||||
<!-- Hero Slider -->
|
||||
<section class="hero-slider h-screen md:h-[750px]">
|
||||
<div class="verua-slider-wrapper">
|
||||
<div class="verua-slider" id="verua-slider">
|
||||
<div class="verua-slider h-screen md:h-[750px]" id="verua-slider">
|
||||
{{ range $i, $e:= .Params.heroslider }}
|
||||
<div class="slides {{ if (eq $i 0) }}current{{ end }}" style="background-image:url('{{ .image }}')">
|
||||
<div class="slides h-screen md:h-full {{ if (eq $i 0) }}current{{ end }}" style="background-image:url('{{ .image }}')">
|
||||
<h1 class="mb-4 text-4xl font-extrabold leading-none tracking-tight md:text-5xl lg:text-6xl">
|
||||
{{ .title | markdownify }}
|
||||
</h1>
|
||||
|
|
@ -49,42 +48,32 @@
|
|||
}
|
||||
|
||||
</script>
|
||||
<!-- /Hero Slider -->
|
||||
<!-- Key Features -->
|
||||
|
||||
{{ with .Params.banner }}
|
||||
<section class="section pt-14">
|
||||
<div class="container">
|
||||
<div class="row justify-center">
|
||||
<div class="lg:col-7 md:col-9 mb-8 text-center">
|
||||
<h1 class="mb-4 text-h3 lg:text-h1">
|
||||
{{/* <section class="flex flex-wrap items-start justify-center relative"> */}}
|
||||
<section class="lg:container lg:mx-auto relative flex flex-col justify-between items-center lg:flex-row lg:items-center lg:-mt-[250px]">
|
||||
{{ range $i, $e:= .Params.keyfeatures }}
|
||||
|
||||
<div class="w-full flex-1 lg:mt-8 p-8 lg:m-4 shadow-xl lg:rounded-3xl {{ with .color }} bg-{{ . }} {{ end }} {{ with .textcolor }} text-{{ . }} {{ end }}">
|
||||
{{/* <div class="flex-shrink-0 relative {{ with .color }} bg-{{ . }} {{ end }} m-6 {{ with .textcolor }} text-{{ . }} {{ end }} -mt-[250px] overflow-hidden rounded-lg max-w-96 shadow-lg p-8"> */}}
|
||||
|
||||
{{ with .icon }}
|
||||
<div class="flex items-center justify-center">
|
||||
<i class="fas fa-{{ . }} fa-fw text-5xl text-primary py-10"></i>
|
||||
</div>
|
||||
{{ end }}
|
||||
<h3 class="mb-4 {{ with .textcolor }} text-{{ . }} {{ end }}">
|
||||
{{ .title | markdownify }}
|
||||
</h1>
|
||||
<p class="mb-8">
|
||||
</h2>
|
||||
<p class="mb-8 text-lg">
|
||||
{{ .content | markdownify }}
|
||||
</p>
|
||||
{{ with .button }}
|
||||
{{ if .enable }}
|
||||
<a
|
||||
class="btn btn-primary"
|
||||
href="{{ .link | absURL }}"
|
||||
{{ if strings.HasPrefix .link `http` }}
|
||||
target="_blank" rel="noopener"
|
||||
{{ end }}>
|
||||
{{ .label }}
|
||||
<i class="fa fa-arrow-right pl-2"></i>
|
||||
</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="col-12">
|
||||
{{ partial "image" (dict "Src" .image "Alt" "Banner image" "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
<!-- /Banner -->
|
||||
|
||||
<!-- Features -->
|
||||
<!-- /Key Features -->
|
||||
<!-- Features -->
|
||||
{{ range $i, $e:= .Params.features }}
|
||||
<section class="section-sm {{ if (modBool $i 2) }}bg-gradient{{ end }}">
|
||||
<div class="container">
|
||||
|
|
|
|||
|
|
@ -2,16 +2,16 @@
|
|||
<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="preconnect" href="//www.google-analytics.com" />
|
||||
{{/* <link rel="preconnect" href="//www.googletagmanager.com" /> */}}
|
||||
{{/* <link rel="preconnect" href="//www.google-analytics.com" /> */}}
|
||||
<link rel="dns-prefetch" href="https://use.fontawesome.com" />
|
||||
<link rel="dns-prefetch" href="//ajax.googleapis.com" />
|
||||
{{/* <link rel="dns-prefetch" href="//ajax.googleapis.com" /> */}}
|
||||
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com" />
|
||||
<link rel="dns-prefetch" href="//www.googletagmanager.com" />
|
||||
{{/* <link rel="dns-prefetch" href="//www.googletagmanager.com" />
|
||||
<link rel="dns-prefetch" href="//www.google-analytics.com" />
|
||||
<link rel="dns-prefetch" href="//connect.facebook.net" />
|
||||
<link rel="dns-prefetch" href="//platform.linkedin.com" />
|
||||
<link rel="dns-prefetch" href="//platform.twitter.com" />
|
||||
<link rel="dns-prefetch" href="//platform.twitter.com" /> */}}
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue