10 Gadgets

10.1 gadget - gadget

gadget paper bag
.gadget
.gadget
gadget paper bag
<div class="gadget gadget--bag">
    <figure>
        <img src="../static/img/img-gadget-bag.png" alt="gadget paper bag">
    </figure>
</div>

10.2 gadgets-list - gadgets-list

  • gadget paper bag
  • gadget sac
  • gadge t-shirt
  • gadget t-shirt rolled
  • gadget flop
  • gadget note-book
.gadgets-list
.gadgets-list
  • gadget paper bag
  • gadget sac
  • gadge t-shirt
  • gadget t-shirt rolled
  • gadget flop
  • gadget note-book
<ul class="gadgets-list">
    <li class="gadgets-list__item">
        <div class="gadget gadget--bag">
            <figure>
                <img src="../static/img/img-gadget-bag.png" alt="gadget paper bag">
            </figure>
        </div>
    </li>
    <li class="gadgets-list__item">
        <div class="gadget gadget--sac">
            <figure>
                <img src="../static/img/img-gadget-sac.png" alt="gadget sac">
            </figure>
        </div>
    </li>
    <li class="gadgets-list__item">
        <div class="gadget gadget--t-shirt">
            <figure>
                <img src="../static/img/img-gadget-t-shirt.png" alt="gadge t-shirt">
            </figure>
        </div>
    </li>
    <li class="gadgets-list__item">
        <div class="gadget gadget--t-shirt-rolled">
            <figure>
                <img src="../static/img/img-gadget-t-shirt-rolled.png" alt="gadget t-shirt rolled">
            </figure>
        </div>
    </li>
    <li class="gadgets-list__item">
        <div class="gadget gadget--flop">
            <figure>
                <img src="../static/img/img-gadget-flop.png" alt="gadget flop">
            </figure>
        </div>
    </li>
    <li class="gadgets-list__item">
        <div class="gadget gadget--note-book">
            <figure>
                <img src="../static/img/img-gadget-note-book.png" alt="gadget note-book">
            </figure>
        </div>
    </li>
</ul>

10.3 gadgets-box - gadgets-box

  • gadget paper bag
  • gadget sac
  • gadge t-shirt
  • gadget t-shirt rolled
  • gadget flop
  • gadget note-book
.gadgets-box
.gadgets-box
  • gadget paper bag
  • gadget sac
  • gadge t-shirt
  • gadget t-shirt rolled
  • gadget flop
  • gadget note-book
<div class="gadgets-box">
    <div class="gadgets-box__content">
        <ul class="gadgets-list">
            <li class="gadgets-list__item">
                <div class="gadget gadget--bag">
                    <figure>
                        <img src="../static/img/img-gadget-bag.png" alt="gadget paper bag">
                    </figure>
                </div>
            </li>
            <li class="gadgets-list__item">
                <div class="gadget gadget--sac">
                    <figure>
                        <img src="../static/img/img-gadget-sac.png" alt="gadget sac">
                    </figure>
                </div>
            </li>
            <li class="gadgets-list__item">
                <div class="gadget gadget--t-shirt">
                    <figure>
                        <img src="../static/img/img-gadget-t-shirt.png" alt="gadge t-shirt">
                    </figure>
                </div>
            </li>
            <li class="gadgets-list__item">
                <div class="gadget gadget--t-shirt-rolled">
                    <figure>
                        <img src="../static/img/img-gadget-t-shirt-rolled.png" alt="gadget t-shirt rolled">
                    </figure>
                </div>
            </li>
            <li class="gadgets-list__item">
                <div class="gadget gadget--flop">
                    <figure>
                        <img src="../static/img/img-gadget-flop.png" alt="gadget flop">
                    </figure>
                </div>
            </li>
            <li class="gadgets-list__item">
                <div class="gadget gadget--note-book">
                    <figure>
                        <img src="../static/img/img-gadget-note-book.png" alt="gadget note-book">
                    </figure>
                </div>
            </li>
        </ul>
    </div>
</div>