Skip to content

Commit

Permalink
TASK: addet product claim & m_image-text-right module
Browse files Browse the repository at this point in the history
  • Loading branch information
ParadoxMike committed Jan 7, 2020
1 parent af03321 commit 94b5dce
Show file tree
Hide file tree
Showing 6 changed files with 66 additions and 1 deletion.
22 changes: 22 additions & 0 deletions assets/css/style.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

21 changes: 21 additions & 0 deletions src/scss/modules/m_image-text-right.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
.m_image-text-right {
height: 100%;
width: 100%;
display: flex;
flex-direction: row;

&__image{
display: block;
height: 100%;
width: 78%;
background-image: url(../img/header_img.jpg);
background-position: center center;
background-size: cover;
}

&__text {
display: block;
height: 100%;
width: 22%;
}
}
1 change: 1 addition & 0 deletions src/scss/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,7 @@ STYLESHEET: STYLE

// Modules
@import "modules/m_image-text-left";
@import "modules/m_image-text-right";

// Navigation
@import "navigation/n_site";
Expand Down
3 changes: 3 additions & 0 deletions templates/base.twig
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,9 @@
<section class="section">
{% include 'modules/m_image-text-left.twig' %}
</section>
<section class="section">
{% include 'modules/m_image-text-right.twig' %}
</section>
{% endblock %}

{% block footer %}
Expand Down
2 changes: 1 addition & 1 deletion templates/header/h_site.twig
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<div class="container-base">
<div class="container-normal">
<div class="h_site__claim">
<h1 class="h1 t-c-white">Our Product Claim Here</h1>
<h1 class="h1 t-c-white">Create road safety for everyone.</h1>
</div>
<div class="h_site__info-box pb-400">
<div class="row">
Expand Down
18 changes: 18 additions & 0 deletions templates/modules/m_image-text-right.twig
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
{# USES
{% include 'modules/m_image-text-right.twig' %}
#}

<div class="m_image-text-right">
<div class="m_image-text-right__image">
</div>
<div class="m_image-text-right__text d-flex flex-column justify-content-between pt-400 px-250">
<div>
<h2 class="h3">Sicherheit</h2>
<h3 class="h1">Safe Road®</h3>
<p class="p1">Subway tile hammock occupy, ramps copper mug id actually consequat heirloom. Brooklyn cillum paleo brunch snackwave, put a bird on it VHS stumptown. Jianbing tacos fingerstache 90's quinoa farm-to-table put a bird on it before they sold out synth raw denim lo-fi lyft. Aute exercitation aliquip gentrify, deserunt shabby chic neutra taxidermy. Ipsum man bun hella raw denim, laborum hell of fingerstache polaroid kickstarter tofu chillwave master cleanse. Dreamcatcher excepteur ea man braid hashtag gochujang, everyday carry beard.</p>
</div>
<div class="mb-150 d-flex justify-content-center">
<button class="btn btn--black">BESTELLEN</button>
</div>
</div>
</div>

0 comments on commit 94b5dce

Please sign in to comment.