[html]
<style>
#episode {
margin: auto;
margin-top: 50px;
margin-bottom: 50px;
width: 600px;
display: flex;
background-color: #FFF;
-webkit-box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.75);
box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.75);
}
#episode-left-column {
width: 400px
}
#episode-left-column-image {
margin-left: 5px;
width: 380px;
margin-top: -30px;
}
#episode-left-column-image img {
width: 100%;
-webkit-box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.75);
-moz-box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.75);
box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.75);
}
.separator {
margin-top: 10px;
border: 1px solid #C3C3C3;
}
#episode-left-column-date {
font-size: 70px;
color: #C3C3C3;
}
#episode-left-column-month {
font-size: 28px;
color: #C3C3C3;
}
#episode-left-column-year {
font-size: 28px;
color: #C3C3C3;
}
#episode-left-column-meta {
display: flex;
padding: 10px;
align-items: center;
bottom: 60px;
position: absolute;
}
#episode-left-column-date {
text-align: center;
}
.episode-left-column-character {
color: #6c6c6c
}
#episode-title {
font-family: 'Arsenal';
text-transform: uppercase;
font-size: 28px;
}
#episode-right-column {
padding: 10px;
}
}
</style>
<div id="episode">
<div id="episode-left-column">
<div id="episode-left-column-image">
<img src="https://i.imgur.com/ncNLMnA.gif" />
</div>
<div id="episode-left-column-meta">
<div>
<div id="episode-left-column-date-block">
<div id="episode-left-column-date">22</div>
<div>
<span id="episode-left-column-month">JUNE</span>
<span id="episode-left-column-year">2022</span>
</div>
</div>
</div>
<div id="episode-left-column-character-block">
<span class="episode-left-column-character">Nikole Kramer,</span>
<span class="episode-left-column-character">Juan Rivera</span>
</div>
</div>
</div>
<div id="episode-right-column">
<h2 id="episode-title">Mercy</h2>
<div class="separator"></div>
<p>Прекрасный солнечный летний день, чтобы зайти в кафе за освежающим ягодным лимонадом после отправиться в парк. Там если повезет, то можно найти свободную лавочку у водоема и устроившись в теньке спокойно почитать книгу под пение птиц. И все это можно было бы осуществить, если бы не одно «но». Кафе все разграблены, лавочки разобраны на дрова, собственно, туда же пошли и книги. Да, можно послушать пение чертовых птиц.</p>
</div>
</div>
[/html]
Отредактировано Juan Rivera (2023-01-12 01:04:29)