This commit is contained in:
anon 2022-07-19 20:06:08 -03:00
parent 85d11184f9
commit 044cc0c5e5
4 changed files with 12 additions and 45 deletions

View file

@ -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>

View file

@ -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">

View file

@ -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>

View file

@ -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);