Commit 20859c9b authored by Pierre Goubeaux's avatar Pierre Goubeaux
Browse files

pixelHumain

parent 26955d0a
......@@ -11,6 +11,8 @@ canvas {
position: absolute;
width: 100%;
height: 100%;
height: 200px;
margin-top: 10vw;
background-color: #204c7d;
background-image: url("");
background-repeat: no-repeat;
......@@ -181,11 +183,17 @@ canvas {
margin-left: 1vw;
}
.filtres{
width: 24%;
margin-left: 5vw;
position: relative;
}
.containCard{
/*border-radius: 10px 10px 10px 10px;
box-shadow: 0px 0px 10px gray;*/
margin-left: 2vw;
margin-right: 2vw;
margin-right: 7vw;
}
#filterContainer{
......@@ -218,13 +226,16 @@ canvas {
.titleSecond{
font-family:'Homestead-Display';
margin-top:2vw;
color: white;
}
.description{
text-align:initial;
margin-left: 0%;
margin-left: 22%;
font-family: 'Montserrat Regular';
margin-top: 2vw;
color:white;
}
.titleThird{
......@@ -241,6 +252,110 @@ canvas {
width: 22vw;
}
.bloc_profil{
width:72%;
height:auto;
position: absolute;
z-index: 1;
}
.imgProfil{
border-radius: 4px;
width: 19vw;
margin-left: 5%;
padding: 20px;
}
.plus{
width:5vw;
margin-left: -1vw;
}
.carousel-indicators .active {
background-color: yellow;
border : 1px solid yellow;
}
.carousel-indicators{
top: 28vw;
}
@media (max-width:1100px) and (min-width:500px){
.containCard {
margin-left: -1vw;
margin-right: 4vw;
}
.logoPixel {
margin-left: 6vw;
margin-top: 16vw;
width: 15vw;
position: absolute;
}
.carousel-indicators{
top: 32vw;
}
.plus{
width: 5vw;
left: 9%;
margin-top: -18%;
position: relative;
}
.text{
font-size: 14px;
}
.imgProfil{
margin-left: 9%;
padding: 9px;
width: 37vw;
}
.bloc_profil{
width : 88%;
}
.imgPixel{
width: 31vw;
}
.custom-dropdown::after {
content: "\25BC";
height: 1em;
right: 3.2em;
}
.title {
margin-left: 20vw;
font-size: 24px;
margin-top: -5vw;
}
.description{
margin-left: 0%;
}
.titleThird{
margin-top: -7%;
margin-left: -2%;
font-size: 3vw;
}
#filterContainer {
margin-top: 4.1vw;
margin-left: -25vw;
font-size: 2vw;
}
.containerCard {
margin-left: 3vw;
margin-right: 0vw;
}
}
@media (max-width:500px){
.title{
text-align: initial;
......@@ -251,6 +366,43 @@ canvas {
color:white;
}
.backRight{
width: 8vw;
margin-top: -2vw;
margin-left: -58vw;
}
.backLeft{
width: 8vw;
margin-top: -2vw;
margin-left: 30vw;
}
.carousel-indicators{
top:11vw;
}
.containCard {
margin-left: 3vw;
margin-right: 15vw;
margin-top: 13%;
}
.text{
font-style: 12px;
margin-left: 6vw;
}
.filtres{
width: 48%;
}
.plus{
width: 15vw;
margin-top: 20vw;
position: relative;
left: -4%;
}
.logoPixel{
margin-left: 12vw;
margin-top: 6vw;
......@@ -283,4 +435,11 @@ canvas {
font-size: 4vw;
}
.imgProfil {
border-radius: 4px;
width: 66vw;
margin-left: -6%;
padding: 20px;
}
}
\ No newline at end of file
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg class="backLeft hidden-xs" fill="#F7E200" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
<svg class="backLeft" fill="#F7E200" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 240.823 240.823" style="enable-background:new 0 0 240.823 240.823;" xml:space="preserve">
<g>
<path id="Chevron_Right" d="M57.633,129.007L165.93,237.268c4.752,4.74,12.451,4.74,17.215,0c4.752-4.74,4.752-12.439,0-17.179
......
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg class="backRight hidden-xs" fill="#F7E200" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
<svg class="backRight" fill="#F7E200" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 240.823 240.823" style="enable-background:new 0 0 240.823 240.823;" xml:space="preserve">
<g>
<path id="Chevron_Right" d="M57.633,129.007L165.93,237.268c4.752,4.74,12.451,4.74,17.215,0c4.752-4.74,4.752-12.439,0-17.179
......
......@@ -30,10 +30,7 @@ HtmlHelper::registerCssAndScriptsFiles($cssAndScriptFilesModule, Yii::app()->get
src : url("<?php echo Yii::app()->getModule("costum")->getAssetsUrl() ?>/font/pixelHumain/Montserrat-Regular.ttf")
}
.carousel-indicators .active {
background-color: yellow;
border : 1px solid yellow;
}
</style>
<!-- <div style="z-index:0;" id="particles-js"> -->
<div style="background-color:#2A353D">
......@@ -42,7 +39,7 @@ HtmlHelper::registerCssAndScriptsFiles($cssAndScriptFilesModule, Yii::app()->get
<div class="col-lg-12 col-xs-12 col-md-12">
<img style="margin-right: -0.5%" class="img-responsive pull-right" src='<?php echo Yii::app()->getModule("costum")->assetsUrl; ?>/images/pixelHumain/pixel.png'>
<img class="img-responsive logoPixel" src="<?php echo $logo; ?>">
<p class="title col-xs-11 col-lg-5 col-md-8">
<p class="title col-xs-11 col-lg-5 col-sm-10 col-md-8">
UNE ORGANISATION <br>
COMMUNAUTAIRE DU DIGITAL <br>
AU SERVICE DU BIEN COMMUN
......@@ -54,13 +51,13 @@ HtmlHelper::registerCssAndScriptsFiles($cssAndScriptFilesModule, Yii::app()->get
</div>
<div style="background-color:#273337;" class="text-center col-lg-12 col-xs-12 col-md-12">
<div style="margin-top:2vw;color: white;" class="text-center col-lg-7">
<div class="text-center col-lg-7 col-md-7">
<h1 class="titleSecond col-lg-10 col-xs-12 col-md-10">Qui sommes-nous ?</h1>
<p class="col-lg-6 col-xs-12 col-md-6 description" style="">
<p class="col-lg-6 col-xs-12 col-md-10 description">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod sit amet, consectetuer adipiscing elit, sed diam nonummy nibh tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,quis nostrud exerci tation ullamcorper suscipit.
</p>
</div>
<div style="padding: 40px;" class="col-lg-4 col-md-5 col-xs-4">
<div style="padding: 40px;" class="col-lg-4 col-md-5 col-xs-12">
<center>
<img style="border: solid 20px #2A353D;" class="img-responsive pull-right" src='<?php echo Yii::app()->getModule("costum")->assetsUrl; ?>/images/pixelHumain/student.jpg'>
</center>
......@@ -89,9 +86,9 @@ HtmlHelper::registerCssAndScriptsFiles($cssAndScriptFilesModule, Yii::app()->get
</div>
<div id="Community" style="margin-top: 0vw;margin-bottom: 4vw;position:relative;" class="col-lg-12 col-xs-12 col-md-12">
<div style="margin-top: 6vw" class="no-padding carousel-border" >
<div class="hidden-xs" style="height: 200px;margin-top: 10vw;" id="particles-js"></div>
<div class="hidden-xs" id="particles-js"></div>
<div id="docCarousel" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators" style="top: 28vw;">
<ol class="carousel-indicators">
</ol>
<div class="carousel-inner itemctr">
......@@ -211,15 +208,15 @@ HtmlHelper::registerCssAndScriptsFiles($cssAndScriptFilesModule, Yii::app()->get
i++;
ctr += '<div class="afficheCard">';
ctr += '<div class="col-lg-3 col-xs-12 col-sm-3 text-center">';
ctr += '<div class="containCard">';
ctr += "<img class='img-responsive' style='width:72%;height:auto;position: absolute;z-index: 1;' src='<?php echo Yii::app()->getModule("costum")->assetsUrl; ?>/images/pixelHumain/bloc_profil.svg'>";
ctr += '<div class="col-lg-3 col-xs-11 col-sm-3 text-center">';
ctr += '<div class="containCard text-center">';
ctr += "<img class='bloc_profil img-responsive' src='<?php echo Yii::app()->getModule("costum")->assetsUrl; ?>/images/pixelHumain/bloc_profil.svg'>";
ctr += '<a class="'+v.name+' bold text-dark add2fav lbh-preview-element" href="#page.type.citoyens.id.'+v.id+'">';
ctr += '<center style="position:relative;z-index:1000;">';
ctr += "<img class='img-responsive' style='border-radius: 4px;width: 22vw;margin-left: -11%;padding: 20px;' src='"+imgProf+"'>";
ctr += "<p style='font-family: 'Montserrat Regular';color:#2A353D'>"+v.name+"</p>";
ctr += "<p style='font-family: 'Montserrat Regular';color:#2A353D'>"+v.tags+"</p>";
ctr += "<img class='img-responsive' style='width:5vw' src='<?php echo Yii::app()->getModule("costum")->assetsUrl; ?>/images/pixelHumain/btn_voir_plus.svg'>";
ctr += "<img class='imgProfil img-responsive' style='' src='"+imgProf+"'>";
ctr += "<p class='text col-xs-9 col-lg-11 col-sm-12' style='font-family: 'Montserrat Regular';color:#2A353D'>"+v.name+"</p>";
ctr += "<p class='text col-xs-9 col-lg-11 col-sm-12' style='font-family: 'Montserrat Regular';color:#2A353D'>"+v.tags+"</p>";
ctr += "<img class='plus img-responsive' style='' src='<?php echo Yii::app()->getModule("costum")->assetsUrl; ?>/images/pixelHumain/btn_voir_plus.svg'>";
ctr += '</center>';
ctr += '</a>';
ctr += '</div><br>';
......
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 24.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg style="width: 24%;margin-left: 5vw;position: relative;" class="pull-left" version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
<svg class="pull-left filtres" version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 476 185" style="enable-background:new 0 0 476 185;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;}
......
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