Skip to content
GitLab
Commit cc25753b authored by Okhin's avatar Okhin
Browse files

Fixing the header, the contanier parts and related stuff

parent f9cb22f1
Expand all Hide whitespace changes
Inline Side-by-side
css/main.css
View file @ cc25753b
......@@ -65,58 +65,8 @@ bleu-vert: #003948
/* Chapeau ------------------------*/
header {
background:url(/img/Illu1.jpg);
background-size:93%;
background-repeat:no-repeat;
background-position: bottom center;
margin:1em auto 0em;
height: 550px;
/* margin-bottom:-20px; */
width:80%;
text-align: justify;
} @media only screen and (min-width:1000px) {header {width: 800px;}}
header h1 {
text-align:left;
float:left;
font-size:2em;
color:#003948;
line-height:1.1em;
margin-bottom:.1em;
}
header h2{
clear:both;
font-size:1em;
color:#497ED5;
font-weight:normal;
}
@media only screen and (max-device-width:980px) {
header {
width:95%;
margin-left: auto;
margin-right: auto;
height:400px;
}
header h1 {
float:none;
font-size: 1.8em;
}
header bouton {
display:none;
}
header h2 {
margin-top:.6em;
}
#header-img {
width:80%
}
.header {
text-align: center;
}
#textIntro, #Act {
......
index.html
View file @ cc25753b
......@@ -18,11 +18,15 @@
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<header>
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="#Act" class="btn btn-primary">Agissez</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div id="textIntro">
<h1>Agissons maintenant</h1>
......@@ -512,8 +516,8 @@
<p> Nous vous invitions à ne pas avoir de compte sur Facebook ou Twitter, car ils ne vous laissent pas le contrôle total de vos données.</p>
<p>Si vous utilisez quand même ces services, vous pouvez y partager notre site.</p>
<ul>
<li> <a class="btn btn-primary" href="http://www.facebook.com/share.php?src=bm&amp;u=http://controle-tes-donnees.net&amp;v=3" target="_blank" >Partagez sur Facebook</a></li>
<li> <a class="btn btn-primary" href="http://twitter.com/timeline/home?status=Reprenez le contrôle de vos données! http://controle-tes-donnees.net" target="_blank">Partagez sur Twitter</a><br /></li>
<li> <a href="http://www.facebook.com/share.php?src=bm&amp;u=http://controle-tes-donnees.net&amp;v=3" target="_blank" >Partagez sur Facebook</a></li>
<li> <a href="http://twitter.com/timeline/home?status=Reprenez le contrôle de vos données! http://controle-tes-donnees.net" target="_blank">Partagez sur Twitter</a><br /></li>
</ul>
<p> Si vous avez un site ou un blog, vous pouvez y <em>afficher notre bannière</em> et diriger vos visiteurs ici en recopiant ce code dans celui de votre site&nbsp;: <br/>
<textarea cols="30" rows="5" style="resize: none; cursor: pointer; white-space: normal; outline: none; margin:0 -20em 0 0;" >
......
outils/Firefox.html
View file @ cc25753b
......@@ -11,12 +11,19 @@
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header>
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="/index.html#Act" class="btn btn-default">Contactez vos députés</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
......
outils/GNU_Linux.html
View file @ cc25753b
......@@ -11,12 +11,20 @@
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header>
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="/index.html#Act" class="btn btn-default">Contactez vos députés</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
......
outils/Ixquick.html
View file @ cc25753b
......@@ -11,14 +11,22 @@
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header>
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="/index.html#Act">Contactez vos députés</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div id="contanier-fluid">
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div id="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2" id="tutoriel">
<a class="btn btn-default" href="/index.html">Retour au site</a>
......
outils/Jitsi.html
View file @ cc25753b
......@@ -11,12 +11,20 @@
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header>
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="/index.html#Act"><bouton><p>Contactez<br/><span>vos députés</span></p></bouton></a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2" id="tutoriel">
......
outils/Modules.html
View file @ cc25753b
......@@ -10,14 +10,22 @@
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header style="background:none; height:auto">
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="/index.html#Act">Contactez vos députés</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div class="contanier-fluid">
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2" id="tutoriel">
<a class="btn btn-default" href="/index.html">Retour au site</a>
......
outils/Nom_de_domaine.html
View file @ cc25753b
......@@ -11,14 +11,22 @@
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header style="background:none; height:auto">
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="/index.html#Act" class="btn btn-default">Contactez vos députés</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div class="contanier-fluid">
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div id="tutoriel" class="col-md-8 col-md-offset-2">
<a class="btn btn-default" href="/index.html">Retour au site</a>
......
outils/Synology.html
View file @ cc25753b
This diff is collapsed.
outils/Tor.html
View file @ cc25753b
......@@ -11,14 +11,21 @@
<meta name="viewport" content="width=device-width" />
</head>
<div id="stripeTop"></div>
<header>
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1>
<a href="/index.html#Act" class="btn btn-default">Contactez vos députés</a>
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2>
</header>
<div id="stripeTop">
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div>
<div class="container-fluid header">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
<a href="#Act"><h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2></a>
<img src="/img/Illu1.jpg"></img>
</div>
</div>
</div>
<div class="contanier-fluid">
<div class="container-fluid">
<div class="row">
<div class="col-md-8 col-md-offset-2" id="tutoriel">
<a class="btn btn-default" href="/index.html">Retour au site</a><br/><br/>
......
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