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 ======= -->
|
||||
<section id="hero" class="d-flex flex-column justify-content-center align-items-center">
|
||||
{% 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>
|
||||
<h2>Monero est ce que les gens pensent acheter lorsqu'ils investissent dans Bitcoin.</h2>
|
||||
</div>
|
||||
{% else %}
|
||||
|
||||
<div class="container">
|
||||
<div class="container" style="margin-top: 100px; margin-bottom: 120px;">
|
||||
<div class="row">
|
||||
<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>
|
||||
|
|
|
@ -13,8 +13,8 @@
|
|||
z-index: 1;
|
||||
background: #313030;
|
||||
max-width: 100%;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
border-radius: 20px
|
||||
|
@ -75,7 +75,7 @@
|
|||
<!-- ======= Hero Section ======= -->
|
||||
<section id="hero" class="d-flex flex-column justify-content-center align-items-center">
|
||||
{% 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>
|
||||
<h2>Monero is what people think they are buying when they invest in Bitcoin.</h2>
|
||||
|
@ -116,7 +116,7 @@
|
|||
</div>
|
||||
{% else %}
|
||||
|
||||
<div class="container">
|
||||
<div class="container" style="margin-top: 100px; margin-bottom: 120px;">
|
||||
<div class="row">
|
||||
<div class="col-xl-9 d-flex flex-column justify-content-center">
|
||||
<div class="icon-boxes d-flex flex-column justify-content-center">
|
||||
|
|
|
@ -137,13 +137,13 @@
|
|||
<!-- ======= Hero Section ======= -->
|
||||
<section id="hero" class="d-flex flex-column justify-content-center align-items-center">
|
||||
{% 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>
|
||||
<h2>Monero é o que as pessoas pensam que estão comprando quando investem em Bitcoins.</h2>
|
||||
</div>
|
||||
{% else %}
|
||||
|
||||
<div class="container">
|
||||
<div class="container" style="margin-top: 100px; margin-bottom: 120px;">
|
||||
<div class="row">
|
||||
<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>
|
||||
|
|
|
@ -167,7 +167,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
--------------------------------------------------------------*/
|
||||
#hero {
|
||||
width: 100%;
|
||||
height: 50vh;
|
||||
background: url("../img/hero-bg-2.jpg") center center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
|
@ -245,44 +244,12 @@ h1, h2, h3, h4, h5, h6 {
|
|||
background: #ff4d21;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
#hero {
|
||||
background-attachment: fixed;
|
||||
}
|
||||
}
|
||||
|
||||
@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 {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#hero .icon-boxes .icon-box {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
text-align: left;
|
||||
border-radius: 15px;
|
||||
background: #fff;
|
||||
|
|
Loading…
Reference in a new issue