impl. partial IconheaderSubheaderText for streamlined textrendering
This commit is contained in:
parent
b1735c862c
commit
6d5d93fae1
3 changed files with 74 additions and 77 deletions
|
|
@ -32,44 +32,56 @@ keyfeatures:
|
||||||
"
|
"
|
||||||
|
|
||||||
# Features
|
# Features
|
||||||
|
featureslead:
|
||||||
|
headline: "Das Werkzeug für die ambulante Pflege"
|
||||||
|
subline: "VeruA ** Verwaltung & Abrechnung"
|
||||||
|
content: "**VeruA ** Verwaltung** & Abrechnung ist ein Werkzeug für Klientenmanagement, Planung, Dokumentation, Abrechnung und Statistik im Bereich ambulante Pflege. <br><br>Die für den ambulanten Einsatz optimierten Funktionen gewährleisten einen ökonomischen Einsatz aller unternehmerischen Ressourcen – sowohl für Spitex-Organisationen als auch für freiberufliche Pflegefachpersonen. <br><br>Die als Webseite angelegte Programmoberfläche macht die Bedienung besonders einfach und intuitiv."
|
||||||
|
|
||||||
features:
|
features:
|
||||||
- title: "What's Included in Hugoplate"
|
- headline: "Headline"
|
||||||
image: "/images/service-1.png"
|
subline: "subline"
|
||||||
content: "Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What's Included in Hugoplate"
|
icon: "user"
|
||||||
bulletpoints:
|
content: "Vom stillen welt wohl euch froher weiten um. Mein bringt gezeigt es irrt. Mich irren zerstoben mein tage lebt und."
|
||||||
- "10+ Pre-build pages"
|
|
||||||
- "95+ Google Pagespeed Score"
|
|
||||||
- "Build with Hugo and TailwindCSS for easy and customizable styling"
|
|
||||||
- "Fully responsive on all devices"
|
|
||||||
- "SEO-optimized for better search engine rankings"
|
|
||||||
- "**Open-source and free** for personal and commercial use"
|
|
||||||
button:
|
|
||||||
enable: false
|
|
||||||
label: "Get Started Now"
|
|
||||||
link: "#"
|
|
||||||
|
|
||||||
- title: "Discover the Key Features Of Hugo"
|
# TODO Get rid of this stuff
|
||||||
image: "/images/service-2.png"
|
# features:
|
||||||
content: "Hugo is an all-in-one web framework for building fast, content-focused websites. It offers a range of exciting features for developers and website creators. Some of the key features are:"
|
# - title: "What's Included in Hugoplate"
|
||||||
bulletpoints:
|
# image: "/images/service-1.png"
|
||||||
- "Zero JS, by default: No JavaScript runtime overhead to slow you down."
|
# content: "Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What's Included in Hugoplate"
|
||||||
- "Customizable: Tailwind, MDX, and 100+ other integrations to choose from."
|
# bulletpoints:
|
||||||
- "UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit and more."
|
# - "10+ Pre-build pages"
|
||||||
button:
|
# - "95+ Google Pagespeed Score"
|
||||||
enable: true
|
# - "Build with Hugo and TailwindCSS for easy and customizable styling"
|
||||||
label: "Get Started Now"
|
# - "Fully responsive on all devices"
|
||||||
link: "https://github.com/zeon-studio/hugoplate"
|
# - "SEO-optimized for better search engine rankings"
|
||||||
|
# - "**Open-source and free** for personal and commercial use"
|
||||||
|
# button:
|
||||||
|
# enable: false
|
||||||
|
# label: "Get Started Now"
|
||||||
|
# link: "#"
|
||||||
|
|
||||||
- title: "The Top Reasons to Choose Hugo for Your Hugo Project"
|
# - title: "Discover the Key Features Of Hugo"
|
||||||
image: "/images/service-3.png"
|
# image: "/images/service-2.png"
|
||||||
content: "With Hugo, you can build modern and content-focused websites without sacrificing performance or ease of use."
|
# content: "Hugo is an all-in-one web framework for building fast, content-focused websites. It offers a range of exciting features for developers and website creators. Some of the key features are:"
|
||||||
bulletpoints:
|
# bulletpoints:
|
||||||
- "Instantly load static sites for better user experience and SEO."
|
# - "Zero JS, by default: No JavaScript runtime overhead to slow you down."
|
||||||
- "Intuitive syntax and support for popular frameworks make learning and using Hugo a breeze."
|
# - "Customizable: Tailwind, MDX, and 100+ other integrations to choose from."
|
||||||
- "Use any front-end library or framework, or build custom components, for any project size."
|
# - "UI-agnostic: Supports React, Preact, Svelte, Vue, Solid, Lit and more."
|
||||||
- "Built on cutting-edge technology to keep your projects up-to-date with the latest web standards."
|
# button:
|
||||||
button:
|
# enable: true
|
||||||
enable: false
|
# label: "Get Started Now"
|
||||||
label: ""
|
# link: "https://github.com/zeon-studio/hugoplate"
|
||||||
link: ""
|
|
||||||
|
# - title: "The Top Reasons to Choose Hugo for Your Hugo Project"
|
||||||
|
# image: "/images/service-3.png"
|
||||||
|
# content: "With Hugo, you can build modern and content-focused websites without sacrificing performance or ease of use."
|
||||||
|
# bulletpoints:
|
||||||
|
# - "Instantly load static sites for better user experience and SEO."
|
||||||
|
# - "Intuitive syntax and support for popular frameworks make learning and using Hugo a breeze."
|
||||||
|
# - "Use any front-end library or framework, or build custom components, for any project size."
|
||||||
|
# - "Built on cutting-edge technology to keep your projects up-to-date with the latest web standards."
|
||||||
|
# button:
|
||||||
|
# enable: false
|
||||||
|
# label: ""
|
||||||
|
# link: ""
|
||||||
---
|
---
|
||||||
|
|
|
||||||
|
|
@ -74,49 +74,16 @@
|
||||||
</section>
|
</section>
|
||||||
<!-- /Key Features -->
|
<!-- /Key Features -->
|
||||||
<!-- Features -->
|
<!-- Features -->
|
||||||
{{ range $i, $e:= .Params.features }}
|
{{ with .Params.featureslead }}
|
||||||
<section class="section-sm {{ if (modBool $i 2) }}bg-gradient{{ end }}">
|
<section>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row items-center justify-between">
|
<div class="row">
|
||||||
<div
|
{{ partial "components/IconHeaderSubheaderText" (dict "icon" .icon "headline" .headline "subline" .subline "text" .content) }}
|
||||||
class="mb:md-0 {{ if not (modBool $i 2) }}
|
|
||||||
md:order-2
|
|
||||||
{{ end }} md:col-5 mb-6">
|
|
||||||
{{ partial "image" (dict "Src" .image "Alt" "feature image" "DisplayXL" "520x" "DisplayLG" "425x" "DisplayMD" "360x") }}
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="{{ if not (modBool $i 2) }}
|
|
||||||
md:order-1
|
|
||||||
{{ end }} md:col-7 lg:col-6">
|
|
||||||
<h2 class="mb-4">
|
|
||||||
{{ .title | markdownify }}
|
|
||||||
</h2>
|
|
||||||
<p class="mb-8 text-lg">
|
|
||||||
{{ .content | markdownify }}
|
|
||||||
</p>
|
|
||||||
<ul>
|
|
||||||
{{ range .bulletpoints }}
|
|
||||||
<li class="relative mb-4 pl-6">
|
|
||||||
<i class="fa fa-check absolute left-0 top-1.5"></i>
|
|
||||||
{{ . | markdownify }}
|
|
||||||
</li>
|
|
||||||
{{ end }}
|
|
||||||
</ul>
|
|
||||||
{{ with .button }}
|
|
||||||
{{ if .enable }}
|
|
||||||
<a class="btn btn-primary mt-6" href="{{ .link | absURL }}">
|
|
||||||
{{ .label }}
|
|
||||||
<i class="fa fa-arrow-right pl-2"></i>
|
|
||||||
</a>
|
|
||||||
{{ end }}
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<!-- /Features -->
|
<!-- /Features -->
|
||||||
|
|
||||||
<!-- Testimonials -->
|
<!-- Testimonials -->
|
||||||
{{ with site.GetPage "sections/testimonial" }}
|
{{ with site.GetPage "sections/testimonial" }}
|
||||||
{{ if .Params.enable }}
|
{{ if .Params.enable }}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,18 @@
|
||||||
|
{{ define "IconHeaderSubheaderText" }}
|
||||||
|
<div class="flex items-center space-x-4">
|
||||||
|
{{ with .icon }}
|
||||||
|
<i class="fas fa-{{ . }} fa-fw text-5xl text-primary py-10"></i>
|
||||||
|
{{ end }}
|
||||||
|
<div>
|
||||||
|
{{ with .headline }}
|
||||||
|
<h2 class="text-xl font-bold">{{ . }}</h2>
|
||||||
|
{{ end }}
|
||||||
|
{{ with .subline }}
|
||||||
|
<h3 class="text-lg text-gray-500">{{ . }}</h3>
|
||||||
|
{{ end }}
|
||||||
|
{{ with .text }}
|
||||||
|
<p class="text-base text-gray-700">{{ . }}</p>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue