Commit 893a4188 authored by Hiro's avatar Hiro 🏄
Browse files

Add circles and text

parent 681b1613
......@@ -85,6 +85,17 @@ footer {
border-radius: 2px;
}
.oval-2 {
background-color: #D8D8D8;
border-radius: 100%;
width: 190px;
height: 190px;
}
.oval-right {
float: right;
}
@include media-breakpoint-up(md) {
}
......
......@@ -6858,6 +6858,15 @@ footer {
border: 2px solid #FFFFFF;
border-radius: 2px; }
.oval-2 {
background-color: #D8D8D8;
border-radius: 100%;
width: 190px;
height: 190px; }
.oval-right {
float: right; }
/*
* Base structure
*/
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -2,7 +2,7 @@ msgid ""
msgstr ""
"Project-Id-Version: PACKAGE VERSION\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2018-11-26 16:02+CET\n"
"POT-Creation-Date: 2018-11-26 17:09+CET\n"
"PO-Revision-Date: 2018-09-19 22:39+CET\n"
"Last-Translator: Automatically generated\n"
"Language-Team: none\n"
......
......@@ -2,7 +2,7 @@ msgid ""
msgstr ""
"Project-Id-Version: \n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2018-11-26 16:02+CET\n"
"POT-Creation-Date: 2018-11-26 17:09+CET\n"
"PO-Revision-Date: 2018-09-24 16:29+0200\n"
"Last-Translator: emmapeel <emma.peel@riseup.net>\n"
"Language-Team: none\n"
......
......@@ -2,7 +2,7 @@ msgid ""
msgstr ""
"Project-Id-Version: \n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2018-11-26 16:02+CET\n"
"POT-Creation-Date: 2018-11-26 17:09+CET\n"
"PO-Revision-Date: 2018-09-21 17:05+0200\n"
"Last-Translator: emmapeel <emma.peel@riseup.net>\n"
"Language-Team: none\n"
......
......@@ -2,7 +2,7 @@ msgid ""
msgstr ""
"Project-Id-Version: PACKAGE VERSION\n"
"Report-Msgid-Bugs-To: \n"
"POT-Creation-Date: 2018-11-26 16:52+CET\n"
"POT-Creation-Date: 2018-11-27 18:13+CET\n"
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language-Team: en <LL@li.org>\n"
......
<div class="container bg-dark pt-5">
<div class="row">
<div class="col-12 content-center p7-5">
<div class="col-12 content-center pt-5">
<div class="row pt-5">
<h1 class="mx-auto display-2 text-white">Browse Privately.</h1>
</div>
......
......@@ -11,9 +11,14 @@
</header>
<div class="page">
<div class="container-fluid bg-dark">
<div class="row flex-xl-nowrap {{ bag('alternatives', this.alt, 'order') }}">
{% include 'hero.html' %}
</div>
</div>
<div class="container-fluid">
<div class="row flex-xl-nowrap">
<main role="main" class="mx-auto col-12 {{ bag('alternatives', this.alt, 'order') }}">
{% include 'hero.html' %}
{% include 'ilos.html'%}
{% block body %}{% endblock %}
</main>
</div>
......
<div class="container pt-5 justify-content-center">
<section>
<div class="container py-3">
<div class="card border-0">
<div class="row">
<div class="col-md-4 order-1">
<div class="oval-2"></div>
</div>
<div class="col-md-8 px-3 order-2">
<div class="card-block px-3">
<h6 class="pt-3 card-title">BLOCK TRACKERS</h6>
<p class="card-text">Tor Browser isolates each website you visit so third-party trackers and ads can’t follow you. Any cookies automatically clear when you’re done browsing. So will your browsing history.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container py-3">
<div class="card border-0">
<div class="row">
<div class="col-md-4 order-2">
<div class="oval-2 oval-right"></div>
</div>
<div class="col-md-8 px-3 order-1">
<div class="card-block px-3">
<h6 class="pt-3 card-title">DEFEND AGAINST SURVEILLANCE</h6>
<p class="card-text">Tor Browser prevents someone watching your connection from knowing what websites you visit. All anyone monitoring your browsing habits can see is that you’re using Tor.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container py-3">
<div class="card border-0">
<div class="row">
<div class="col-md-4 order-1">
<div class="oval-2"></div>
</div>
<div class="col-md-8 px-3 order-2">
<div class="card-block px-3">
<h6 class="pt-3 card-title">RESIST FINGERPRINTING</h6>
<p class="card-text">Tor aims to make all users look the same making it difficult for you to be fingerprinted based on your browser and device information.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container py-3">
<div class="card border-0">
<div class="row">
<div class="col-md-4 order-2">
<div class="oval-2 oval-right"></div>
</div>
<div class="col-md-8 px-3 order-1">
<div class="card-block px-3">
<h6 class="pt-3 card-title">MULTI-LAYERED ENCRYPTION</h6>
<p class="card-text">Your traffic is relayed and encrypted three times as it passes over the Tor network. The network is comprised of thousands of volunteer-run servers known as Tor relays. <a href="">Learn more</a>.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</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