Commit cc25753b authored by Okhin's avatar Okhin

Fixing the header, the contanier parts and related stuff

parent f9cb22f1
...@@ -65,58 +65,8 @@ bleu-vert: #003948 ...@@ -65,58 +65,8 @@ bleu-vert: #003948
/* Chapeau ------------------------*/ /* Chapeau ------------------------*/
header { .header {
background:url(/img/Illu1.jpg); text-align: center;
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%
}
} }
#textIntro, #Act { #textIntro, #Act {
......
...@@ -18,11 +18,15 @@ ...@@ -18,11 +18,15 @@
[<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp; [<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
</div> </div>
<header> <div class="container-fluid header">
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1> <div class="row">
<a href="#Act" class="btn btn-primary">Agissez</a> <div class="col-md-8 col-md-offset-2">
<h2>Notre vie privée est en danger&nbsp;: agissons maintenant !</h2> <h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1>
</header> <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"> <div id="textIntro">
<h1>Agissons maintenant</h1> <h1>Agissons maintenant</h1>
...@@ -512,8 +516,8 @@ ...@@ -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> 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> <p>Si vous utilisez quand même ces services, vous pouvez y partager notre site.</p>
<ul> <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 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://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> </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/> <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;" > <textarea cols="30" rows="5" style="resize: none; cursor: pointer; white-space: normal; outline: none; margin:0 -20em 0 0;" >
......
...@@ -11,12 +11,19 @@ ...@@ -11,12 +11,19 @@
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
</head> </head>
<div id="stripeTop"></div> <div id="stripeTop">
<header> [<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
<h1>REPRENEZ LE CONTRÔLE DE VOS DONNÉES</h1> </div>
<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> <div class="container-fluid header">
</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="container-fluid">
<div class="row"> <div class="row">
......
...@@ -11,12 +11,20 @@ ...@@ -11,12 +11,20 @@
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
</head> </head>
<div id="stripeTop"></div>
<header> <div id="stripeTop">
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1> [<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
<a href="/index.html#Act" class="btn btn-default">Contactez vos députés</a> </div>
<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 class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
......
...@@ -11,14 +11,22 @@ ...@@ -11,14 +11,22 @@
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
</head> </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="row">
<div class="col-md-8 col-md-offset-2" id="tutoriel"> <div class="col-md-8 col-md-offset-2" id="tutoriel">
<a class="btn btn-default" href="/index.html">Retour au site</a> <a class="btn btn-default" href="/index.html">Retour au site</a>
......
...@@ -11,12 +11,20 @@ ...@@ -11,12 +11,20 @@
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
</head> </head>
<div id="stripeTop"></div> <div id="stripeTop">
<header> [<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1> </div>
<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> <div class="container-fluid header">
</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="container-fluid">
<div class="row"> <div class="row">
<div class="col-md-8 col-md-offset-2" id="tutoriel"> <div class="col-md-8 col-md-offset-2" id="tutoriel">
......
...@@ -10,14 +10,22 @@ ...@@ -10,14 +10,22 @@
<script type="text/javascript" src="/js/bootstrap.min.js"></script> <script type="text/javascript" src="/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
</head> </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="row">
<div class="col-md-8 col-md-offset-2" id="tutoriel"> <div class="col-md-8 col-md-offset-2" id="tutoriel">
<a class="btn btn-default" href="/index.html">Retour au site</a> <a class="btn btn-default" href="/index.html">Retour au site</a>
......
...@@ -11,14 +11,22 @@ ...@@ -11,14 +11,22 @@
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
</head> </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 class="row">
<div id="tutoriel" class="col-md-8 col-md-offset-2"> <div id="tutoriel" class="col-md-8 col-md-offset-2">
<a class="btn btn-default" href="/index.html">Retour au site</a> <a class="btn btn-default" href="/index.html">Retour au site</a>
......
This diff is collapsed.
...@@ -11,14 +11,21 @@ ...@@ -11,14 +11,21 @@
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
</head> </head>
<div id="stripeTop"></div> <div id="stripeTop">
<header> [<a href="http://controle-tes-donnees.net">FR</a>] [<a href="http://reclaimyourdata.eu">EN</a>] &nbsp;
<h1>REPRENEZ LE CONTRÔLE<br/>DE VOS DONNÉES</h1> </div>
<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> <div class="container-fluid header">
</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="row">
<div class="col-md-8 col-md-offset-2" id="tutoriel"> <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/> <a class="btn btn-default" href="/index.html">Retour au site</a><br/><br/>
......
Markdown is supported
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