клинт бартон: у клинта дрожат руки. ядовитый холод разливается по венам — тот самый, нестерпимо знакомый. [ name episode ] super news! super news! super news!

name forum

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » name forum » Админка » шоп


шоп

Сообщений 1 страница 3 из 3

1

[html]
<div class="main__menu">

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__1" value="" checked>
  <label for="tab__btn__shop__1">drinks</label>

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__2" value="">
  <label for="tab__btn__shop__2">food</label>

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__3" value="">
  <label for="tab__btn__shop__3">music</label>

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__4" value="">
  <label for="tab__btn__shop__4">mood</label>

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__5" value="">
  <label for="tab__btn__shop__5">merch</label>

<div id="shop__page">

</div>

<div id="shop__page__2">

<title__box>
<shop__title>food</shop__title>
<section__about>вашему выбору предоставлен ассортимент десертов, закусок и завтраков. при наведении на желаемую позицию вы узнаете доступный способ оплаты. за каждую покупку вы получаете поинты.</section__about>
</title__box>

<menu__scroll>

<food__items>
<img src="https://i.imgur.com/NxharWk.png">
<food__info>
<food__name>chocolate cookie</food__name>
<conditions>[ принятая анкета ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/x6qNjc5.png">
<food__info>
<food__name>chocolate glaze</food__name>
<conditions>[ первый эпизод ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/S5ZZsvo.png">
<food__info>
<food__name>chocolate chips</food__name>
<conditions>[ первый пост ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/KRxr6Cl.pngg">
<food__info>
<food__name>milk-chocolate souffle</food__name>
<conditions>[ пост за 24 часа ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/Ob2MVAo.png">
<food__info>
<food__name>chocolate roll</food__name>
<conditions>[ 5 отыгранных эпизодов ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/EJnounn.png">
<food__info>
<food__name>strawberry croissant</food__name>
<conditions>[ 10 отыгранных эпизодов ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/uHaCKOZ.png">
<food__info>
<food__name>raspberry tart</food__name>
<conditions>[ 10 постов ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/yhTZI3N.png">
<food__info>
<food__name>eclair with raspberries</food__name>
<conditions>[ 50 постов ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/5yv5noW.png">
<food__info>
<food__name>pie with mint</food__name>
<conditions>[ 100 постов ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/c9WpT9R.png">
<food__info>
<food__name>chocolate chip muffin</food__name>
<conditions>[ 2 заявки на нужных ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/brvvtLd.png">
<food__info>
<food__name>strawberry cheesecake</food__name>
<conditions>[ 5 заявок на нужных  ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/G5T0SZX.png">
<food__info>
<food__name>blueberry roll</food__name>
<conditions>[ 10 заявок в хочу видеть ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/y9hidGC.png">
<food__info>
<food__name>heart cookie</food__name>
<conditions>[ забрать 1 игрока из хочу к вам ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/QJJWvNn.png">
<food__info>
<food__name>biscuit with ice cream</food__name>
<conditions>[ забрать 5-х игроков из хочу к вам  ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/OLiPq2R.png">
<food__info>
<food__name>almond macaroon</food__name>
<conditions>[ пригласить друга ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/gI1qilO.png">
<food__info>
<food__name>berry-flower cupcake</food__name>
<conditions>[ писатель недели ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/WigaT0Y.png">
<food__info>
<food__name>royal cupcake</food__name>
<conditions>[ активист недели  ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/374KmoS.png">
<food__info>
<food__name>berry cupcake</food__name>
<conditions>[ публикация недели ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/vIHwhh5.png">
<food__info>
<food__name>honey cake</food__name>
<conditions>[ пост недели ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/N7qp6D9.png">
<food__info>
<food__name>lovers' cake</food__name>
<conditions>[ пара недели ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/M3blFgW.png">
<food__info>
<food__name>tropicana cake</food__name>
<conditions>[ эпизод недели ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/ORP7mDC.png">
<food__info>
<food__name>terramisu</food__name>
<conditions>[ 5 раз помочь с графикой ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/vj6fJSq.png">
<food__info>
<food__name>strawberry cheesecake</food__name>
<conditions>[ предложить конкурс ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/0W3agfE.png">
<food__info>
<food__name>lemon cake</food__name>
<conditions>[ создать мысли ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/Vr3Sfb6.png">
<food__info>
<food__name>creamy chocolate cake</food__name>
<conditions>[ создать флуд ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/bRFHyH2.png">
<food__info>
<food__name>strawberry tart</food__name>
<conditions>[ поставить 250 плюсов ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/D4PF2gv.png">
<food__info>
<food__name>bueberry tart</food__name>
<conditions>[ поставить 500 плюсов ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/JKbIQPc.png">
<food__info>
<food__name>berry tart</food__name>
<conditions>[ поставить 1к плюсов ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/Yt7a9cS.png">
<food__info>
<food__name>blackberry millefeuille</food__name>
<conditions>[ 250 сообщений ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/GEi80U1.png">
<food__info>
<food__name>strawberry millefeuille</food__name>
<conditions>[ 500 сообщений ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/7S43xpa.png">
<food__info>
<food__name>raspberry millefeuille</food__name>
<conditions>[ 1к сообщений ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/z5iI71P.png">
<food__info>
<food__name>green tea</food__name>
<conditions>[ создать личную тему ]</conditions>
</food__items>

<food__items>
<img src="https://i.imgur.com/Ew2pgg0.png">
<food__info>
<food__name>berries pancake</food__name>
<conditions>[ собрать всё food-меню ]</conditions>
</food__items>

</menu__scroll>

</div>

<div id="shop__page__3">

<title__box>
<shop__title>music albums</shop__title>
<section__about>вашему выбору предоставлен ассортимент десертов, закусок и завтраков. при наведении на желаемую позицию вы узнаете доступный способ оплаты. за каждую покупку вы получаете поинты.</section__about>
</title__box>

<menu__scroll>

<music__item>
<img src="https://i.imgur.com/qquxyAs.png">
<music__info>
<name__album>barbie</name__album> <music__author>various artists</music__author>
<task>в посте: размышлять о смысле своей жизни</task>
<task>в посте: купить себе / любому ребёнку игрушку</task>
<task>в посте: отправиться в путешествие на машине</task>
<task>носить розовый / голубой комплект 3 дня</task>
<task>собрать эстетику персонажа в стиле барби (запостить в личной теме)</task>
<task>поставить в статус i'm just ken / i'm just barbie</task>
</music__info>
</music__item>

<music__item>
<img src="https://i.imgur.com/wayWSwx.png">
<music__info>
<name__album>Endless Summer Vacation</name__album> <music__author>Miley Cyrus</music__author>
<task>в посте: размышлять о смысле своей жизни</task>
<task>в посте: купить себе / любому ребёнку игрушку</task>
<task>в посте: отправиться в путешествие на машине</task>
<task>носить розовый / голубой комплект 3 дня</task>
<task>собрать эстетику персонажа в стиле барби (запостить в личной теме)</task>
<task>закинуть в тему музыки понравившуюся песню из альбома</task>
</music__info>
</music__item>

<music__item>
<img src="https://i.imgur.com/XjMLt2q.png">
<music__info>
<name__album>So much (for) stardust</name__album> <music__author>Fall Out Boy</music__author>
<task>в посте: напечатать сообщение, но оставить неотправленным </task>
<task>в посте: звонить бывшим / тому, кто не отвечает взаимностью</task>
<task>в посте: смотреть ночью на звёзды</task>
<task>запостить звёздное небо в соц сети</task>
<task>рассказать во флуде как справиться с бессонницей</task>
<task>украсить пост любой строкой из любой песни этого альбома</task>
</music__info>
</music__item>

<music__item>
<img src="https://i.imgur.com/Ex8QiI4.png">
<music__info>
<name__album>Higher than heaven </name__album> <music__author>Ellie Goulding</music__author>
<task>в посте: описать момент влюблённости</task>
<task>в посте: постоянно думать об одном человеке</task>
<task>в посте: провести ночь с любимым человеком</task>
<task>рассказать в личной теме о самой большой любви персонажа</task>
<task>носить 3 дня в подписи «i want you»</task>
<task>признаться в любви кому-то из игроков во флуде</task>
</music__info>
</music__item>

<music__item>
<img src="https://i.imgur.com/PHFYqKK.jpg">
<music__info>
<name__album>Moonlight Sinatra</name__album> <music__author>Frank Sinatra</music__author>
<task>в посте: гулять под луной</task>
<task>в посте: стоять под окнами любимого человека</task>
<task>в посте: флиртовать с незнакомцем</task>
<task>запостить луну в соц сети</task>
<task>использовать цитаты в подписи на тему луны / ночи / звёзд (носить 3 дня)</task>
<task>5 сообщений во флуде быть максимальным романтиком</task>
</music__info>
</music__item>

<music__item>
<img src="https://i.imgur.com/11dQLF2.png">
<music__info>
<name__album>La vie en rose</name__album> <music__author>Edith Piaf</music__author>
<task>в посте: быть во франции </task>
<task>в посте: не замечать что-то плохое в человеке / ситуации</task>
<task>в посте: идти под дождём</task>
<task>запостить в личной теме эстетику парижа</task>
<task>поставить в статус на 3 дня «je vois la vie en rose»</task>
<task>запостить париж в соц сети</task>
</music__info>
</music__item>

</menu__scroll>

</div>

<div id="shop__page__4">

<title__box>
<shop__title>your mood</shop__title>
<section__about>вашему выбору предоставлен ассортимент десертов, закусок и завтраков. при наведении на желаемую позицию вы узнаете доступный способ оплаты. за каждую покупку вы получаете поинты.</section__about>
</title__box>

<menu__scroll>

<mood__block>

<mood__item><img src="https://em-content.zobj.net/source/facebook/355/smiling-face-with-heart-eyes_1f60d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/smiling-face-with-hearts_1f970.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/star-struck_1f929.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/smiling-face-with-sunglasses_1f60e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/face-with-monocle_1f9d0.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/cowboy-hat-face_1f920.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/partying-face_1f973.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/face-with-rolling-eyes_1f644.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/neutral-face_1f610.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/cold-face_1f976.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/exploding-head_1f92f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/nauseated-face_1f922.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/flushed-face_1f633.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/pleading-face_1f97a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/face-with-symbols-on-mouth_1f92c.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/smiling-face-with-horns_1f608.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/skull_1f480.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/skull-and-crossbones_2620-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/pile-of-poo_1f4a9.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/clown-face_1f921.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/goblin_1f47a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/ghost_1f47b.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/alien_1f47d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/monkey-face_1f435.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/dog-face_1f436.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/wolf_1f43a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/fox_1f98a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/raccoon_1f99d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/cat-face_1f431.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/lion_1f981.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/tiger-face_1f42f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/unicorn_1f984.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/pig-face_1f437.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/llama_1f999.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/emojipedia/132/giraffe-face_1f992.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/mouse-face_1f42d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/hamster_1f439.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/rabbit-face_1f430.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/panda_1f43c.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/sloth_1f9a5.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/skunk_1f9a8.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/bat_1f987.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/penguin_1f427.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/eagle_1f985.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/swan_1f9a2.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/owl_1f989.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/flamingo_1f9a9.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/peacock_1f99a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/parrot_1f99c.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/crocodile_1f40a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/frog_1f438.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/turtle_1f422.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/lizard_1f98e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/dragon-face_1f432.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/sauropod_1f995.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/t-rex_1f996.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/spouting-whale_1f433.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/whale_1f40b.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/dolphin_1f42c.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/fish_1f41f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/tropical-fish_1f420.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/blowfish_1f421.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/shark_1f988.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/octopus_1f419.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/octopus_1f419.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/spiral-shell_1f41a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/crab_1f980.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/squid_1f991.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/shrimp_1f990.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/butterfly_1f98b.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/honeybee_1f41d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/spider_1f577-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/spider-web_1f578-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/bouquet_1f490.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/cherry-blossom_1f338.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/lotus_1fab7.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/rosette_1f3f5-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/rose_1f339.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/wilted-flower_1f940.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/hibiscus_1f33a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/hyacinth_1fabb.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/sunflower_1f33b.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/blossom_1f33c.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/tulip_1f337.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/evergreen-tree_1f332.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/deciduous-tree_1f333.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/palm-tree_1f334.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/cactus_1f335.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/sheaf-of-rice_1f33e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/sheaf-of-rice_1f33e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/herb_1f33f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/herb_1f33f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/herb_1f33f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/shamrock_2618-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/four-leaf-clover_1f340.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/maple-leaf_1f341.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/maple-leaf_1f341.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/maple-leaf_1f341.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/fallen-leaf_1f342.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/fallen-leaf_1f342.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/fallen-leaf_1f342.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/fallen-leaf_1f342.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/leaf-fluttering-in-wind_1f343.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/mushroom_1f344.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/rock_1faa8.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/wood_1fab5.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/wood_1fab5.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/new-moon_1f311.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/waxing-crescent-moon_1f312.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/first-quarter-moon_1f313.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/waxing-gibbous-moon_1f314.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/full-moon_1f315.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/waning-gibbous-moon_1f316.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/last-quarter-moon_1f317.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/waning-crescent-moon_1f318.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/crescent-moon_1f319.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/new-moon-face_1f31a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/sun_2600-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/full-moon-face_1f31d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/ringed-planet_1fa90.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/glowing-star_1f31f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/star_2b50.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/shooting-star_1f320.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/milky-way_1f30c.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/cloud_2601-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/cloud_2601-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/sun-behind-cloud_26c5.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/cloud-with-lightning-and-rain_26c8-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/cloud-with-rain_1f327-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/cloud-with-lightning_1f329-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/tornado_1f32a-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/wind-face_1f32c-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/samsung/349/rainbow_1f308.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/closed-umbrella_1f302.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/umbrella_2602-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/high-voltage_26a1.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/high-voltage_26a1.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/snowflake_2744-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/snowflake_2744-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/snowman-without-snow_26c4.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/comet_2604-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/google/350/comet_2604-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/comet_2604-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/comet_2604-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/droplet_1f4a7.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/water-wave_1f30a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/grapes_1f347.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/watermelon_1f349.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/lemon_1f34b.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/banana_1f34c.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/pineapple_1f34d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/red-apple_1f34e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/green-apple_1f34f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/peach_1f351.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/cherries_1f352.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/strawberry_1f353.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/blueberries_1fad0.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/kiwi-fruit_1f95d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/olive_1fad2.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/coconut_1f965.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/avocado_1f951.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/eggplant_1f346.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/hot-pepper_1f336-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/broccoli_1f966.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/garlic_1f9c4.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/ginger_1fada.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/chestnut_1f330.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/peanuts_1f95c.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/bread_1f35e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/croissant_1f950.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/pretzel_1f968.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/bagel_1f96f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/bagel_1f96f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/samsung/349/pancakes_1f95e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/cheese-wedge_1f9c0.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/cut-of-meat_1f969.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/hamburger_1f354.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/french-fries_1f35f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/pizza_1f355.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/pizza_1f355.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/hot-dog_1f32d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/sandwich_1f96a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/samsung/349/taco_1f32e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/egg_1f95a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/cooking_1f373.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/green-salad_1f957.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/popcorn_1f37f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/salt_1f9c2.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/canned-food_1f96b.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/spaghetti_1f35d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/rice-ball_1f359.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/fried-shrimp_1f364.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/sushi_1f363.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/sushi_1f363.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/fortune-cookie_1f960.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/samsung/349/takeout-box_1f961.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/soft-ice-cream_1f366.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/soft-ice-cream_1f366.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/ice-cream_1f368.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/shaved-ice_1f367.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/doughnut_1f369.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/doughnut_1f369.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/doughnut_1f369.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/cookie_1f36a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/cookie_1f36a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/cookie_1f36a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/shortcake_1f370.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/cupcake_1f9c1.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/pie_1f967.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/pie_1f967.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/chocolate-bar_1f36b.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/samsung/349/candy_1f36c.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/lollipop_1f36d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/custard_1f36e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/honey-pot_1f36f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/hot-beverage_2615.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/bottle-with-popping-cork_1f37e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/bottle-with-popping-cork_1f37e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/bottle-with-popping-cork_1f37e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/teacup-without-handle_1f375.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/wine-glass_1f377.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/wine-glass_1f377.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/wine-glass_1f377.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/cocktail-glass_1f378.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/tropical-drink_1f379.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/beer-mug_1f37a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/clinking-beer-mugs_1f37b.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/clinking-glasses_1f942.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/tumbler-glass_1f943.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/pouring-liquid_1fad7.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/bubble-tea_1f9cb.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/kitchen-knife_1f52a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/kitchen-knife_1f52a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/kitchen-knife_1f52a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/amphora_1f3fa.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/mate_1f9c9.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/jack-o-lantern_1f383.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/christmas-tree_1f384.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/fireworks_1f386.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/sparkler_1f387.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/firecracker_1f9e8.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/sparkles_2728.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/sparkles_2728.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/balloon_1f388.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/party-popper_1f389.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/confetti-ball_1f38a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/diya-lamp_1fa94.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/wrapped-gift_1f381.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/trophy_1f3c6.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/soccer-ball_26bd.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/basketball_1f3c0.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/american-football_1f3c8.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/direct-hit_1f3af.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/boxing-glove_1f94a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/samsung/349/kite_1fa81.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/crystal-ball_1f52e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/performing-arts_1f3ad.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/performing-arts_1f3ad.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/performing-arts_1f3ad.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/artist-palette_1f3a8.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/chess-pawn_265f-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/spade-suit_2660-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/heart-suit_2665-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/diamond-suit_2666-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/club-suit_2663-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/globe-showing-europe-africa_1f30d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/compass_1f9ed.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/snow-capped-mountain_1f3d4-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/snow-capped-mountain_1f3d4-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/volcano_1f30b.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/volcano_1f30b.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/camping_1f3d5-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/beach-with-umbrella_1f3d6-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/desert_1f3dc-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/desert-island_1f3dd-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/national-park_1f3de-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/classical-building_1f3db-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/statue-of-liberty_1f5fd.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/samsung/349/castle_1f3f0.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/wedding_1f492.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/hindu-temple_1f6d5.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/mosque_1f54c.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/sunrise-over-mountains_1f304.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/sunrise_1f305.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/circus-tent_1f3aa.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/moai_1f5ff.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/bridge-at-night_1f309.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/tent_26fa.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/flying-saucer_1f6f8.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/flying-saucer_1f6f8.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/rocket_1f680.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/airplane_2708-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/ribbon_1f380.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/ballet-shoes_1fa70.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/high-heeled-shoe_1f460.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/running-shoe_1f45f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/rescue-workers-helmet_26d1-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/crown_1f451.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/womans-hat_1f452.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/top-hat_1f3a9.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/graduation-cap_1f393.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/lipstick_1f484.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/ring_1f48d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/gem-stone_1f48e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/guitar_1f3b8.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/musical-note_1f3b5.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/musical-keyboard_1f3b9.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/studio-microphone_1f399-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/musical-notes_1f3b6.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/violin_1f3bb.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/drum_1f941.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/headphone_1f3a7.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/film-frames_1f39e-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/film-projector_1f4fd-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/clapper-board_1f3ac.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/camera-with-flash_1f4f8.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/videocassette_1f4fc.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/dvd_1f4c0.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/open-book_1f4d6.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/google/350/bookmark_1f516.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/label_1f3f7-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/envelope_2709-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/samsung/349/black-nib_2712-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/fountain-pen_1f58b-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/pencil_270f-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/paintbrush_1f58c-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/paperclip_1f4ce.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/pushpin_1f4cc.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/wastebasket_1f5d1-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/hourglass-done_231b.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/watch_231a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/money-bag_1f4b0.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/money-with-wings_1f4b8.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/credit-card_1f4b3.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/dollar-banknote_1f4b5.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/teddy-bear_1f9f8.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/bomb_1f4a3.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/candle_1f56f-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/light-bulb_1f4a1.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/old-key_1f5dd-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/hammer-and-pick_2692-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/hammer-and-wrench_1f6e0-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/axe_1fa93.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/dagger_1f5e1-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/dagger_1f5e1-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/crossed-swords_2694-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/crossed-swords_2694-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/bow-and-arrow_1f3f9.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/gear_2699-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/balance-scale_2696-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/test-tube_1f9ea.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/safety-pin_1f9f7.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/roll-of-paper_1f9fb.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/bubbles_1fae7.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/fire-extinguisher_1f9ef.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/cigarette_1f6ac.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/adhesive-bandage_1fa79.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/syringe_1f489.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/stethoscope_1fa7a.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/whatsapp/352/mirror_1fa9e.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/toilet_1f6bd.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/apple/354/soap_1f9fc.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/joypixels/340/scroll_1f4dc.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/briefcase_1f4bc.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/necktie_1f454.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/gloves_1f9e4.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/shopping-bags_1f6cd-fe0f.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/backpack_1f392.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/clutch-bag_1f45d.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/purse_1f45b.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/facebook/355/bikini_1f459.png"></mood__item>
<mood__item><img src="https://em-content.zobj.net/source/twitter/348/billed-cap_1f9e2.png"></mood__item>

</mood__block>
</menu__scroll>

</div>

<div id="shop__page__5">

</div>

</div>
<style>

/* main tab */

.main__menu {
    width: 800px;
    height: auto;
    margin: auto !important;
    padding: 1em 1em 2em 0em;
    position: relative;
    background: #f7f1e5;
    border-radius: 10px;
    box-shadow: inset 0 0 0px 1px #ffffffb0, inset 0 0 20px 3px #d7c5a8, inset 0 0 0px 1px #ffffff, 0 0 0 1px #bfa479;
    /* background-image: url(https://i.imgur.com/vcgfCjn.png); */
    background-size: 22%;
}

menu__scroll {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 480px;
    width: 95%;
    margin: auto !important;
    overflow: auto;
}

/* food tab */

title__box {
    display: flex;
    background: var(--basic-color-1);
    color: #fff;
    margin: 3em 4em 1em 4em !important;
    border-radius: 10px;
    padding: 1em;
}

shop__title {
    display: block;
    font-size: 2em;
    width: 16%;
    text-transform: uppercase;
}

food__items {
    position: relative;
    display: flex;
    width: 20em;
    height: 7em;
    margin: 1em !important;
    background: var(--basic-color-1);
    border-radius: 20px;
}

food__items img {
    width: 50px;
    height: 50px;
    margin: 1em !important;
    display: block;
}

food__info {
    display: flex;
    flex-direction: column;
    margin: 1.6em 1.6em 0 0 !important;
    box-sizing: border-box;
}

food__name {
    text-transform: uppercase;
    text-align: left;
    font-size: 10px;
    letter-spacing: 0.4px;
    color: #d1bca6;
    text-shadow: 1px 1px 1px #705c48;
}

conditions {
    letter-spacing: 0.1px;
    font-size: 10px;
    color: #b19678;
    text-shadow: 1px 1px 1px #52423285;
    text-align: left;
}

/* music tab */

#shop__page__3 {
    margin: 3em 0 0 0 !important;
}

music__item {
    display: flex;
    width: 47%;
    height: 11em;
    padding: 1em 0 1em 1em;
    box-sizing: border-box;
    margin: 0 1em 0 1em !important;
    background: #fffefc;
    border-radius: 10px;
}

music__item  img {
    width: 100px;
    height: 100px;
    filter: grayscale(1);
}

music__info {
    display: flex;
    flex-direction: column;
    height: 9em;
    overflow: auto;
    margin: 0 1em 0 1em !important;
    padding: 0 1em 0 0;
}

name__album {
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: bold;
    color: #a59981;
    font-size: 13px;
}

task {
    display: block;
    margin: 0.5em 0 0 0 !important;
    padding: 0.2em 0.6em 0.2em 0.6em;
    border-radius: 10px;
    font-size: 10px;
    /* line-height: 2; */
    background: #887f6e;
    color: #fff;
}

/* icons tab */

mood__block {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 1em 0 0 0;
    width: 90%;
}

mood__item {
    margin: 0 0.4em 0.8em 0.4em !important;
    padding: 1em;
    height: 3.6em;
    box-sizing: border-box;
    background: #fff;
    border-width: 1px 1px 1px 1px !important;
    border-style: solid;
    border-color: #b0b0b080;
    border-radius: 5px;
}

mood__item img {
    width: 16px;
}

/* tabs */

.main__menu>input[type="radio"] {
    display: none;
  }

.main__menu>div {
    display: none;
  }

#shop__page, #shop__page__2 {

}

  #tab__btn__shop__1:checked~#shop__page,
  #tab__btn__shop__2:checked~#shop__page__2,
  #tab__btn__shop__3:checked~#shop__page__3,
  #tab__btn__shop__4:checked~#shop__page__4,
  #tab__btn__shop__5:checked~#shop__page__5 {
    display: block;
  }

.main__menu>label {
    padding: 2px 8px;
    margin: 0 0 10px 15px;
    position: relative;
    left: 3em;
    top: 1em;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--basic-color-1);
    text-shadow: 1px 1px 1px #ffffff;
    cursor: pointer;
  }

.main__menu>label:not(:first-of-type) {
    border-left: none;
  }

/* hovers */

food__items wrap:hover {
opacity: 1;
}

food__items:hover {
transform: scale(1.1);
}

/* transition */

food__items,
food__items img,
food__items wrap {
transition: 0.6s linear;
}

</style>

[/html]

0

2

<div class="shop__tabs">

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__1" value="" checked>
  <label for="tab__btn__shop__1">drinks</label>

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__2" value="">
  <label for="tab__btn__shop__2">two</label>

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__3" value="">
  <label for="tab__btn__shop__3">three</label>

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__4" value="">
  <label for="tab__btn__shop__4">four</label>

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__5" value="">
  <label for="tab__btn__shop__5">four</label>

<div id="shop__page">

</div>

<div id="shop__page__2">

</div>

<div id="shop__page__3">

</div>

<div id="shop__page__4">

</div>

<div id="shop__page__5">

</div>

</div>

<style>

.shop__tabs {
    position: relative;
  }

.shop__tabs>input[type="radio"] {
    display: none;
  }

.shop__tabs>div {
    display: none;
    float: left;
    width: 800px;
    height: 525px;
    margin-top: -5px;
  }

  #tab__btn__shop__1:checked~#shop__page__1,
  #tab__btn__shop__2:checked~#shop__page__2,
  #tab__btn__shop__3:checked~#shop__page__3,
  #tab__btn__shop__4:checked~#shop__page__4,
  #tab__btn__shop__5:checked~#shop__page__5 {
    display: block;
  }

.shop__tabs>label {
    padding: 2px 8px;
    font-size: 11px;
    /* transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out; */
    cursor: pointer;
    position: relative;
    top: -8px;
    text-transform: uppercase;
    margin: -30px 0px 10px 15px;
    border-radius: 50px;
    color: #cb8b7d;
    text-shadow: 0 0 2px #ad7f5a9e;
    background: linear-gradient(45deg, #7f5540, #bb684c);
    box-shadow: inset 0 0 0 1px #cd8870, 0 0 0px 1px #72554785, 0 0 3px 3px #7e534342;
  }

.shop__tabs>label:not(:first-of-type) {
    border-left: none;
  }

.shop__tabs>input[type="radio"]:checked+label {
     background: #795442;
  }

</style>

0

3

<div class="main__menu">

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__1" value="" checked>
  <label for="tab__btn__shop__1">drinks</label>

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__2" value="">
  <label for="tab__btn__shop__2">food</label>

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__3" value="">
  <label for="tab__btn__shop__3">music</label>

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__4" value="">
  <label for="tab__btn__shop__4">mood</label>

  <input type="radio" name="tab__btn__shop" id="tab__btn__shop__5" value="">
  <label for="tab__btn__shop__5">merch</label>

<div id="shop__page">

</div>

<div id="shop__page__2">

<food__title__box>
<food__title>food</food__title>
<food__about>вашему выбору предоставлен ассортимент десертов, закусок и завтраков. при наведении на желаемую позицию вы узнаете доступный способ оплаты. за каждую покупку вы получаете поинты.</food__about>
</food__title__box>

<menu__scroll>

<food__items><wrap><title>принятая анкета</title></wrap><img src="https://i.imgur.com/F1ZhACF.png"><food__name>Blueberry Bagel
</food__name></food__items>
<food__items><wrap><title>открыть эпизод</title></wrap><img src="https://i.imgur.com/EEWTltS.png" alt=""></food__items>
<food__items><wrap><title>написать первый пост</title></wrap><img src="https://i.imgur.com/bjIujty.png"></food__items>
<food__items><wrap><title>написать пост за 24 часа</title></wrap><img src="https://i.imgur.com/5nsykIF.png"></food__items>
<food__items><wrap><title>5 отыгранных эпизодов</title></wrap><img src="https://i.imgur.com/BK49Jrj.png"></food__items>
<food__items><wrap><title>10 отыгранных эпизодов</title></wrap><img src="https://i.imgur.com/MGRj41J.png"></food__items>
<food__items><wrap><title>10 постов</title></wrap><img src="https://i.imgur.com/L4z4TQa.png"></food__items>
<food__items><wrap><title>50 постов</title></wrap><img src="https://i.imgur.com/j8VLjfT.png"></food__items>
<food__items><wrap><title>200 постов</title></wrap><img src="https://i.imgur.com/vayeAAU.png"></food__items>
<food__items><wrap><title>2 заявки на нужных</title></wrap><img src="https://i.imgur.com/D4nppZ3.png"></food__items>
<food__items><wrap><title>5 заявок на нужных</title></wrap><img src="https://i.imgur.com/QHJlBU7.png"></food__items>
<food__items><wrap><title>10 заявок в хочу видеть</title></wrap><img src="https://i.imgur.com/YavwXTa.png"></food__items>
<food__items><wrap><title>забрать 1 игрока из хочу к вам</title></wrap><img src="https://i.imgur.com/En8c3pu.png"></food__items>
<food__items><wrap><title>забрать 10 игроков из хочу к вам</title></wrap><img src="https://i.imgur.com/hnvPGo0.png"></food__items>
<food__items><wrap><title>пара недели</title></wrap><img src="https://i.imgur.com/leA6YMK.png"></food__items>
<food__items><wrap><title>эпизод недели</title></wrap><img src="https://i.imgur.com/KUBnTqN.png"></food__items>
<food__items><wrap><title>писатель недели</title></wrap><img src="https://i.imgur.com/kDJ6nHr.png"></food__items>
<food__items><wrap><title>активист недели</title></wrap><img src="https://i.imgur.com/UufdFmI.png"></food__items>
<food__items><wrap><title>публикация недели</title></wrap><img src="https://i.imgur.com/ex986Q3.png"></food__items>
<food__items><wrap><title>месяц на форуме</title></wrap><img src="https://i.imgur.com/3WapxY8.png"></food__items>

</menu__scroll>

</div>

<div id="shop__page__3">

</div>

<div id="shop__page__4">

</div>

<div id="shop__page__5">

</div>

</div>
<style>

/* main tab */

.main__menu {
    width: 800px;
    height: auto;
    margin: auto !important;
    padding: 1em 1em 2em 0em;
    position: relative;
    background: #435d4d;
    border-radius: 10px;
    box-shadow: inset 0 0 0px 1px #ffffffb0, inset 0 0 20px 3px #191d1ac2, inset 0 0 0px 1px #ffffff, 0 0 0 1px #bfa479;
    background-image: url(https://i.imgur.com/vcgfCjn.png);
    background-size: 22%;
}

menu__scroll {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    height: 480px;
    width: 95%;
    margin: auto !important;
    overflow: auto;
}

/* food tab */

food__items {
    position: relative;
    display: block;
    width: 100px;
    height: 100px;
    margin: 1em !important;
    background: #ece9e5;
    border-radius: 20px;
}

food__items wrap {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px !important;
    border-radius: 20px;
    background: #ffffffc9;
    opacity: 0;
}

food__items wrap title {
    display: block;
    margin: 3em 1em 0em 1em !important;
    text-align: center;
    font-size: 10px;
    color: #5c5c5c;
    font-weight: bold;
    letter-spacing: 0.6px;
}

food__items img {
    width: 85px;
    height: 85px;
    margin: auto !important;
    display: block;
}

food__title__box {
    display: flex;
    background: white;
    width: ;
    margin: 3em 4em 1em 4em !important;
    border-radius: 10px;
    padding: 1em;
}

food__title {
    display: block;
    font-size: 2em;
    width: 16%;
    text-transform: uppercase;
}

/* tabs */

.main__menu>input[type="radio"] {
    display: none;
  }

.main__menu>div {
    display: none;
  }

#shop__page {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

  #tab__btn__shop__1:checked~#shop__page,
  #tab__btn__shop__2:checked~#shop__page__2,
  #tab__btn__shop__3:checked~#shop__page__3,
  #tab__btn__shop__4:checked~#shop__page__4,
  #tab__btn__shop__5:checked~#shop__page__5 {
    display: block;
  }

.main__menu>label {
    padding: 2px 8px;
    margin: 0 0 10px 15px;
    position: relative;
    left: 3em;
    top: 1em;
    font-size: 11px;
    text-transform: uppercase;
    color: #fdfaf5;
    text-shadow: 1px 1px 1px #191f1b99;
    cursor: pointer;
  }

.main__menu>label:not(:first-of-type) {
    border-left: none;
  }

/* hovers */

food__items wrap:hover {
opacity: 1;
}

food__items:hover {
transform: scale(1.1);
}

/* transition */

food__items,
food__items img,
food__items wrap {
transition: 0.6s linear;
}

</style>

0


Вы здесь » name forum » Админка » шоп


Рейтинг форумов | Создать форум бесплатно