sashaastiadi/www_duniayetu
1
0
Fork 0
forked from tfcoop/www_duniayetu
Code Pull Requests Activity

revert to 3script syntax for components

Browse Source
This commit is contained in:
timurgordon 2023-12-07 13:53:09 +03:00
parent f2d2c42688
commit fa63d47ac0
1 changed files with 18 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
content/home/index.md
View File

@ -7,65 +7,27 @@ draft: false
weight: 1 weight: 1
--- ---
<div class="bg-white pb-6 sm:pb-8 lg:pb-12"> !!flowrift.hero
<div class="mx-auto max-w-screen-2xl px-4 md:px-8"> subtext: 'For a better Congo'
<section class="flex flex-col justify-between gap-6 sm:gap-10 md:gap-16 lg:flex-row"> header: 'Une fleur pour la paix'
<!-- content - start --> description: 'Embarking on a mission to transform Congo into a beacon of hope, together with Dr Denis Mukwege, a renowned gynecologist and Nobel Peace Prize laureate, lets envision a future where sustainable development, ethical resource utilization, and technological innovation pave the way for a prosperous nation.
<div class="flex flex-col justify-center sm:text-center lg:py-12 lg:text-left xl:w-5/12 xl:py-24"> As a resilient advocate against wartime sexual violence, he champions the inclusive integration of global citizens, deploying cutting edge technology to establish a harmonious balance between progress and societal wellbeing.
<p class="mb-4 font-semibold text-indigo-500 md:mb-6 md:text-lg xl:text-xl">For a better Congo</p> Join Flowers4Peace and Dr Mukwege on this transformative journey for a brighter, more equitable Congo.'
<h1 class="mb-8 text-4xl font-bold text-black sm:text-5xl md:mb-12 md:text-6xl">Une Fleur Pour La Paix</h1> image: 'home/flowergirls2.jpeg'
<p class="mb-8 leading-relaxed text-gray-500 md:mb-12 lg:w-4/5 xl:text-lg">Embarking on a mission to transform Congo into a beacon of hope, together with Dr Denis Mukwege, a renowned gynecologist and Nobel Peace Prize laureate, lets envision a future where sustainable development, ethical resource utilization, and technological innovation pave the way for a prosperous nation. As a resilient advocate against wartime sexual violence, he champions the inclusive integration of global citizens, deploying cutting edge technology to establish a harmonious balance between progress and societal wellbeing. Join Flowers4Peace and Dr Mukwege on this transformative journey for a brighter, more equitable Congo.</p> blue_btn_label: 'Learn more'
<div class="flex flex-col gap-2.5 sm:flex-row sm:justify-center lg:justify-start"> blue_btn_url: 'https://www.denismukwege2023.com/'
<a href="https://www.denismukwege2023.com/" class="inline-block rounded-lg bg-indigo-500 px-8 py-3 text-center text-sm font-semibold text-white outline-none ring-indigo-300 transition duration-100 hover:bg-indigo-600 focus-visible:ring active:bg-indigo-700 md:text-base">Learn more</a> gray_btn_label: 'Donate'
<a href="/fundraise" class="inline-block rounded-lg bg-gray-200 px-8 py-3 text-center text-sm font-semibold text-gray-500 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-300 focus-visible:ring active:text-gray-700 md:text-base">Donate</a> gray_btn_url: '/fundraise'
</div>
</div>
<!-- content - end -->
<!-- image - start -->
<div class="h-48 overflow-hidden rounded-lg bg-gray-100 shadow-lg lg:h-auto xl:w-5/12">
<img
src="home/flowergirls2.jpeg"
loading="lazy"
alt="Photo by Fakurian Design"
class="h-full w-full object-cover object-center"
>
</div>
<!-- image - end -->
</section>
</div>
</div>
{% row(style="left" margin="none" reverse="rightreserve" padding="bottom") %} {% row(style="left" margin="none" reverse="rightreserve" padding="bottom") %}
<div class="bg-white py-6 sm:py-8 lg:py-12"> !!flowrift.cta
<div class="mx-auto max-w-screen-2xl px-4 md:px-8"> header: 'Denis Mukwege'
<div class="flex flex-col overflow-hidden rounded-lg bg-gray-900 sm:flex-row md:h-80"> subheader: '2023'
<!-- content - start --> description: '"My only motivation is to save and develop our country, what I am going to do is the continuation of my action and my commitment over the last 40 years in the service of my people"'
<div class="flex w-full flex-col p-4 sm:w-1/2 sm:p-8 lg:w-2/5"> button_label: 'Biography'
<h2 class="mb-4 text-xl font-bold text-white md:text-2xl lg:text-4xl"> button_url: 'https://www.nobelprize.org/prizes/peace/2018/mukwege/biographical/'
Denis Mukwege image: 'home/flowers4peace.jpeg'
<br>
2023
</h2>
<p class="mb-8 max-w-md text-gray-400">"My only motivation is to save and develop our country, what I am going to do is the continuation of my action and my commitment over the last 40 years in the service of my people"</p>
<div class="mt-auto">
<a href="https://www.nobelprize.org/prizes/peace/2018/mukwege/biographical/" class="inline-block rounded-lg bg-white px-8 py-3 text-center text-sm font-semibold text-gray-800 outline-none ring-indigo-300 transition duration-100 hover:bg-gray-100 focus-visible:ring active:bg-gray-200 md:text-base">Biography</a>
</div>
</div>
<!-- content - end -->
<!-- image - start -->
<div class="order-first h-48 w-full bg-gray-700 sm:order-none sm:h-auto sm:w-1/2 lg:w-3/5">
<img
src="home/flowers4peace.jpeg"
loading="lazy"
alt="Photo by Dom Hill"
class="h-full w-full object-cover object-center"
>
</div>
<!-- image - end -->
</div>
</div>
</div>
{% end %} {% end %}