[html]<div class="vneshki">
<div class="vneshki_body">
<div class="vneshki_head">КОЛЛЕКЦИИ</div>
» коллекции делятся на два типа: постоянные и сезонные;<br><br>
» постоянные коллекции - те, которые можно собирать с момента принятия анкеты;<br><br>
» сезонные коллекции - коллекции, на сбор которых дается ограниченное количество времени, если вы не успели собрать все элементы в сезонной коллекции за нужное время, у вас есть возможность докупить их за N единиц валюты, чтобы получить промежуточные награды и финальную;<br><br>
» в каждой коллекции есть 5 этапов, за которые выдается денежное вознаграждение, за сбор всех 5 этапов - можно получить эксклюзивный комплект оформление профиля;<br><br>
» количество необходимых плюсов/сообщений/постов/т.д. суммируется, это значит что если на первом этапе вам надо было написать 5 постов, а на втором 10, после получения награды за первый этап вам необходимо донабрать еще 5 постов, чтобы получить награду за второй этап;<br><br>
- коллекции хранятся на личной странице;
</div>
<div class="collection">
<h1>CSS Tabs Revisited</h1>
<input id="radio1" type="radio" name="css-tabs" checked>
<input id="radio2" type="radio" name="css-tabs">
<input id="radio3" type="radio" name="css-tabs">
<input id="radio4" type="radio" name="css-tabs">
<input id="radio5" type="radio" name="css-tabs">
<div id="tabs">
<label id="tab1" for="radio1">Home</label>
<label id="tab2" for="radio2">Services</label>
<label id="tab3" for="radio3">Locations</label>
<label id="tab4" for="radio4">Profile</label>
<label id="tab5" for="radio5">Profile</label>
</div>
<div id="content">
<section id="content1">
<div id="tasks">
<div id="tasks_name">НУАР » ПОСТЫ</div>
<div id="task">
<img src="https://i.imgur.com/r2Xg6Bh.png" class="task_icon">
<div id="task_reward"> награда: 1000$;</div>
<div id="task_obj">написать 5 постов</div>
</div>
<div id="task">
<img src="https://i.imgur.com/r2Xg6Bh.png" class="task_icon">
<div id="task_reward"> награда: 1000$;</div>
<div id="task_obj">написать 5 постов</div>
</div>
<div id="task">
<img src="https://i.imgur.com/r2Xg6Bh.png" class="task_icon">
<div id="task_reward"> награда: 1000$;</div>
<div id="task_obj">написать 5 постов</div>
</div>
<div id="task">
<img src="https://i.imgur.com/r2Xg6Bh.png" class="task_icon">
<div id="task_reward"> награда: 1000$;</div>
<div id="task_obj">написать 5 постов</div>
</div>
<div id="task">
<img src="https://i.imgur.com/r2Xg6Bh.png" class="task_icon">
<div id="task_reward"> награда: 1000$;</div>
<div id="task_obj">написать 5 постов</div>
</div>
</div>
<div id="coll_oforma">
<img src="https://forumupload.ru/uploads/001b/df/0b/2/903274.png" class="coll_oforma">
</div>
</section>
<section id="content2">
<h3>Something Clever</h3>
<p>Aliquam condimentum hendrerit nisi, nec vestibulum mi feugiat ut. Donec lobortis nisi neque, in egestas eros venenatis eu. Vestibulum nulla nisi, venenatis at pretium id, fermentum quis risus. Quisque porta suscipit neque eu placerat. Etiam scelerisque, quam in sodales iaculis, velit velit mattis nunc, quis dapibus massa elit nec enim. Vivamus quis libero aliquam, volutpat nisl sed, consectetur ante.</p>
<p>Donec aliquam semper felis, in placerat leo blandit in. Integer interdum elit quis felis tempor venenatis. In faucibus ac mauris id commodo. Proin in sapien tincidunt, luctus mi id, bibendum dui. Nunc tincidunt libero ut purus vehicula, sit amet tincidunt mi sollicitudin. Donec varius erat magna, sed convallis purus adipiscing ut. Duis sagittis ut leo ut auctor. Ut convallis nisl nec purus sollicitudin, nec iaculis felis rutrum. </p>
</section>
<section id="content3">
<h3>Interesting Heading Text</h3>
<p>Fusce pulvinar porttitor dui, eget ultrices nulla tincidunt vel. Suspendisse faucibus lacinia tellus, et viverra ligula. Suspendisse eget ipsum auctor, congue metus vel, dictum erat. Aenean tristique euismod molestie. Nulla rutrum accumsan nisl, ac semper sapien tincidunt et. Praesent tortor risus, commodo et sagittis nec, aliquam quis augue. Aenean non elit elementum, tempor metus at, aliquam felis.</p>
</section>
<section id="content4">
<h3>Here Are Many Words</h3>
<p>Vivamus convallis lectus lobortis dapibus ultricies. Sed fringilla vitae velit id rutrum. Maecenas metus felis, congue ut ante vitae, porta cursus risus. Nulla facilisi. Praesent vel ligula et erat euismod luctus. Etiam scelerisque placerat dapibus. Vivamus a mauris gravida urna mattis accumsan.</p>
<p>Duis sagittis massa vel elit tincidunt, sed molestie lacus dictum. Mauris elementum, neque eu dapibus gravida, eros arcu euismod metus, vitae porttitor nibh elit at orci. Vestibulum laoreet id nulla sit amet mattis.</p>
</section>
<section id="content5">
<h3>Here Are Many Words</h3>
<p>Vivamus convallis lectus lobortis dapibus ultricies. Sed fringilla vitae velit id rutrum. Maecenas metus felis, congue ut ante vitae, porta cursus risus. Nulla facilisi. Praesent vel ligula et erat euismod luctus. Etiam scelerisque placerat dapibus. Vivamus a mauris gravida urna mattis accumsan.</p>
<p>Duis sagittis massa vel elit tincidunt, sed molestie lacus dictum. Mauris elementum, neque eu dapibus gravida, eros arcu euismod metus, vitae porttitor nibh elit at orci. Vestibulum laoreet id nulla sit amet mattis.</p>
</section>
</div>
</div>
</div>[/html]
[hideprofile]
- Подпись автора
ну короче туц туц туц