Commit 381fd9d8 authored by Antonela's avatar Antonela
Browse files

add illustrations in inner sections and adjust layout

parent 15c407e3
<div class="container py-5"> <div class="container py-5">
<h2 class="text-primary">{{ _('Localization is how we reach a global community.') }}</h2> <div class="row pt-5">
<div class="row py-5"> <div class="col-lg-7">
<div class="col-8"> <h2 class="text-primary">{{ _('Localization is how we reach a global community.') }}</h2>
{{ this.body }} {{ this.body }}
</div> </div>
<div class="col-4 bg-light"> <div class="col-lg-5">
<p>Illustration area</p> <img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
</div> </div>
</div> </div>
<div class="row"> <div class="row">
......
<div class="container py-5"> <div class="container py-5">
<h2 class="text-primary">{{ _('What are Onion Services?') }}</h2>
<div class="row py-5"> <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 }} {{ this.body }}
</div> </div>
<div class="col-4 bg-light"> <div class="col-lg-5">
<p>Illustration area</p> <img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
</div> </div>
</div> </div>
<h2 class="text-primary"><u>{{ _('Learn more about onion services here') }} <h2 class="text-primary"><u>{{ _('Learn more about onion services here') }}
......
<div class="container py-5"> <div class="container py-5">
<h2 class="text-primary">{{ _('Tell the world about Tor!') }}</h2>
<div class="row py-5"> <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 }} {{ this.body }}
</div> </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>
</div> </div>
<h2 class="text-primary">{{ _('Help us translate') }}</h2> <h2 class="text-primary">{{ _('Help us translate') }}</h2>
......
<div class="container py-5"> <div class="container py-5">
<div class="row py-5"> <div class="row py-5">
<div class="col-8"> <div class="col-lg-7">
<h2 class="text-primary">{{ _('Title.') }}</h2>
{{ this.body }} {{ this.body }}
</div> </div>
<div class="col-4 bg-light"> <div class="col-lg-5">
<p>Illustration area</p> <img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
</div> </div>
</div> </div>
<div class="row py-5"> <div class="row py-5">
......
<div class="container py-5"> <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="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 }} {{ this.body }}
</div> </div>
<div class="col-4 bg-light"> <div class="col-lg-5">
<p>Illustration area</p> <img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
</div> </div>
</div> </div>
......
<div class="container py-5"> <div class="container py-5">
<h2 class="text-primary">{{ _('Testing Tor features while respecting user privacy') }}</h2> <div class="row pt-5">
<div class="row py-5"> <div class="col-lg-7">
<div class="col-8"> <h2 class="text-primary">{{ _('Testing Tor features while respecting user privacy') }}</h2>
{{ this.body }} {{ this.body }}
</div> </div>
<div class="col-4 bg-light"> <div class="col-lg-5">
<p>Illustration area</p> <img src="/static/images/home/png/{{ this.section_id }}.png" class="img-fluid" alt="{{ _(this.section) }}" />
</div> </div>
</div> </div>
<h2 class="text-primary"><u>{{ _('Want to know more? Take a look at our process') }} <h2 class="text-primary"><u>{{ _('Want to know more? Take a look at our process') }}
...@@ -16,8 +16,8 @@ ...@@ -16,8 +16,8 @@
<div class="col-sm-6 col-md-6 col-sm-12 col-xl-6 py-4"> <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 h-100 border-0">
<div class="card-body"> <div class="card-body">
<h2 class="text-primary display-2"><i class="far fa-{{ child.image }}"></i></h2> <span class="text-primary h3"><i class="far fa-{{ child.image }}"></i></span>
<h4 class="card-title text-primary">{{ child.title }}</h4> <h4 class="card-title text-primary my-3">{{ child.title }}</h4>
<p class="card-text">{{ child.subtitle }}</p> <p class="card-text">{{ child.subtitle }}</p>
</div> </div>
</div> </div>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment