add illustrations in inner sections and adjust layout

This commit is contained in:
Antonela 2019-05-30 10:37:11 -03:00
parent 15c407e36a
commit 381fd9d838
6 changed files with 28 additions and 26 deletions

View File

@ -1,11 +1,11 @@
<div class="container py-5">
<h2 class="text-primary">{{ _('Localization is how we reach a global community.') }}</h2>
<div class="row py-5">
<div class="col-8">
<div class="row pt-5">
<div class="col-lg-7">
<h2 class="text-primary">{{ _('Localization is how we reach a global community.') }}</h2>
{{ this.body }}
</div>
<div class="col-4 bg-light">
<p>Illustration area</p>
<div class="col-lg-5">
<img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
</div>
</div>
<div class="row">

View File

@ -1,11 +1,11 @@
<div class="container py-5">
<h2 class="text-primary">{{ _('What are Onion Services?') }}</h2>
<div class="row py-5">
<div class="col-8">
<div class="col-lg-7">
<h2 class="text-primary">{{ _('What are Onion Services?') }}</h2>
{{ this.body }}
</div>
<div class="col-4 bg-light">
<p>Illustration area</p>
<div class="col-lg-5">
<img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
</div>
</div>
<h2 class="text-primary"><u>{{ _('Learn more about onion services here') }}

View File

@ -1,10 +1,11 @@
<div class="container py-5">
<h2 class="text-primary">{{ _('Tell the world about Tor!') }}</h2>
<div class="row py-5">
<div class="col-8">
<div class="col-lg-7">
<h2 class="text-primary">{{ _('Tell the world about Tor!') }}</h2>
{{ this.body }}
</div>
<div class="col-4">
<div class="col-lg-5">
<img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
</div>
</div>
<h2 class="text-primary">{{ _('Help us translate') }}</h2>

View File

@ -1,10 +1,11 @@
<div class="container py-5">
<div class="row py-5">
<div class="col-8">
<div class="col-lg-7">
<h2 class="text-primary">{{ _('Title.') }}</h2>
{{ this.body }}
</div>
<div class="col-4 bg-light">
<p>Illustration area</p>
<div class="col-lg-5">
<img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
</div>
</div>
<div class="row py-5">

View File

@ -1,11 +1,11 @@
<div class="container py-5">
<h2 class="text-primary">{{ _('We want to teach the world about Tor. Will you help?') }}</h2>
<div class="row py-5">
<div class="col-8">
<div class="col-lg-7">
<h2 class="text-primary">{{ _('We want to teach the world about Tor. Will you help?') }}</h2>
{{ this.body }}
</div>
<div class="col-4 bg-light">
<p>Illustration area</p>
<div class="col-lg-5">
<img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
</div>
</div>

View File

@ -1,11 +1,11 @@
<div class="container py-5">
<h2 class="text-primary">{{ _('Testing Tor features while respecting user privacy') }}</h2>
<div class="row py-5">
<div class="col-8">
<div class="row pt-5">
<div class="col-lg-7">
<h2 class="text-primary">{{ _('Testing Tor features while respecting user privacy') }}</h2>
{{ this.body }}
</div>
<div class="col-4 bg-light">
<p>Illustration area</p>
<div class="col-lg-5">
<img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
</div>
</div>
<h2 class="text-primary"><u>{{ _('Want to know more? Take a look at our process') }}
@ -16,8 +16,8 @@
<div class="col-sm-6 col-md-6 col-sm-12 col-xl-6 py-4">
<div class="card h-100 border-0">
<div class="card-body">
<h2 class="text-primary display-2"><i class="far fa-{{ child.image }}"></i></h2>
<h4 class="card-title text-primary">{{ child.title }}</h4>
<span class="text-primary h3"><i class="far fa-{{ child.image }}"></i></span>
<h4 class="card-title text-primary my-3">{{ child.title }}</h4>
<p class="card-text">{{ child.subtitle }}</p>
</div>
</div>