, / , , - [/] ...
, , ?
, , , , , , ! .
:: :: :: ::

P O P C O R N

, ! .



1 7 7

1

:
<!--HTML-->

<div class="u_theme">
    <div class="u_title">  </div>
    <div class="u_body">
 -    ,       .    . . .     ,   ,   . 
</div></div>

+1

2

:
<!--HTML--><html>
<style>

.page-wrapper1 {width: 500px; height: 600px;
background: url('http://s9.uploads.ru/STIdt.png') 0 0 no-repeat;}
.parapara { position: relative; top: -560px; left: 0px; width: 300px; text-align: center; line-height: 9px; font-family: bebasneueregular; font-size: 30px; color: #4c446c;}
.one1 { position: relative; top: -520px; left: -75px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.one1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.two1 { position: relative; top: -520px; left: 178px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.two1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.three1 { position: relative; top: -324px; left: -74px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.three1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.four1 { position: relative; top: -206px; left: -177px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.four1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.five1 { position: relative; top: -206px; left: 36px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.five1:hover {    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
</style>
<center><div class="page-wrapper1"></div>
<div class="parapara"><b>keanu & sophie</b></div>
<div class="one1"><img src="http://s7.uploads.ru/94rKb.png"></div>
<div class="two1"><img src="http://s5.uploads.ru/NIwKJ.png"></div>
<div class="three1"><img src="http://s9.uploads.ru/lF08i.png"></div>
<div class="four1"><img src="http://s9.uploads.ru/EcnZb.png"></div>
<div class="five1"><img src="http://sd.uploads.ru/jkJd5.png"></div>
</center>
</html>

+13

3

:
<!--HTML--><html>
<style>

.page-wrapper1 {width: 500px; height: 600px;
background: url('http://s9.uploads.ru/STIdt.png') 0 0 no-repeat;}
.parapara { position: relative; top: -560px; left: 0px; width: 300px; text-align: center; line-height: 9px; font-family: bebasneueregular; font-size: 30px; color: #4c446c;}
.one1 { position: relative; top: -520px; left: -75px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.one1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.two1 { position: relative; top: -520px; left: 178px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.two1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.three1 { position: relative; top: -324px; left: -74px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.three1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.four1 { position: relative; top: -206px; left: -177px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.four1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.five1 { position: relative; top: -206px; left: 36px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.five1:hover {    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
</style>
<center><div class="page-wrapper1"></div>
<div class="parapara"><b>oscar & jessica</b></div>
<div class="one1"><img src="https://i.imgur.com/gBPJGIc.png"></div>
<div class="two1"><img src="https://i.imgur.com/DbQvRF7.png"></div>
<div class="three1"><img src="https://i.imgur.com/FRiZH5k.png"></div>
<div class="four1"><img src="https://i.imgur.com/zTyMxND.png"></div>
<div class="five1"><img src="https://i.imgur.com/Uvpbx2v.png"></div>
</center>
</html>

+12

4

:
<!--HTML--><html>
<style>

.page-wrapper1 {width: 500px; height: 600px;
background: url('http://s9.uploads.ru/STIdt.png') 0 0 no-repeat;}
.parapara { position: relative; top: -560px; left: 0px; width: 300px; text-align: center; line-height: 9px; font-family: bebasneueregular; font-size: 30px; color: #4c446c;}
.one1 { position: relative; top: -520px; left: -75px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.one1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.two1 { position: relative; top: -520px; left: 178px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.two1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.three1 { position: relative; top: -324px; left: -74px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.three1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.four1 { position: relative; top: -206px; left: -177px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.four1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.five1 { position: relative; top: -206px; left: 36px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.five1:hover {    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
</style>
<center><div class="page-wrapper1"></div>
<div class="parapara"><b>abel & bella</b></div>
<div class="one1"><img src="https://i.imgur.com/KB5py45.png"></div>
<div class="two1"><img src="https://i.imgur.com/5uxVkYo.png"></div>
<div class="three1"><img src="https://i.imgur.com/D9iHXzi.png"></div>
<div class="four1"><img src="https://i.imgur.com/RZ09aH5.png"></div>
<div class="five1"><img src="https://i.imgur.com/H3DIOmQ.png"></div>
</center>
</html>

+10

5

:
<!--HTML--><html>
<style>

.page-wrapper1 {width: 500px; height: 600px;
background: url('http://s9.uploads.ru/STIdt.png') 0 0 no-repeat;}
.parapara { position: relative; top: -560px; left: 0px; width: 300px; text-align: center; line-height: 9px; font-family: bebasneueregular; font-size: 30px; color: #4c446c;}
.one1 { position: relative; top: -520px; left: -75px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.one1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.two1 { position: relative; top: -520px; left: 178px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.two1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.three1 { position: relative; top: -324px; left: -74px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.three1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.four1 { position: relative; top: -206px; left: -177px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.four1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.five1 { position: relative; top: -206px; left: 36px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.five1:hover {    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
</style>
<center><div class="page-wrapper1"></div>
<div class="parapara"><b>casey & ben & matt</b></div>
<div class="one1"><img src="http://s9.uploads.ru/rfqMQ.png"></div>
<div class="two1"><img src="http://s8.uploads.ru/H06NU.png"></div>
<div class="three1"><img src="http://sg.uploads.ru/1HWLU.png"></div>
<div class="four1"><img src="http://sh.uploads.ru/u5iUp.png"></div>
<div class="five1"><img src="http://s5.uploads.ru/vEes7.png"></div>
</center>
</html>

+7

6

:
<!--HTML--><html>
<style>

.page-wrapper1 {width: 500px; height: 600px;
background: url('http://s9.uploads.ru/STIdt.png') 0 0 no-repeat;}
.parapara { position: relative; top: -560px; left: 0px; width: 300px; text-align: center; line-height: 9px; font-family: bebasneueregular; font-size: 30px; color: #4c446c;}
.one1 { position: relative; top: -520px; left: -75px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.one1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.two1 { position: relative; top: -520px; left: 178px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.two1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.three1 { position: relative; top: -324px; left: -74px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.three1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.four1 { position: relative; top: -206px; left: -177px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.four1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.five1 { position: relative; top: -206px; left: 36px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.five1:hover {    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
</style>
<center><div class="page-wrapper1"></div>
<div class="parapara"><b>elle & ben</b></div>
<div class="one1"><img src="https://i.imgur.com/3qLK4nB.png"></div>
<div class="two1"><img src="https://i.imgur.com/76UAQkV.png"></div>
<div class="three1"><img src="https://i.imgur.com/0SBuEfK.png"></div>
<div class="four1"><img src="https://i.imgur.com/FA0GF4p.png"></div>
<div class="five1"><img src="https://i.imgur.com/PoNu2iV.png"></div>
</center>
</html>

+4

7

:
<!--HTML--><html>
<style>

.page-wrapper1 {width: 500px; height: 600px;
background: url('http://s9.uploads.ru/STIdt.png') 0 0 no-repeat;}
.parapara { position: relative; top: -560px; left: 0px; width: 300px; text-align: center; line-height: 9px; font-family: bebasneueregular; font-size: 30px; color: #4c446c;}
.one1 { position: relative; top: -520px; left: -75px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.one1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.two1 { position: relative; top: -520px; left: 178px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.two1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.three1 { position: relative; top: -324px; left: -74px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.three1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.four1 { position: relative; top: -206px; left: -177px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.four1:hover {
    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
.five1 { position: relative; top: -206px; left: 36px; width: 300px; height: 0px;
    opacity: 0.2;
-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
/*       */
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
/*  */}
.five1:hover {    opacity: 1;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;;
 -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */;
}
</style>
<center><div class="page-wrapper1"></div>
<div class="parapara"><b>sophie & chris</b></div>
<div class="one1"><img src="https://i.imgur.com/8YVkch0.png"></div>
<div class="two1"><img src="https://i.imgur.com/aDSAKyG.png"></div>
<div class="three1"><img src="https://i.imgur.com/Tjep4cg.png"></div>
<div class="four1"><img src="https://i.imgur.com/YIOJgpN.png"></div>
<div class="five1"><img src="https://i.imgur.com/8m8gMw5.png"></div>
</center>
</html>

+3



| 20072017 QuadroSystems LLC