templates/zauberhaft-astro
1
0
Fork 0
mirror of https://github.com/ariqnrnns/zauberhaft-astro.git synced 2025-04-19 19:11:53 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Patch image height dimension, update readme & add banners

Browse source
This commit is contained in:
henk 2022-11-21 11:35:02 +00:00
parent 1f5d86c8f4
commit fd1a4138d0
5 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
README.md
View file

@ -7,9 +7,9 @@
[![zauberhaft.ravenbright.design](https://img.shields.io/website-up-down-green-red/http/shields.io.svg)](https://zauberhaft.ravenbright.design)
<p align="center">
<img src="https://raw.githubusercontent.com/ariqnrnns/zauberhaft-astro/main/src/zauberhaft-astro-banner.jpg" alt="Zauberhaft Banner">
<img src="https://raw.githubusercontent.com/ariqnrnns/zauberhaft-astro/main/src/Zauberhaft-banner.jpg" alt="Zauberhaft Banner">
<img src="https://raw.githubusercontent.com/ariqnrnns/zauberhaft-astro/main/src/zauberhaft-astro-stats.jpg" alt="Zauberhaft Stats">
<img src="https://raw.githubusercontent.com/ariqnrnns/zauberhaft-astro/main/src/Zauberhaft-stats.jpg" alt="Zauberhaft Stats">
</p>
## Free, customizable, modern & Lightning fast Astro agency website template

BIN
src/Zauberhaft-banner.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
src/Zauberhaft-stats.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 27 KiB

3
src/layouts/Layout.astro
View file

@ -88,8 +88,7 @@ const { title } = Astro.props;
<link rel="icon" sizes="192x192" href="/favicon/favicon-180x180.png" />
<!-- Links -->
<link rel="canonical" href="https://example.com/article" />
<link rel="manifest" href="manifest.json" />
<link rel="canonical" href="https://zauberhaft.ravenbright.design" />
<!-- Script -->
<script src="/toggledarktheme.js" defer></script>

14
src/pages/index.astro
View file

@ -14,14 +14,14 @@ import Layout from "../layouts/Layout.astro";
<span
class="badge border-yellow-200 badge-sm bg-yellow-100 font-semibold dark-bg-gray-800 dark-border-none p-x-5 p-y-3 m-b-4 flex-wrap dark-white xs-font-size-xxs sm-font-size-xs"
>
Accessible & modern website templates 🚀
Accessible & modern site templates 🚀
</span>
<h2 class="h1 m-b-6 md-w-75">
The best design studio for small business
</h2>
<div class="md-w-75 m-b-7">
<h3 class="h6 font-medium line-h-lg">
Zauberhaft is a FREE one page agency website template with
Zauberhaft is a FREE one page agency HTML template with
built-in dark mode to supercharge your project. Zauberhaft is
available in: HTML, Next.js, Gatsby & Astro
</h3>
@ -472,7 +472,7 @@ import Layout from "../layouts/Layout.astro";
class="radius-md m-b-6 md-w-50"
src="https://images.unsplash.com/photo-1543269865-cbf427effbad?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxjb2xsZWN0aW9uLXBhZ2V8N3xONWRTdW9qMU9GTXx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=560&q=60"
loading="lazy"
width="560"
width="560" height="320"
alt="Business & work - Unsplash image by @brookecagle - https://unsplash.com/photos/-uHVRvDr7pg"
/>
</div>
@ -616,7 +616,7 @@ import Layout from "../layouts/Layout.astro";
class="radius-md xs-m-b-8 md-m-b-0 md-m-r-10 xs-w-100 md-w-50"
src="https://images.unsplash.com/photo-1560250056-07ba64664864?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=360&q=80"
loading="lazy"
width="480"
width="480" height="360"
alt="Unsplash image by @linkedinsalesnavigator - https://unsplash.com/photos/YDVdprpgHv4"
/>
<div class="flex flex-column md-w-50">
@ -668,7 +668,7 @@ import Layout from "../layouts/Layout.astro";
aria-label="Companyabc have increased their MRR by 17% after redesign"
rel="noopener noreferrer"></a>
<img
width="480"
width="480" height="360"
class="lazy radius-md m-b-6 w-100"
src="https://images.unsplash.com/photo-1572021335469-31706a17aaef?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=360&q=80"
alt="Business & work - Unsplash image by judmackrill - https://unsplash.com/photos/Of_m3hMsoAA"
@ -710,7 +710,7 @@ import Layout from "../layouts/Layout.astro";
class="radius-md xs-m-b-8 lg-m-b-0 lg-m-r-8 xs-w-100 lg-w-50"
src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=320&q=80"
loading="lazy"
width="480"
width="480" height="360"
alt="Business & work - Unsplash image by @brookecagle - https://unsplash.com/photos/g1Kr4Ozfoac"
/>
<div class="flex flex-column lg-w-50">
@ -762,7 +762,7 @@ import Layout from "../layouts/Layout.astro";
class="radius-md xs-m-b-8 lg-m-b-0 lg-m-r-8 xs-w-100 lg-w-50"
src="https://images.unsplash.com/photo-1556761175-5973dc0f32e7?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=360&q=80"
loading="lazy"
width="480"
width="480" height="360"
alt="Business & work - Unsplash image by @austindistel - https://unsplash.com/photos/rxpThOwuVgE"
/>
<div class="flex flex-column lg-w-50">