тест
garbage
Сообщений 1 страница 16 из 16
Поделиться212.03.2021 12:11:42
so you came around my house
and you left your marks
with your fingertips
I’m sitting where you sat down
and now he’s looking for
something meaningless
I’m getting getting little nervous
nervous
I’m getting getting to the surface
surface
(тест кликабельности ника гостя)
Поделиться312.03.2021 12:13:27
[indent] and I’m sorry I was hurting too much to know that you were standing right there
(тест отступов абзаца)
Поделиться923.03.2021 21:42:11
[html]
<div class="instapack">
<div class="instalogo">
Instawhatever
</div>
<div class ="instaprofile">
<div class="picback"><img src="https://i.imgur.com/ELcB0v9.jpg" class="instaprofpic"></div>
<div class="instainfo"><span>@Nickname</span><p>Come get your funky love story I love it when the skies can't sleep I left a message encased in me So, bye-bye <br> <b>#A flawless ending</b></p></div>
</div>
<div class="instanumbrs">
<div class="instabbl bbl1"><span>###</span><br>posts</div>
<div class="instabbl bbl2"><span>###</span><br>followers</div>
<div class="instabbl bbl3"><span>###</span><br>following</div>
</div>
<div class="instaprevall">
<div class="instaprev"><img src="https://i.imgur.com/5A48AwS.jpg" class="slumber"><div class="prevcover"><i class="fas fa-heart"></i> ###<br> <i class="fas fa-comment-alt"></i> ###</div></div>
<div class="instaprev"><img src="https://i.imgur.com/5A48AwS.jpg" class="_1977"><div class="prevcover"><i class="fas fa-heart"></i> ###<br> <i class="fas fa-comment-alt"></i> ###</div></div>
<div class="instaprev"><img src="https://i.imgur.com/5A48AwS.jpg" class="brooklyn"><div class="prevcover"><i class="fas fa-heart"></i> ###<br> <i class="fas fa-comment-alt"></i> ###</div></div>
<div class="instaprev"><img src="https://i.imgur.com/5A48AwS.jpg" class="toaster"><div class="prevcover"><i class="fas fa-heart"></i> ###<br> <i class="fas fa-comment-alt"></i> ###</div></div>
<div class="instaprev"><img src="https://i.imgur.com/5A48AwS.jpg" class="willow"><div class="prevcover"><i class="fas fa-heart"></i> ###<br> <i class="fas fa-comment-alt"></i> ###</div></div>
<div class="instaprev"><img src="https://i.imgur.com/5A48AwS.jpg" class="kelvin"><div class="prevcover"><i class="fas fa-heart"></i> ###<br> <i class="fas fa-comment-alt"></i> ###</div></div>
</div>
</div>
<style>
.instapack{
width: 360px;
height: 640px;
margin: auto;
}
.instalogo {
font-family: roboto;
text-align: center;
font-size: 30px;
border-bottom: 1px #ccc solid;
padding-bottom: 10px;
}
.picback {
margin-top: 10px;
margin-left: 10px;
border-radius: 110px;
width: 86px;
height: 86px;
text-align: center;
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
}
.instaprofpic{
border-radius: 100px;
width: 80px;
height: 80px;
margin-top: 3px;
}
.instainfo span {
font-family: 'Playfair Display SC';
text-transform: lowercase;
font-size: 13px;
font-weight: bold;
}
.instainfo {
margin: -76px 0 0 110px;
height: 72px;
width: 240px;
overflow: hidden;
text-transform: lowercase;
}
.instainfo span {
font-family: 'Roboto';
text-transform: lowercase;
font-size: 15px;
font-weight: bold;
}
.instaprofile {
display: inline-table;
}
.instainfo p {
font-family: 'Oswald';
font-weight: 100;
}
.instanumbrs {
text-align: center;
margin: 10px;
}
.instabbl {
display: inline-block;
text-align: center;
padding: 5px 35px;
font-family: 'Roboto';
font-size: 12px;
margin: 20px 0;
}
.instabbl span {
font-family: 'Oswald';
font-weight: bold;
}
.instaprevall {
display: inline-block;
text-align: center;
}
.instaprev {
width: 100px;
height: 100px;
display: inline-flex;
padding: 5px;
text-align: center;
}
.instaprev img {
width: 100px;
height: 100px;
}
.prevcover:hover {
opacity: 1;
}
.prevcover {
background: #3030308a;
width: 60px;
height: 32px;
position: absolute;
opacity: 0;
transition: 1s;
padding: 34px 20px;
color: white;
line-height: 20px;
}
</style>
[/html]