finall
This commit is contained in:
parent
85d11184f9
commit
044cc0c5e5
4 changed files with 12 additions and 45 deletions
|
@ -141,13 +141,13 @@
|
||||||
<!-- ======= Hero Section ======= -->
|
<!-- ======= Hero Section ======= -->
|
||||||
<section id="hero" class="d-flex flex-column justify-content-center align-items-center">
|
<section id="hero" class="d-flex flex-column justify-content-center align-items-center">
|
||||||
{% if user.is_authenticated %}
|
{% if user.is_authenticated %}
|
||||||
<div class="container">
|
<div class="container" style="margin-top: 100px; margin-bottom: 120px;">
|
||||||
<h1>Saviez-vous que toutes vos données sont exposées lorsque vous utilisez Bitcoin?</h1>
|
<h1>Saviez-vous que toutes vos données sont exposées lorsque vous utilisez Bitcoin?</h1>
|
||||||
<h2>Monero est ce que les gens pensent acheter lorsqu'ils investissent dans Bitcoin.</h2>
|
<h2>Monero est ce que les gens pensent acheter lorsqu'ils investissent dans Bitcoin.</h2>
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
||||||
<div class="container">
|
<div class="container" style="margin-top: 100px; margin-bottom: 120px;">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xl-9 d-flex flex-column justify-content-center">
|
<div class="col-xl-9 d-flex flex-column justify-content-center">
|
||||||
<h1>Saviez-vous que toutes vos données sont exposées lorsque vous utilisez Bitcoin?</h1>
|
<h1>Saviez-vous que toutes vos données sont exposées lorsque vous utilisez Bitcoin?</h1>
|
||||||
|
|
|
@ -13,8 +13,8 @@
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
background: #313030;
|
background: #313030;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
margin-top: 15px;
|
margin-top: 20px;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 20px;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
border-radius: 20px
|
border-radius: 20px
|
||||||
|
@ -75,7 +75,7 @@
|
||||||
<!-- ======= Hero Section ======= -->
|
<!-- ======= Hero Section ======= -->
|
||||||
<section id="hero" class="d-flex flex-column justify-content-center align-items-center">
|
<section id="hero" class="d-flex flex-column justify-content-center align-items-center">
|
||||||
{% if user.is_authenticated %}
|
{% if user.is_authenticated %}
|
||||||
<div class="container">
|
<div class="container" style="margin-top: 100px; margin-bottom: 120px;">
|
||||||
<!--
|
<!--
|
||||||
<h1>Did you know all your data is exposed when you use Bitcoin?</h1>
|
<h1>Did you know all your data is exposed when you use Bitcoin?</h1>
|
||||||
<h2>Monero is what people think they are buying when they invest in Bitcoin.</h2>
|
<h2>Monero is what people think they are buying when they invest in Bitcoin.</h2>
|
||||||
|
@ -116,7 +116,7 @@
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
||||||
<div class="container">
|
<div class="container" style="margin-top: 100px; margin-bottom: 120px;">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xl-9 d-flex flex-column justify-content-center">
|
<div class="col-xl-9 d-flex flex-column justify-content-center">
|
||||||
<div class="icon-boxes d-flex flex-column justify-content-center">
|
<div class="icon-boxes d-flex flex-column justify-content-center">
|
||||||
|
|
|
@ -137,13 +137,13 @@
|
||||||
<!-- ======= Hero Section ======= -->
|
<!-- ======= Hero Section ======= -->
|
||||||
<section id="hero" class="d-flex flex-column justify-content-center align-items-center">
|
<section id="hero" class="d-flex flex-column justify-content-center align-items-center">
|
||||||
{% if user.is_authenticated %}
|
{% if user.is_authenticated %}
|
||||||
<div class="container">
|
<div class="container" style="margin-top: 100px; margin-bottom: 120px;">
|
||||||
<h1>Você sabia que todos os seus dados são expostos quando você usa Bitcoin?</h1>
|
<h1>Você sabia que todos os seus dados são expostos quando você usa Bitcoin?</h1>
|
||||||
<h2>Monero é o que as pessoas pensam que estão comprando quando investem em Bitcoins.</h2>
|
<h2>Monero é o que as pessoas pensam que estão comprando quando investem em Bitcoins.</h2>
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
||||||
<div class="container">
|
<div class="container" style="margin-top: 100px; margin-bottom: 120px;">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xl-9 d-flex flex-column justify-content-center">
|
<div class="col-xl-9 d-flex flex-column justify-content-center">
|
||||||
<h1>Você sabia que todos os seus dados são expostos quando você usa Bitcoin?</h1>
|
<h1>Você sabia que todos os seus dados são expostos quando você usa Bitcoin?</h1>
|
||||||
|
|
|
@ -167,7 +167,6 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
#hero {
|
#hero {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 50vh;
|
|
||||||
background: url("../img/hero-bg-2.jpg") center center;
|
background: url("../img/hero-bg-2.jpg") center center;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -245,45 +244,13 @@ h1, h2, h3, h4, h5, h6 {
|
||||||
background: #ff4d21;
|
background: #ff4d21;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1024px) {
|
#hero .icon-boxes {
|
||||||
#hero {
|
margin-top: 20px;
|
||||||
background-attachment: fixed;
|
margin-bottom: 20px;
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 1200px), (max-height: 768px) {
|
|
||||||
#hero {
|
|
||||||
margin-bottom: -30px;
|
|
||||||
height: 70vh;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
#hero {
|
|
||||||
margin-bottom: -30px;
|
|
||||||
height: 80vh;
|
|
||||||
}
|
|
||||||
#hero h1 {
|
|
||||||
font-size: 28px;
|
|
||||||
line-height: 36px;
|
|
||||||
}
|
|
||||||
#hero h2 {
|
|
||||||
font-size: 18px;
|
|
||||||
line-height: 24px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-height: 500px) {
|
|
||||||
#hero {
|
|
||||||
margin-bottom: -15px;
|
|
||||||
height: 100vh;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#hero .icon-boxes .icon-box {
|
#hero .icon-boxes .icon-box {
|
||||||
margin-top: 15px;
|
text-align: left;
|
||||||
margin-bottom: 15px;
|
|
||||||
text-align: left;
|
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
box-shadow: 10px 5px 30px rgba(0, 0, 0, 0.1);
|
box-shadow: 10px 5px 30px rgba(0, 0, 0, 0.1);
|
||||||
|
|
Loading…
Reference in a new issue