update content component

This commit is contained in:
Ehab Hassan 2023-11-29 16:29:29 +02:00
parent 47c5710e54
commit 15c17995ec
4 changed files with 13 additions and 14 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -11,16 +11,18 @@ weight: 1
<div class="container mx-auto"> <div class="container mx-auto">
{% content1( {% content1(
content1_title = "Our competitive advantage", content1_title = "Our competitive advantage",
content1_text1 = "This is a section of some simple filler text,", content1_text = "This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text but is random or otherwise generated. It may be used to display a sample of fonts or generate text for testing. Filler text is dummy text which has no meaning however looks very similar to real text. The important factor when using filler text is that the text looks realistic otherwise it will not look very good.",
content1_text2 = "This is a section of some simple filler text, also known ", content1_subtitle = "About Us",
content1_photo = "https://images.unsplash.com/photo-1593508512255-86ab42a8e620?auto=format&q=75&fit=crop&w=600&h=350"
) %} ) %}
# test
# test
{% end %} {% end %}

View File

@ -5,7 +5,7 @@
<body> <body>
{% include "partials/header.html" %} {% include "partials/header.html" %}
<div id="content" class="p-4 pt-24 lg:pt-0 sm:p-12 lg:p-0 overflow-hidden"> <div id="content" class="p-4 pt-24 sm:p-12 overflow-hidden">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </div>
{% include "partials/footer.html" %} {% include "partials/footer.html" %}

View File

@ -4,10 +4,10 @@
<p class="mb-6 text-gray-500 sm:text-lg md:mb-8"> <p class="mb-6 text-gray-500 sm:text-lg md:mb-8">
{{ content1_text }} {{ content1_text }}
</p>
</p>
<h2 class="mb-2 text-xl font-semibold text-gray-800 sm:text-2xl md:mb-4">About us</h2> <h2 class="mb-2 text-xl font-semibold text-gray-800 sm:text-2xl md:mb-4">{{ content1_subtitle }}</h2>
<p class="mb-6 text-gray-500 sm:text-lg md:mb-8">This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text but is random or otherwise generated. It may be used to display a sample of fonts or generate text for testing. Filler text is dummy text which has no meaning however looks very similar to real text.</p> <p class="mb-6 text-gray-500 sm:text-lg md:mb-8">This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text but is random or otherwise generated. It may be used to display a sample of fonts or generate text for testing. Filler text is dummy text which has no meaning however looks very similar to real text.</p>
@ -20,12 +20,9 @@
<blockquote class="mb-6 border-l-4 pl-4 italic text-gray-500 sm:text-lg md:mb-8 md:pl-6">“This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text but is random or otherwise generated.”</blockquote> <blockquote class="mb-6 border-l-4 pl-4 italic text-gray-500 sm:text-lg md:mb-8 md:pl-6">“This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text but is random or otherwise generated.”</blockquote>
<div class="relative mb-6 overflow-hidden rounded-lg bg-gray-100 shadow-lg md:mb-8"> <div class="relative mb-6 overflow-hidden rounded-lg bg-gray-100 shadow-lg md:mb-8">
<img src="https://images.unsplash.com/photo-1593508512255-86ab42a8e620?auto=format&q=75&fit=crop&w=600&h=350" loading="lazy" alt="Photo by Minh Pham" class="h-full w-full object-cover object-center" /> <img src="{{ content1_photo }}" loading="lazy" alt="Photo by Minh Pham" class="h-full w-full object-cover object-center" />
</div> </div>
<h2 class="mb-2 text-xl font-semibold text-gray-800 sm:text-2xl md:mb-4">Features</h2>
<p class="text-gray-500 sm:text-lg">This is a section of some simple filler text, also known as placeholder text. It shares some characteristics of a real written text but is random or otherwise generated. It may be used to display a sample of fonts or generate text for testing. Filler text is dummy text which has no meaning however looks very similar to real text.</p>
</div> </div>
</div> </div>