шаблон соц. сети

[html]<div class="template-header">
<div class="template-header_title"><span>instagram</span></div>
<div class="template-main">
<div class="template-main_cite">делая снимок, ты будто пишешь картину, но за одну секунду.</div>
<center>под каждую страничку создается отдельная тема, название которой остается на ваше усмотрение. менять шаблон категорически запрещено. для помощи с заполнением кода можно обратиться к любому из администраторов.</align>
</div>
</div><link rel="stylesheet" href="https://forumstatic.ru/files/001b/ae/0f/40763.css?v=5">[/html]

[html]<div class="hansgangram wide"">
<div class="username">username</div>
<div class="main">
<div class="userinfo">

<img src="https://via.placeholder.com/150" alt="userpic"
class="userpic">
<div class="text">
<div class="counts">
<div class="item"><span>000</span> публикаций</div>
<div class="item"><span>000</span> подписчиков</div>
<div class="item"><span>000</span> подписок</div>
</div>
<div class="name">name</div>
<div class="bio">ваш текст</div>
</div>
</div>
<div class="photos">
<img src="https://via.placeholder.com/150" alt="pic">
<img src="https://via.placeholder.com/150" alt="pic">
<img src="https://via.placeholder.com/150" alt="pic">
</div>
</div>
<div class="playlist">
<div class="song"><span>название трека</span>
исполнитель</div>
<div class="song"><span>название трека</span>
исполнитель</div>
<div class="song"><span>название трека</span>
исполнитель</div>
<div class="song"><span>название трека</span>
исполнитель</div>
<div class="song"><span>название трека</span>
исполнитель</div>
</div>
</div>
[/html]

взять код

Код:

[html]<div class="hansgangram wide""><div class="username">

            <!--ВАШ ЮЗЕРНЕЙМ-->
            username

</div><div class="main"><div class="userinfo">

            <!--АВАТАРКА-->
            <img src="ССЫЛКА" alt="userpic" class="userpic">

<div class="text"><div class="counts">

            <!--СТАТИСТИКА ПРОФИЛЯ-->
            <div class="item"><span>000</span> публикаций</div>
            <div class="item"><span>000</span> подписчиков</div>
            <div class="item"><span>000</span> подписок</div>

</div>
<div class="name">

            <!--ИМЯ ИЛИ КОРОТКАЯ ФРАЗА-->
            name

</div><div class="bio">

            <!--БИО, ОПИСАНИЕ-->
            ваш текст


</div></div></div> <div class="photos">

            <!-ФОТО ПРОФИЛЯ, МОЖНО В ЛЮБОМ КОЛИЧЕСТВЕ (НО 3 И 6 САМЫЕ ТОПЧИК ВАРИАНТЫ)-->
            <img src="ССЫЛКА" alt="pic">
            <img src="ССЫЛКА" alt="pic">
            <img src="ССЫЛКА" alt="pic">

</div></div><div class="playlist">

            <!--ПЛЕЙЛИСТ, МОЖНО ЛЮБОЕ КОЛИЧЕСТВО ПЕСЕН, НО НА 3 ФОТКИ ЛУЧШЕ 5 ПЕСЕН, А НА 6 ФОТОК - 8 ПЕСЕН-->
            <div class="song"><span>НАЗВАНИЕ ТРЕКА</span>ИСПОЛНИТЕЛЬ</div>
            <div class="song"><span>НАЗВАНИЕ ТРЕКА</span>ИСПОЛНИТЕЛЬ</div>
            <div class="song"><span>НАЗВАНИЕ ТРЕКА</span>ИСПОЛНИТЕЛЬ</div>
            <div class="song"><span>НАЗВАНИЕ ТРЕКА</span>ИСПОЛНИТЕЛЬ</div>
            <div class="song"><span>НАЗВАНИЕ ТРЕКА</span>ИСПОЛНИТЕЛЬ</div>

</div></div>[/html]

[html]<div class="hansgangram narrow">
<div class="username">username</div>
<div class="main">
<div class="userinfo">

взять код

Код:

[html]<div class="hansgangram narrow"><div class="username">

            <!--ВАШ ЮЗЕРНЕЙМ-->
            username

</div><div class="main"><div class="userinfo">

            <!--АВАТАРКА-->
            <img src="ССЫЛКА" alt="userpic" class="userpic">

<div class="text"><div class="counts">

            <!--СТАТИСТИКА ПРОФИЛЯ-->
            <div class="item"><span>000</span> публикаций</div>
            <div class="item"><span>000</span> подписчиков</div>
            <div class="item"><span>000</span> подписок</div>

</div>
<div class="name">

            <!--ИМЯ ИЛИ КОРОТКАЯ ФРАЗА-->
            name

</div><div class="bio">

            <!--БИО, ОПИСАНИЕ-->
            ваш текст


</div></div></div> <div class="photos">

            <!-ФОТО ПРОФИЛЯ, МОЖНО В ЛЮБОМ КОЛИЧЕСТВЕ (НО 3 И 6 САМЫЕ ТОПЧИК ВАРИАНТЫ)-->
            <img src="ССЫЛКА" alt="pic">
            <img src="ССЫЛКА" alt="pic">
            <img src="ССЫЛКА" alt="pic">

</div></div></div>[/html]

[html]<div class="hansgangram pst">

<div class="main">
<div class="userinfo"><img src="https://via.placeholder.com/30" alt="icon" class="userpic">
<div class="username">username</div>
</div>
<img src="https://via.placeholder.com/528x300" alt="photo" class="pstpic">
<div class="likes">000 пользователям это понравилось</div>
<div class="descr"><span>username</span> подпись к фото</div>
</div>
</div>[/html]

забрать код

Код:

[html]<div class="hansgangram pst"><div class="main"><div class="userinfo">

                <!--АВАТАРКА-->
                <img src="ССЫЛКА" alt="icon" class="userpic">

<div class="username">

                <!--ЮЗЕРНЕЙМ-->
                username

</div></div>

                <!--ФОТО, РАЗМЕР ЛЮБОЙ-->
                <img src="ССЫЛКА" alt="photo" class="pstpic">

                <!--КОЛИЧЕСТВО ЛАЙКОВ-->
                <div class="likes">000 пользователям это понравилось</div>

<div class="descr">

                <!--ЮЗЕРНЕЙМ И ПОДПИСЬ К ФОТО-->
                <span>username</span> подпись к фото

</div></div></div>[/html]