landing page camille
|
@ -46,7 +46,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="menu">
|
<div class="menu">
|
||||||
<a href="index.html"><div class=buttonsMenu>home</div></a>
|
<a href="homepage.html"><div class=buttonsMenu>home</div></a>
|
||||||
<a href="1beantobar.html"><div class=buttonsMenu>next</div></a>
|
<a href="1beantobar.html"><div class=buttonsMenu>next</div></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -59,7 +59,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="menu">
|
<div class="menu">
|
||||||
<a href="index.html"><div class=buttonsMenu>home</div></a>
|
<a href="homepage.html"><div class=buttonsMenu>home</div></a>
|
||||||
<a href="0manifesto.html"><div class=buttonsMenu>previous</div></a>
|
<a href="0manifesto.html"><div class=buttonsMenu>previous</div></a>
|
||||||
<a href="2harkinengel.html"><div class=buttonsMenu>next</div></a>
|
<a href="2harkinengel.html"><div class=buttonsMenu>next</div></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -99,7 +99,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="menu">
|
<div class="menu">
|
||||||
<a href="index.html"><div class=buttonsMenu>home</div></a>
|
<a href="homepage.html"><div class=buttonsMenu>home</div></a>
|
||||||
<a href="1beantobar.html"><div class=buttonsMenu>previous</div></a>
|
<a href="1beantobar.html"><div class=buttonsMenu>previous</div></a>
|
||||||
<a href="3livingincome.html"><div class=buttonsMenu>next</div></a>
|
<a href="3livingincome.html"><div class=buttonsMenu>next</div></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -175,7 +175,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="menu">
|
<div class="menu">
|
||||||
<a href="index.html"><div class=buttonsMenu>home</div></a>
|
<a href="homepage.html"><div class=buttonsMenu>home</div></a>
|
||||||
<a href="2harkinengel.html"><div class=buttonsMenu>previous</div></a>
|
<a href="2harkinengel.html"><div class=buttonsMenu>previous</div></a>
|
||||||
<a href="4individual.html"><div class=buttonsMenu>next</div></a>
|
<a href="4individual.html"><div class=buttonsMenu>next</div></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -59,9 +59,8 @@
|
||||||
</div> -->
|
</div> -->
|
||||||
|
|
||||||
<div class="menu">
|
<div class="menu">
|
||||||
<a href="index.html"><div class=buttonsMenu>home</div></a>
|
<a href="homepage.html"><div class=buttonsMenu>home</div></a>
|
||||||
<a href="3livingincome.html"><div class=buttonsMenu>previous</div></a>
|
<a href="3livingincome.html"><div class=buttonsMenu>previous</div></a>
|
||||||
<a href="5overall.html"><div class=buttonsMenu>next</div></a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
BIN
ImgChocolateBarBig.png
Normal file
After Width: | Height: | Size: 211 KiB |
BIN
ImgChocolateBarRed.png
Normal file
After Width: | Height: | Size: 265 KiB |
BIN
ImgCoinBig.png
Normal file
After Width: | Height: | Size: 168 KiB |
BIN
ImgCoinRed.png
Normal file
After Width: | Height: | Size: 221 KiB |
BIN
ImgLeavesBig.png
Normal file
After Width: | Height: | Size: 90 KiB |
BIN
ImgLeavesBlanc.png
Normal file
After Width: | Height: | Size: 94 KiB |
BIN
backgroundLandingpageJuli.jpg
Normal file
After Width: | Height: | Size: 5.8 MiB |
|
@ -30,6 +30,21 @@
|
||||||
<img src="ImgFrombeantobarBlanc.png" />
|
<img src="ImgFrombeantobarBlanc.png" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
<a href="2harkinengel.html" class="objectCamille">
|
||||||
|
<img src="ImgChocolateBarBig.png" />
|
||||||
|
<img src="ImgChocolateBarRed.png" />
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="3livingincome.html" class="objectCamille">
|
||||||
|
<img src="ImgCoinBig.png" />
|
||||||
|
<img src="ImgCoinRed.png" />
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="4individual.html" class="objectCamille">
|
||||||
|
<img src="ImgLeavesBig.png" />
|
||||||
|
<img src="ImgLeavesBlanc.png" />
|
||||||
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="iconsSideMenu">
|
<div class="iconsSideMenu">
|
||||||
|
|
BIN
livingincomenoir.png
Normal file
After Width: | Height: | Size: 62 KiB |
BIN
overall.png
Normal file
After Width: | Height: | Size: 50 KiB |
30
styles.css
|
@ -271,28 +271,28 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.object:nth-child(1) {
|
.object:nth-child(1) {
|
||||||
left: 10%;
|
left: 55%;
|
||||||
top: 87%;
|
top: 75%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.object:nth-child(2) {
|
.object:nth-child(2) {
|
||||||
left: 71%;
|
left: 69%;
|
||||||
top: 20%;
|
top: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.object:nth-child(3) {
|
.object:nth-child(3) {
|
||||||
left: 88%;
|
left: 78%;
|
||||||
top: 32%;
|
top: 67%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.object:nth-child(4) {
|
.object:nth-child(4) {
|
||||||
left: 87%;
|
left: 39%;
|
||||||
top: 45%;
|
top: 24%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.object:nth-child(5) {
|
.object:nth-child(5) {
|
||||||
left: 73%;
|
left: 88%;
|
||||||
top: 60%;
|
top: 9%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.netherlands {
|
.netherlands {
|
||||||
|
@ -512,23 +512,23 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.objectCamille:nth-child(1) {
|
.objectCamille:nth-child(1) {
|
||||||
height: 14vw;
|
height: 11vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.objectCamille:nth-child(2) {
|
.objectCamille:nth-child(2) {
|
||||||
height: 10vw;
|
height: 8vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.objectCamille:nth-child(3) {
|
.objectCamille:nth-child(3) {
|
||||||
height: 14vw;
|
height: 13vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.objectCamille:nth-child(4) {
|
.objectCamille:nth-child(4) {
|
||||||
height: 10vw;
|
height: 7vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.objectCamille:nth-child(5) {
|
.objectCamille:nth-child(5) {
|
||||||
height: 14vw;
|
height: 13vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.objectCamille:nth-child(6) {
|
.objectCamille:nth-child(6) {
|
||||||
|
|
10
styles.scss
|
@ -531,19 +531,19 @@ body{
|
||||||
transition: top 10s linear, left 10s linear;
|
transition: top 10s linear, left 10s linear;
|
||||||
|
|
||||||
&:nth-child(1){
|
&:nth-child(1){
|
||||||
height: 14vw;
|
height: 11vw;
|
||||||
}
|
}
|
||||||
&:nth-child(2){
|
&:nth-child(2){
|
||||||
height: 10vw;
|
height: 8vw;
|
||||||
}
|
}
|
||||||
&:nth-child(3){
|
&:nth-child(3){
|
||||||
height: 14vw;
|
height: 13vw;
|
||||||
}
|
}
|
||||||
&:nth-child(4){
|
&:nth-child(4){
|
||||||
height: 10vw;
|
height: 7vw;
|
||||||
}
|
}
|
||||||
&:nth-child(5){
|
&:nth-child(5){
|
||||||
height: 14vw;
|
height: 13vw;
|
||||||
}
|
}
|
||||||
&:nth-child(6){
|
&:nth-child(6){
|
||||||
height: 10vw;
|
height: 10vw;
|
||||||
|
|