��

mybb@mybb.ru (totenvamp) — Mon, 07 Sep 2020 18:31:28 +0300

��:

<!--HTML-->
<figure class="snip0045 red">
	<figcaption>
    <h2>Tiffany <span>Case</span></h2>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a odio semper, sodales justo quis, vulputate ligula. Morbi faucibus risus nisi, et elementum enim sollicitudin in. Praesent dictum, risus quis scelerisque blandit, libero lorem molestie lorem, sit amet iaculis lacus ligula ut diam. Praesent posuere vitae nulla id tincidunt. Ut eu elit magna. Mauris ante velit, sollicitudin at nunc ut, congue aliquet turpis. Praesent venenatis elementum fermentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer purus orci, faucibus ut lorem id, consequat laoreet libero.</p>
	</figcaption>
	<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sq-sample7.jpg" alt="sample7"/>	
	<div class="position">Photographer</div>
</figure>
<style>
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,800);
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
figure.snip0045 {
    font-family: 'Raleway', Arial, sans-serif;
    position: relative;
    overflow: hidden;
    margin: 10px;
    min-width: 550px;
    height: 550px;
    max-width: 550px;
    width: 100%;
    background: #ffffff;
    color: #000000;
    margin: 0 auto;
    border: 5px solid #2a3a54;
}
figure.snip0045 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
figure.snip0045 > img {
    width: 50%;
    border-radius: 50%;
    border: 4px solid #ffffff;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    position: relative;
    width: 550px;
    left: -75%;
    z-index: 1;
}
figure.snip0045 figcaption {
  padding: 20px 30px 20px 20px;
  position: absolute;
  right: 0;
  width: 50%;
}
figure.snip0045 figcaption h2,
figure.snip0045 figcaption p {
  margin: 0;
  text-align: right;
  padding: 10px 0;
  width: 100%;
}
figure.snip0045 figcaption h2 {
  font-size: 1.3em;
  font-weight: 300;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
figure.snip0045 figcaption h2 span {
  font-weight: 800;
}
figure.snip0045 figcaption p {
  font-size: 0.9em;
  opacity: 0.8;
}
figure.snip0045 figcaption a {
  opacity: 0.3;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}
figure.snip0045 figcaption a:hover {
  opacity: 0.8;
}
figure.snip0045 .position {
    width: 100%;
    text-align: right;
    padding: 15px 30px;
    font-size: 0.9em;
    opacity: 1;
    font-style: italic;
    color: #ffffff;
    position: absolute;
    bottom: 0;
}
figure.snip0045.red .position {
  background: #386293;
}
figure.snip0045:hover > img,
figure.snip0045.hover > img {
  left: -60%;
}
</style>

��

mybb@mybb.ru (totenvamp) — Wed, 14 Nov 2012 18:52:53 +0400

123

4564
888
��:
ttttttttt

��

mybb@mybb.ru (totenvamp) — Wed, 14 Nov 2012 18:52:33 +0400

��

mybb@mybb.ru (totenvamp) — Fri, 09 Nov 2012 15:04:15 +0400

�� !

totenvamps home

����� ����

������ ����

�������� ����

�������� ���������

��

��

��

��