164 lines
5.6 KiB
Markdown
164 lines
5.6 KiB
Markdown
---
|
|
title: "page2"
|
|
description: ""
|
|
draft: false
|
|
weight: 2
|
|
|
|
---
|
|
|
|
<!-- section 1 (hero_images) -->
|
|
|
|
{{ hero_BG_image(
|
|
image_BG="/images/img_placeholder.jpg",
|
|
title="Hero With Image Background",
|
|
description="Lorem ipsum dolor sit amet consectetur adipiscing elit. Dolor sit amet consectetur adipiscing elit quisque faucibus"
|
|
|
|
|
|
) }}
|
|
|
|
|
|
<!-- --------------------------------------------------- -->
|
|
|
|
|
|
|
|
<!-- section 2 (right text) -->
|
|
|
|
<div class="relative overflow-hidden lg:py-24 py-12">
|
|
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
|
|
|
|
|
## Lorem Ipsum
|
|
|
|
<br>
|
|
|
|
Lorem ipsum dolor sit amet consectetur adipiscing elit. Adipiscing elit quisque faucibus ex sapien vitae pellentesque. Vitae pellentesque sem placerat in id cursus mi. Cursus mi pretium tellus duis convallis tempus leo. Tempus leo eu aenean sed diam urna tempor. Urna tempor pulvinar vivamus fringilla lacus nec metus.
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- --------------------------------------------------- -->
|
|
|
|
<!-- section 2 (Feature Card) -->
|
|
|
|
<div class="max-w-7xl mx-auto py-12 lg:py-24 px-6 lg:px-12">
|
|
|
|
## Feature Card
|
|
|
|
<br>
|
|
|
|
Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean.
|
|
|
|
<br>
|
|
|
|
<div class="grid grid-cols-1 gap-y-12 gap-x-6 lg:gap-x-16 lg:grid-cols-3 xl:gap-x-8">
|
|
|
|
|
|
{{ image_content(
|
|
image="/images/image_placeholder.jpg",
|
|
title="Lorem ipsum dolor",
|
|
description_1="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean. Urna tempor pulvinar vivamus fringilla lacus nec metus.",
|
|
|
|
description_2="Iaculis massa nisl malesuada lacinia integer nunc posuere. Semper vel class aptent taciti sociosqu ad litora. Conubia nostra inceptos himenaeos orci varius natoque penatibus.",
|
|
|
|
description_3="Dis parturient montes nascetur ridiculus mus donec rhoncus. Nulla molestie mattis scelerisque maximus eget fermentum odio. Purus est efficitur laoreet mauris pharetra vestibulum fusce."
|
|
)}}
|
|
|
|
{{ image_content(
|
|
image="/images/image_placeholder.jpg",
|
|
title="Lorem ipsum dolor",
|
|
description_1="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean. Urna tempor pulvinar vivamus fringilla lacus nec metus.",
|
|
|
|
description_2="Iaculis massa nisl malesuada lacinia integer nunc posuere. Semper vel class aptent taciti sociosqu ad litora. Conubia nostra inceptos himenaeos orci varius natoque penatibus.",
|
|
|
|
description_3="Dis parturient montes nascetur ridiculus mus donec rhoncus. Nulla molestie mattis scelerisque maximus eget fermentum odio. Purus est efficitur laoreet mauris pharetra vestibulum fusce."
|
|
)}}
|
|
|
|
{{ image_content(
|
|
image="/images/image_placeholder.jpg",
|
|
title="Lorem ipsum dolor",
|
|
description_1="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean. Urna tempor pulvinar vivamus fringilla lacus nec metus.",
|
|
|
|
description_2="Iaculis massa nisl malesuada lacinia integer nunc posuere. Semper vel class aptent taciti sociosqu ad litora. Conubia nostra inceptos himenaeos orci varius natoque penatibus.",
|
|
|
|
description_3="Dis parturient montes nascetur ridiculus mus donec rhoncus. Nulla molestie mattis scelerisque maximus eget fermentum odio. Purus est efficitur laoreet mauris pharetra vestibulum fusce."
|
|
)}}
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- --------------------------------------------------- -->
|
|
|
|
|
|
<!-- section 6 (Join the Movement) -->
|
|
|
|
<div class="lg:py-24 py-12 px-4">
|
|
<div class="container max-w-7xl mx-auto">
|
|
|
|
## Cards Link
|
|
|
|
<br>
|
|
|
|
<div class="max-w-4xl">
|
|
|
|
Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean. Urna tempor pulvinar vivamus fringilla lacus nec metus.
|
|
|
|
|
|
</div>
|
|
|
|
<div class="max-w-7xl mx-4 md:mx-10 lg:mx-20 mt-16 xl:mx-auto">
|
|
<div class="flex lg:flex-row flex-col">
|
|
|
|
{{ image_card(
|
|
image_src="/images/image_placeholder.jpg",
|
|
image_alt="image",
|
|
title="Title_card_1",
|
|
tooltip="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat id",
|
|
target="_blank",
|
|
card_link="#"
|
|
) }}
|
|
|
|
{{ image_card(
|
|
image_src="/images/image_placeholder.jpg",
|
|
image_alt="image",
|
|
title="Title_card_2",
|
|
tooltip="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat id",
|
|
target="_blank",
|
|
card_link="#"
|
|
) }}
|
|
|
|
{{ image_card(
|
|
image_src="/images/image_placeholder.jpg",
|
|
image_alt="image",
|
|
title="Title_card_3",
|
|
tooltip="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat id",
|
|
target="_blank",
|
|
card_link="#"
|
|
) }}
|
|
|
|
{{ image_card(
|
|
image_src="/images/image_placeholder.jpg",
|
|
image_alt="image",
|
|
title="Title_card_4",
|
|
tooltip="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat id",
|
|
target="_blank",
|
|
card_link="#"
|
|
) }}
|
|
|
|
{{ image_card(
|
|
image_src="/images/image_placeholder.jpg",
|
|
image_alt="image",
|
|
title="Title_card_5",
|
|
tooltip="Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat id",
|
|
target="_blank",
|
|
card_link="#"
|
|
) }}
|
|
</div>
|
|
</div>
|
|
<div class="justify-center items-center flex">
|
|
<a href="/page3" class="bg-theme text-theme rounded-md text-sm px-4 py-2 font-semibold shadow-sm">Button</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!---------------------------------------------------------------->
|