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

update banner component

Browse Source
This commit is contained in:
Ehab Hassan
2023-11-29 15:21:01 +02:00
parent 062b06e528
commit 47c5710e54
4 changed files with 76 additions and 313 deletions
Download Patch File Download Diff File Expand all files Collapse all files

264
content/home/index.md
View File

@@ -9,286 +9,64 @@ weight: 1
<!-- section 1 (header) -->
{{ reviews(
reviews=[
{
"title":"Title1",
"date":"August 28, 2021",
"stars":[3,2],
"description":"This is the text which will be used"
},
{
"title":"Title2",
"date":"August 29, 2021",
"stars":[4,1],
"description":"This is the text which will be used 2"
},
{
"title":"Title3",
"date":"August 30, 2022",
"stars":[5,0],
"description":"This is the text which will be used 3"
},
])
}}
{% row(style="left" margin="none" reverse="rightreserve" padding="bottom") %}
<div class="px-4 md:px-16 lg:px-28">
<br>
<br>
## h2 title
<!-- {{ youtube(id="5q9maMxvrac") }} -->
{{ mycomponent(
subject="My Subject",
items=[
"aaa",
"bbb",
"cccc"
]
)
}}
### h3 subtitle
##### Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<button onclick="yourlink">
button
</button>
</div>
<br>
|||
![placeholder](./img/img_header.png#mx-auto)
{% end %}
<!-- section 2 (header) -->
<div class="container mx-auto">
{% row(style="center" margin="withContainer" padding="none") %}
{% content1(
## h2 h2 h2
content1_title = "Our competitive advantage",
content1_text1 = "This is a section of some simple filler text,",
content1_text2 = "This is a section of some simple filler text, also known ",
### h3 h3 h3
) %}
# test
{% end %}
{% reviews(
reviews_name = "ehab",
reviews_date = "12/6/2023"
reviews_description = "test test"
) %},
{% end %}
{% row(style="center" margin="narrow" padding="bottom") %}
{% banner(
<div class="mx-4 my-4">
banner_text = "This is a section of some simple filler text, also known as placeholder text.",
banner_button_name = "Learn More"
![Image](./img/img_column_item.png#md#mx-auto)
#### item 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
) %}
</div>
|||
<div class="mx-4 my-4">
![Image](./img/img_column_item.png#md#mx-auto)
#### item 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
</div>
|||
<div class="mx-4 my-4">
![Image](./img/img_column_item.png#md#mx-auto)
#### item 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
</div>
{% end %}
<!-- section 2 security -->
{% row(style="left" margin="withContainer" padding="bottom") %}
![placeholder](./img/img_section.png#mx-auto)
|||
## h2h2h2
### h3 subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam <br>
<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam<br><br>
<button onclick="yourlink">
button
</button>
{% end %}
<!-- section 2 security -->
{% row(style="right" margin="withContainer" padding="bottom") %}
## h2 h2 h2
### h3 subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam <br>
<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam<br><br>
<button onclick="yourlink">
button
</button>
|||
![placeholder](./img/img_section.png#mx-auto)
{% end %}
<!-- section 3 features title -->
{% row(style="center" margin="narrow" padding="none") %}
## middle title
### subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.
<br>
{% end %}
{% row(style="center" margin="narrow" padding="none") %}
<div class="mx-4 my-4">
![Image](./img/img_column.png#sm#mx-auto)
#### Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
|||
<div class="mx-4 my-4">
![Image](./img/img_column.png#sm#mx-auto)
#### Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
|||
<div class="mx-4 my-4">
![Image](./img/img_column.png#sm#mx-auto)
#### Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
{% end %}
<br>
{% row(style="center" margin="narrow" padding="none") %}
<div class="mx-4 my-4">
![Image](./img/img_column.png#sm#mx-auto)
#### Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
|||
<div class="mx-4 my-4">
![Image](./img/img_column.png#sm#mx-auto)
#### Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
|||
<div class="mx-4 my-4">
![Image](./img/img_column.png#sm#mx-auto)
#### Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
{% end %}
<!-- section 5 subscription -->
{% row(style="left" margin="withContainer" padding="both") %}
![](./img/img_portrait.png#mx-auto)
|||
## h2 h2 h2
### h3 h3 h3 h3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
<br>
<button onclick="yourlink">
button
</button>
{% end %}
<!-- section 6 in the news -->
{% row(style="center" padding="bottom") %}
[![logo1](img/logo_bottom.png#small)](yourlink)
|||
[![logo2](img/logo_bottom.png#small)](yourlink)
|||
[![logo3](img/logo_bottom.png#small)](yourlink)
|||
[![logo4](img/logo_bottom.png#small)](yourlink)
{% end %}