ehab/www_zola_template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix alignment

Browse Source
This commit is contained in:
Ehab Hassan
2025-03-19 12:10:14 +02:00
parent 6d9eabb906
commit 94c6a1f1bc
5 changed files with 35 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
content/_index.md
View File

@@ -7,7 +7,7 @@ template = "index.html"
{{ hero3(
announcement='<a href="#" class="font-semibold text-gray-300 hover:text-white">Read more &rarr;</a>',
subheader="SUBHEADER",
title="This is Hero1.html",
title="This is Hero1.htmll",
subtitle="This is smaller title h2",
description="Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat.",
button1_text="Get started",
@@ -16,14 +16,27 @@ template = "index.html"
button2_link="#"
) }}
{{ hero2(title="Welcome to Your Zola Site", subtitle="A modern, responsive website built with Zola and styled with Tailwind CSS", button_text="Learn More", button_link="/blog", bg_color="bg-blue-700") }}
{{
hero2(
title="Welcome to Your Zola Site",
subtitle="A modern, responsive website built with Zola and styled with Tailwind CSS",
button_text="Learn More",
button_link="/blog", bg_color="bg-blue-700"
) }}
## About This Site
This is a modern, responsive website built with [Zola](https://www.getzola.org/) and styled with [Tailwind CSS](https://tailwindcss.com/). It demonstrates the use of shortcodes and markdown together to create beautiful, reusable components.
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 my-12">
{{ feature_card(title="Fast and Lightweight", description="Zola generates static HTML files that load quickly", icon="⚡") }}
{{
feature_card(
title="Fast and Lightweight",
description="Zola generates static HTML files that load quickly",
icon="⚡"
)
}}
{{ feature_card(title="Modern Design", description="Tailwind CSS provides utility classes for rapid UI development", icon="🎨") }}
@@ -43,11 +56,12 @@ To add new content, create Markdown files in the `content` directory. Zola will
For more information, check out the [Zola documentation](https://www.getzola.org/documentation/getting-started/overview/) and [Tailwind CSS documentation](https://tailwindcss.com/docs).
{{ cta(title="Ready to Get Started?", description="Create your own beautiful website with Zola and Tailwind CSS today.", button_text="View Blog", button_link="/blog") }}
{{
cta(
title="Ready to Get Started?",
description="Create your own beautiful website with Zola and Tailwind CSS today.",
button_text="View Blog",
button_link="/blog")
}}
{% raw %}
```html
<!-- Example of using the hero2 shortcode -->
{{ hero2(title="Welcome", subtitle="A subtitle here", button_text="Click Me", button_link="/some-page", bg_color="bg-blue-700", image="/path/to/image.jpg") }}
```
{% endraw %}