View on GitHub

Modules

Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.

Basic example

Module Categorie
Module Title
 
<div class="module-container">
  <div class="module-categorie-frame">
    <div class="module-categorie">
      <div class="header">
        <span>Module Categorie</span>
      </div>
      <div class="body">
        <div class="row">
          <div class="col-12">
            <a href="#" class="module-frame h-1 centered">
              <div class="module module-steel">
                <div class="icon-container">
                  <i class="fas fa-tasks"></i>
                </div>
                <div class="title">Module Title</div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Sizes and Alignments

Module Categorie
Normal Height Left aligned
Double Height centered
Normal Hight Centered
 
<div class="module-container">
  <div class="module-categorie-frame">
    <div class="module-categorie">
      <div class="header">
        <span>Module Categorie</span>
      </div>
      <div class="body">
        <div class="row">
          <div class="col-6">
            <a href="#" class="module-frame h-1 left-aligned">
              <div class="module module-ice">
                <div class="icon-container">
                  <i class="fas fa-tasks"></i>
                </div>
                <div class="title">Normal Height Left aligned</div>
              </div>
            </a>
          </div>
          <div class="col-6">
            <a href="#" class="module-frame h-2">
              <div class="module module-ice">
                <div class="icon-container">
                  <i class="fas fa-tasks"></i>
                </div>
                <div class="title">Double Height centered</div>
              </div>
            </a>
          </div>
          <div class="col-2">
            <a href="#" class="module-frame h-1 centered">
              <div class="module module-ice">
                <div class="icon-container">
                  <i class="fas fa-tasks"></i>
                </div>
                <div class="title">Normal Hight Centered</div>
              </div>
              </a>
            </div>
          </div>
        </div>
      </div>
  </div>
</div>

Colors

Super-Light
Light
Steel
Ocean
Midnight
Cosmos
Deepdark
Primary
Success
Info
Warning
Danger
Deep-Ocean
Teal
Petrol
Turquoise
Sky
Mountain-River
Dark-Forest
Fir
Larch
Gra
Fern
Min
Seaweed
Army
Green-Olive
Apple
Lime
Tea
Weather-Oak
Avocado
Olive
Gold
Sun
Banana
Walnut
Flaxen
Sand-Stone
Carrot
Apricot
Sugar-Melon
Chocolate
Blood
Brick
Chili
Pumpkin
Salmon
Eggplant
Plum
Ruby
Berry
Fuchsia
Flamingo
Raisin
Grape
Lavendar
Amethyst
Orchid
Thistle
Magenta
Dark
Ice
Contrast-0
Contrast-5
Contrast-10
Contrast-15
Contrast-20
Contrast-25
Contrast-30
Contrast-35
Contrast-40
Contrast-45
Contrast-50
Contrast-55
Contrast-60
Contrast-65
Contrast-70
Contrast-75
Contrast-80
Contrast-85
Contrast-90
Contrast-95
Contrast-100
super-light-90
super-light-80
super-light-70
super-light-60
super-light-50
super-light-40
super-light-30
super-light-20
super-light-10
light-90
light-80
light-70
light-60
light-50
light-40
light-30
light-20
light-10
steel-90
steel-80
steel-70
steel-60
steel-50
steel-40
steel-30
steel-20
steel-10
ocean-90
ocean-80
ocean-70
ocean-60
ocean-50
ocean-40
ocean-30
ocean-20
ocean-10
midnight-90
midnight-80
midnight-70
midnight-60
midnight-50
midnight-40
midnight-30
midnight-20
midnight-10
cosmos-90
cosmos-80
cosmos-70
cosmos-60
cosmos-50
cosmos-40
cosmos-30
cosmos-20
cosmos-10
deepdark-90
deepdark-80
deepdark-70
deepdark-60
deepdark-50
deepdark-40
deepdark-30
deepdark-20
deepdark-10
primary-90
primary-80
primary-70
primary-60
primary-50
primary-40
primary-30
primary-20
primary-10
success-90
success-80
success-70
success-60
success-50
success-40
success-30
success-20
success-10
info-90
info-80
info-70
info-60
info-50
info-40
info-30
info-20
info-10
warning-90
warning-80
warning-70
warning-60
warning-50
warning-40
warning-30
warning-20
warning-10
danger-90
danger-80
danger-70
danger-60
danger-50
danger-40
danger-30
danger-20
danger-10
deep-ocean-90
deep-ocean-80
deep-ocean-70
deep-ocean-60
deep-ocean-50
deep-ocean-40
deep-ocean-30
deep-ocean-20
deep-ocean-10
teal-90
teal-80
teal-70
teal-60
teal-50
teal-40
teal-30
teal-20
teal-10
petrol-90
petrol-80
petrol-70
petrol-60
petrol-50
petrol-40
petrol-30
petrol-20
petrol-10
turquoise-90
turquoise-80
turquoise-70
turquoise-60
turquoise-50
turquoise-40
turquoise-30
turquoise-20
turquoise-10
sky-90
sky-80
sky-70
sky-60
sky-50
sky-40
sky-30
sky-20
sky-10
mountain-river-90
mountain-river-80
mountain-river-70
mountain-river-60
mountain-river-50
mountain-river-40
mountain-river-30
mountain-river-20
mountain-river-10
dark-forest-90
dark-forest-80
dark-forest-70
dark-forest-60
dark-forest-50
dark-forest-40
dark-forest-30
dark-forest-20
dark-forest-10
fir-90
fir-80
fir-70
fir-60
fir-50
fir-40
fir-30
fir-20
fir-10
larch-90
larch-80
larch-70
larch-60
larch-50
larch-40
larch-30
larch-20
larch-10
gra-90
gra-80
gra-70
gra-60
gra-50
gra-40
gra-30
gra-20
gra-10
fern-90
fern-80
fern-70
fern-60
fern-50
fern-40
fern-30
fern-20
fern-10
min-90
min-80
min-70
min-60
min-50
min-40
min-30
min-20
min-10
seaweed-90
seaweed-80
seaweed-70
seaweed-60
seaweed-50
seaweed-40
seaweed-30
seaweed-20
seaweed-10
army-90
army-80
army-70
army-60
army-50
army-40
army-30
army-20
army-10
green-olive-90
green-olive-80
green-olive-70
green-olive-60
green-olive-50
green-olive-40
green-olive-30
green-olive-20
green-olive-10
apple-90
apple-80
apple-70
apple-60
apple-50
apple-40
apple-30
apple-20
apple-10
lime-90
lime-80
lime-70
lime-60
lime-50
lime-40
lime-30
lime-20
lime-10
tea-90
tea-80
tea-70
tea-60
tea-50
tea-40
tea-30
tea-20
tea-10
weather-oak-90
weather-oak-80
weather-oak-70
weather-oak-60
weather-oak-50
weather-oak-40
weather-oak-30
weather-oak-20
weather-oak-10
avocado-90
avocado-80
avocado-70
avocado-60
avocado-50
avocado-40
avocado-30
avocado-20
avocado-10
olive-90
olive-80
olive-70
olive-60
olive-50
olive-40
olive-30
olive-20
olive-10
gold-90
gold-80
gold-70
gold-60
gold-50
gold-40
gold-30
gold-20
gold-10
sun-90
sun-80
sun-70
sun-60
sun-50
sun-40
sun-30
sun-20
sun-10
banana-90
banana-80
banana-70
banana-60
banana-50
banana-40
banana-30
banana-20
banana-10
walnut-90
walnut-80
walnut-70
walnut-60
walnut-50
walnut-40
walnut-30
walnut-20
walnut-10
flaxen-90
flaxen-80
flaxen-70
flaxen-60
flaxen-50
flaxen-40
flaxen-30
flaxen-20
flaxen-10
sand-stone-90
sand-stone-80
sand-stone-70
sand-stone-60
sand-stone-50
sand-stone-40
sand-stone-30
sand-stone-20
sand-stone-10
carrot-90
carrot-80
carrot-70
carrot-60
carrot-50
carrot-40
carrot-30
carrot-20
carrot-10
apricot-90
apricot-80
apricot-70
apricot-60
apricot-50
apricot-40
apricot-30
apricot-20
apricot-10
sugar-melon-90
sugar-melon-80
sugar-melon-70
sugar-melon-60
sugar-melon-50
sugar-melon-40
sugar-melon-30
sugar-melon-20
sugar-melon-10
chocolate-90
chocolate-80
chocolate-70
chocolate-60
chocolate-50
chocolate-40
chocolate-30
chocolate-20
chocolate-10
blood-90
blood-80
blood-70
blood-60
blood-50
blood-40
blood-30
blood-20
blood-10
brick-90
brick-80
brick-70
brick-60
brick-50
brick-40
brick-30
brick-20
brick-10
chili-90
chili-80
chili-70
chili-60
chili-50
chili-40
chili-30
chili-20
chili-10
pumpkin-90
pumpkin-80
pumpkin-70
pumpkin-60
pumpkin-50
pumpkin-40
pumpkin-30
pumpkin-20
pumpkin-10
salmon-90
salmon-80
salmon-70
salmon-60
salmon-50
salmon-40
salmon-30
salmon-20
salmon-10
eggplant-90
eggplant-80
eggplant-70
eggplant-60
eggplant-50
eggplant-40
eggplant-30
eggplant-20
eggplant-10
plum-90
plum-80
plum-70
plum-60
plum-50
plum-40
plum-30
plum-20
plum-10
ruby-90
ruby-80
ruby-70
ruby-60
ruby-50
ruby-40
ruby-30
ruby-20
ruby-10
berry-90
berry-80
berry-70
berry-60
berry-50
berry-40
berry-30
berry-20
berry-10
fuchsia-90
fuchsia-80
fuchsia-70
fuchsia-60
fuchsia-50
fuchsia-40
fuchsia-30
fuchsia-20
fuchsia-10
flamingo-90
flamingo-80
flamingo-70
flamingo-60
flamingo-50
flamingo-40
flamingo-30
flamingo-20
flamingo-10
raisin-90
raisin-80
raisin-70
raisin-60
raisin-50
raisin-40
raisin-30
raisin-20
raisin-10
grape-90
grape-80
grape-70
grape-60
grape-50
grape-40
grape-30
grape-20
grape-10
lavendar-90
lavendar-80
lavendar-70
lavendar-60
lavendar-50
lavendar-40
lavendar-30
lavendar-20
lavendar-10
amethyst-90
amethyst-80
amethyst-70
amethyst-60
amethyst-50
amethyst-40
amethyst-30
amethyst-20
amethyst-10
orchid-90
orchid-80
orchid-70
orchid-60
orchid-50
orchid-40
orchid-30
orchid-20
orchid-10
thistle-90
thistle-80
thistle-70
thistle-60
thistle-50
thistle-40
thistle-30
thistle-20
thistle-10
magenta-90
magenta-80
magenta-70
magenta-60
magenta-50
magenta-40
magenta-30
magenta-20
magenta-10
dark-90
dark-80
dark-70
dark-60
dark-50
dark-40
dark-30
dark-20
dark-10
ice-90
ice-80
ice-70
ice-60
ice-50
ice-40
ice-30
ice-20
ice-10
contrast-0-90
contrast-0-80
contrast-0-70
contrast-0-60
contrast-0-50
contrast-0-40
contrast-0-30
contrast-0-20
contrast-0-10
contrast-5-90
contrast-5-80
contrast-5-70
contrast-5-60
contrast-5-50
contrast-5-40
contrast-5-30
contrast-5-20
contrast-5-10
contrast-10-90
contrast-10-80
contrast-10-70
contrast-10-60
contrast-10-50
contrast-10-40
contrast-10-30
contrast-10-20
contrast-10-10
contrast-15-90
contrast-15-80
contrast-15-70
contrast-15-60
contrast-15-50
contrast-15-40
contrast-15-30
contrast-15-20
contrast-15-10
contrast-20-90
contrast-20-80
contrast-20-70
contrast-20-60
contrast-20-50
contrast-20-40
contrast-20-30
contrast-20-20
contrast-20-10
contrast-25-90
contrast-25-80
contrast-25-70
contrast-25-60
contrast-25-50
contrast-25-40
contrast-25-30
contrast-25-20
contrast-25-10
contrast-30-90
contrast-30-80
contrast-30-70
contrast-30-60
contrast-30-50
contrast-30-40
contrast-30-30
contrast-30-20
contrast-30-10
contrast-35-90
contrast-35-80
contrast-35-70
contrast-35-60
contrast-35-50
contrast-35-40
contrast-35-30
contrast-35-20
contrast-35-10
contrast-40-90
contrast-40-80
contrast-40-70
contrast-40-60
contrast-40-50
contrast-40-40
contrast-40-30
contrast-40-20
contrast-40-10
contrast-45-90
contrast-45-80
contrast-45-70
contrast-45-60
contrast-45-50
contrast-45-40
contrast-45-30
contrast-45-20
contrast-45-10
contrast-50-90
contrast-50-80
contrast-50-70
contrast-50-60
contrast-50-50
contrast-50-40
contrast-50-30
contrast-50-20
contrast-50-10
contrast-55-90
contrast-55-80
contrast-55-70
contrast-55-60
contrast-55-50
contrast-55-40
contrast-55-30
contrast-55-20
contrast-55-10
contrast-60-90
contrast-60-80
contrast-60-70
contrast-60-60
contrast-60-50
contrast-60-40
contrast-60-30
contrast-60-20
contrast-60-10
contrast-65-90
contrast-65-80
contrast-65-70
contrast-65-60
contrast-65-50
contrast-65-40
contrast-65-30
contrast-65-20
contrast-65-10
contrast-70-90
contrast-70-80
contrast-70-70
contrast-70-60
contrast-70-50
contrast-70-40
contrast-70-30
contrast-70-20
contrast-70-10
contrast-75-90
contrast-75-80
contrast-75-70
contrast-75-60
contrast-75-50
contrast-75-40
contrast-75-30
contrast-75-20
contrast-75-10
contrast-80-90
contrast-80-80
contrast-80-70
contrast-80-60
contrast-80-50
contrast-80-40
contrast-80-30
contrast-80-20
contrast-80-10
contrast-85-90
contrast-85-80
contrast-85-70
contrast-85-60
contrast-85-50
contrast-85-40
contrast-85-30
contrast-85-20
contrast-85-10
contrast-90-90
contrast-90-80
contrast-90-70
contrast-90-60
contrast-90-50
contrast-90-40
contrast-90-30
contrast-90-20
contrast-90-10
contrast-95-90
contrast-95-80
contrast-95-70
contrast-95-60
contrast-95-50
contrast-95-40
contrast-95-30
contrast-95-20
contrast-95-10
contrast-100-90
contrast-100-80
contrast-100-70
contrast-100-60
contrast-100-50
contrast-100-40
contrast-100-30
contrast-100-20
contrast-100-10
 
<div class="row">

  <!-- Module Super-Light -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-super-light">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Super-Light</div>
    </div>
  </a>

  <!-- Module Light -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-light">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Light</div>
    </div>
  </a>

  <!-- Module Steel -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-steel">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Steel</div>
    </div>
  </a>

  <!-- Module Ocean -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ocean">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Ocean</div>
    </div>
  </a>

  <!-- Module Midnight -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-midnight">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Midnight</div>
    </div>
  </a>

  <!-- Module Cosmos -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-cosmos">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Cosmos</div>
    </div>
  </a>

  <!-- Module Deepdark -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deepdark">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Deepdark</div>
    </div>
  </a>

  <!-- Module Primary -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-primary">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Primary</div>
    </div>
  </a>

  <!-- Module Success -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-success">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Success</div>
    </div>
  </a>

  <!-- Module Info -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-info">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Info</div>
    </div>
  </a>

  <!-- Module Warning -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-warning">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Warning</div>
    </div>
  </a>

  <!-- Module Danger -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-danger">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Danger</div>
    </div>
  </a>

  <!-- Module Deep-Ocean -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deep-ocean">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Deep-Ocean</div>
    </div>
  </a>

  <!-- Module Teal -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-teal">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Teal</div>
    </div>
  </a>

  <!-- Module Petrol -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-petrol">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Petrol</div>
    </div>
  </a>

  <!-- Module Turquoise -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-turquoise">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Turquoise</div>
    </div>
  </a>

  <!-- Module Sky -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sky">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Sky</div>
    </div>
  </a>

  <!-- Module Mountain-River -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-mountain-river">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Mountain-River</div>
    </div>
  </a>

  <!-- Module Dark-Forest -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-forest">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Dark-Forest</div>
    </div>
  </a>

  <!-- Module Fir -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fir">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Fir</div>
    </div>
  </a>

  <!-- Module Larch -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-larch">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Larch</div>
    </div>
  </a>

  <!-- Module Gra -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gra">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Gra</div>
    </div>
  </a>

  <!-- Module Fern -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fern">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Fern</div>
    </div>
  </a>

  <!-- Module Min -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-min">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Min</div>
    </div>
  </a>

  <!-- Module Seaweed -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-seaweed">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Seaweed</div>
    </div>
  </a>

  <!-- Module Army -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-army">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Army</div>
    </div>
  </a>

  <!-- Module Green-Olive -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-green-olive">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Green-Olive</div>
    </div>
  </a>

  <!-- Module Apple -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apple">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Apple</div>
    </div>
  </a>

  <!-- Module Lime -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lime">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Lime</div>
    </div>
  </a>

  <!-- Module Tea -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-tea">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Tea</div>
    </div>
  </a>

  <!-- Module Weather-Oak -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-weather-oak">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Weather-Oak</div>
    </div>
  </a>

  <!-- Module Avocado -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-avocado">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Avocado</div>
    </div>
  </a>

  <!-- Module Olive -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-olive">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Olive</div>
    </div>
  </a>

  <!-- Module Gold -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gold">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Gold</div>
    </div>
  </a>

  <!-- Module Sun -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sun">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Sun</div>
    </div>
  </a>

  <!-- Module Banana -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-banana">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Banana</div>
    </div>
  </a>

  <!-- Module Walnut -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-walnut">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Walnut</div>
    </div>
  </a>

  <!-- Module Flaxen -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flaxen">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Flaxen</div>
    </div>
  </a>

  <!-- Module Sand-Stone -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sand-stone">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Sand-Stone</div>
    </div>
  </a>

  <!-- Module Carrot -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-carrot">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Carrot</div>
    </div>
  </a>

  <!-- Module Apricot -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apricot">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Apricot</div>
    </div>
  </a>

  <!-- Module Sugar-Melon -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sugar-melon">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Sugar-Melon</div>
    </div>
  </a>

  <!-- Module Chocolate -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chocolate">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Chocolate</div>
    </div>
  </a>

  <!-- Module Blood -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-blood">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Blood</div>
    </div>
  </a>

  <!-- Module Brick -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-brick">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Brick</div>
    </div>
  </a>

  <!-- Module Chili -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chili">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Chili</div>
    </div>
  </a>

  <!-- Module Pumpkin -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-pumpkin">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Pumpkin</div>
    </div>
  </a>

  <!-- Module Salmon -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-salmon">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Salmon</div>
    </div>
  </a>

  <!-- Module Eggplant -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-eggplant">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Eggplant</div>
    </div>
  </a>

  <!-- Module Plum -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-plum">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Plum</div>
    </div>
  </a>

  <!-- Module Ruby -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ruby">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Ruby</div>
    </div>
  </a>

  <!-- Module Berry -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-berry">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Berry</div>
    </div>
  </a>

  <!-- Module Fuchsia -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fuchsia">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Fuchsia</div>
    </div>
  </a>

  <!-- Module Flamingo -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flamingo">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Flamingo</div>
    </div>
  </a>

  <!-- Module Raisin -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-raisin">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Raisin</div>
    </div>
  </a>

  <!-- Module Grape -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-grape">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Grape</div>
    </div>
  </a>

  <!-- Module Lavendar -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lavendar">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Lavendar</div>
    </div>
  </a>

  <!-- Module Amethyst -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-amethyst">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Amethyst</div>
    </div>
  </a>

  <!-- Module Orchid -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-orchid">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Orchid</div>
    </div>
  </a>

  <!-- Module Thistle -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-thistle">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Thistle</div>
    </div>
  </a>

  <!-- Module Magenta -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-magenta">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Magenta</div>
    </div>
  </a>

  <!-- Module Dark -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Dark</div>
    </div>
  </a>

  <!-- Module Ice -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ice">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Ice</div>
    </div>
  </a>

  <!-- Module Contrast-0 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-0">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-0</div>
    </div>
  </a>

  <!-- Module Contrast-5 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-5">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-5</div>
    </div>
  </a>

  <!-- Module Contrast-10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-10</div>
    </div>
  </a>

  <!-- Module Contrast-15 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-15">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-15</div>
    </div>
  </a>

  <!-- Module Contrast-20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-20</div>
    </div>
  </a>

  <!-- Module Contrast-25 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-25">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-25</div>
    </div>
  </a>

  <!-- Module Contrast-30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-30</div>
    </div>
  </a>

  <!-- Module Contrast-35 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-35">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-35</div>
    </div>
  </a>

  <!-- Module Contrast-40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-40</div>
    </div>
  </a>

  <!-- Module Contrast-45 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-45">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-45</div>
    </div>
  </a>

  <!-- Module Contrast-50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-50</div>
    </div>
  </a>

  <!-- Module Contrast-55 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-55">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-55</div>
    </div>
  </a>

  <!-- Module Contrast-60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-60</div>
    </div>
  </a>

  <!-- Module Contrast-65 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-65">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-65</div>
    </div>
  </a>

  <!-- Module Contrast-70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-70</div>
    </div>
  </a>

  <!-- Module Contrast-75 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-75">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-75</div>
    </div>
  </a>

  <!-- Module Contrast-80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-80</div>
    </div>
  </a>

  <!-- Module Contrast-85 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-85">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-85</div>
    </div>
  </a>

  <!-- Module Contrast-90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-90</div>
    </div>
  </a>

  <!-- Module Contrast-95 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-95">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-95</div>
    </div>
  </a>

  <!-- Module Contrast-100 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-100">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-100</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-super-light-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">super-light-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-super-light-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">super-light-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-super-light-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">super-light-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-super-light-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">super-light-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-super-light-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">super-light-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-super-light-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">super-light-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-super-light-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">super-light-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-super-light-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">super-light-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-super-light-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">super-light-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-light-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">light-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-light-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">light-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-light-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">light-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-light-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">light-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-light-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">light-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-light-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">light-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-light-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">light-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-light-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">light-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-light-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">light-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-steel-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">steel-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-steel-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">steel-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-steel-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">steel-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-steel-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">steel-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-steel-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">steel-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-steel-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">steel-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-steel-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">steel-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-steel-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">steel-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-steel-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">steel-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ocean-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ocean-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ocean-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ocean-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ocean-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ocean-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ocean-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ocean-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ocean-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ocean-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ocean-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ocean-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ocean-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ocean-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ocean-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ocean-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ocean-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ocean-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-midnight-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">midnight-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-midnight-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">midnight-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-midnight-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">midnight-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-midnight-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">midnight-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-midnight-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">midnight-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-midnight-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">midnight-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-midnight-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">midnight-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-midnight-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">midnight-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-midnight-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">midnight-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-cosmos-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">cosmos-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-cosmos-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">cosmos-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-cosmos-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">cosmos-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-cosmos-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">cosmos-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-cosmos-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">cosmos-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-cosmos-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">cosmos-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-cosmos-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">cosmos-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-cosmos-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">cosmos-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-cosmos-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">cosmos-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deepdark-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deepdark-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deepdark-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deepdark-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deepdark-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deepdark-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deepdark-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deepdark-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deepdark-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deepdark-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deepdark-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deepdark-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deepdark-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deepdark-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deepdark-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deepdark-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deepdark-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deepdark-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-primary-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">primary-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-primary-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">primary-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-primary-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">primary-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-primary-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">primary-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-primary-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">primary-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-primary-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">primary-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-primary-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">primary-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-primary-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">primary-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-primary-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">primary-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-success-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">success-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-success-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">success-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-success-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">success-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-success-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">success-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-success-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">success-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-success-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">success-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-success-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">success-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-success-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">success-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-success-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">success-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-info-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">info-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-info-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">info-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-info-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">info-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-info-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">info-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-info-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">info-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-info-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">info-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-info-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">info-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-info-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">info-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-info-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">info-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-warning-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">warning-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-warning-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">warning-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-warning-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">warning-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-warning-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">warning-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-warning-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">warning-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-warning-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">warning-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-warning-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">warning-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-warning-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">warning-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-warning-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">warning-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-danger-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">danger-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-danger-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">danger-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-danger-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">danger-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-danger-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">danger-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-danger-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">danger-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-danger-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">danger-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-danger-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">danger-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-danger-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">danger-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-danger-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">danger-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deep-ocean-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deep-ocean-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deep-ocean-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deep-ocean-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deep-ocean-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deep-ocean-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deep-ocean-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deep-ocean-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deep-ocean-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deep-ocean-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deep-ocean-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deep-ocean-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deep-ocean-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deep-ocean-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deep-ocean-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deep-ocean-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deep-ocean-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">deep-ocean-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-teal-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">teal-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-teal-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">teal-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-teal-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">teal-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-teal-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">teal-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-teal-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">teal-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-teal-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">teal-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-teal-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">teal-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-teal-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">teal-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-teal-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">teal-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-petrol-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">petrol-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-petrol-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">petrol-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-petrol-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">petrol-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-petrol-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">petrol-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-petrol-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">petrol-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-petrol-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">petrol-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-petrol-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">petrol-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-petrol-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">petrol-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-petrol-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">petrol-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-turquoise-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">turquoise-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-turquoise-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">turquoise-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-turquoise-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">turquoise-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-turquoise-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">turquoise-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-turquoise-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">turquoise-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-turquoise-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">turquoise-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-turquoise-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">turquoise-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-turquoise-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">turquoise-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-turquoise-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">turquoise-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sky-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sky-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sky-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sky-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sky-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sky-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sky-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sky-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sky-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sky-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sky-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sky-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sky-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sky-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sky-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sky-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sky-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sky-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-mountain-river-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">mountain-river-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-mountain-river-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">mountain-river-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-mountain-river-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">mountain-river-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-mountain-river-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">mountain-river-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-mountain-river-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">mountain-river-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-mountain-river-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">mountain-river-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-mountain-river-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">mountain-river-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-mountain-river-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">mountain-river-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-mountain-river-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">mountain-river-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-forest-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-forest-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-forest-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-forest-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-forest-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-forest-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-forest-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-forest-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-forest-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-forest-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-forest-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-forest-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-forest-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-forest-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-forest-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-forest-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-forest-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-forest-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fir-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fir-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fir-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fir-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fir-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fir-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fir-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fir-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fir-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fir-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fir-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fir-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fir-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fir-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fir-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fir-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fir-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fir-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-larch-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">larch-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-larch-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">larch-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-larch-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">larch-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-larch-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">larch-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-larch-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">larch-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-larch-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">larch-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-larch-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">larch-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-larch-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">larch-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-larch-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">larch-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gra-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gra-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gra-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gra-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gra-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gra-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gra-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gra-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gra-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gra-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gra-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gra-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gra-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gra-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gra-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gra-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gra-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gra-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fern-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fern-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fern-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fern-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fern-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fern-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fern-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fern-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fern-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fern-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fern-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fern-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fern-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fern-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fern-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fern-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fern-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fern-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-min-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">min-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-min-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">min-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-min-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">min-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-min-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">min-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-min-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">min-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-min-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">min-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-min-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">min-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-min-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">min-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-min-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">min-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-seaweed-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">seaweed-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-seaweed-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">seaweed-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-seaweed-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">seaweed-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-seaweed-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">seaweed-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-seaweed-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">seaweed-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-seaweed-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">seaweed-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-seaweed-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">seaweed-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-seaweed-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">seaweed-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-seaweed-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">seaweed-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-army-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">army-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-army-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">army-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-army-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">army-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-army-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">army-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-army-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">army-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-army-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">army-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-army-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">army-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-army-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">army-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-army-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">army-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-green-olive-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">green-olive-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-green-olive-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">green-olive-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-green-olive-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">green-olive-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-green-olive-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">green-olive-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-green-olive-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">green-olive-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-green-olive-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">green-olive-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-green-olive-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">green-olive-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-green-olive-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">green-olive-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-green-olive-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">green-olive-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apple-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apple-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apple-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apple-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apple-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apple-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apple-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apple-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apple-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apple-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apple-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apple-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apple-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apple-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apple-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apple-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apple-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apple-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lime-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lime-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lime-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lime-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lime-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lime-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lime-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lime-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lime-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lime-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lime-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lime-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lime-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lime-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lime-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lime-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lime-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lime-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-tea-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">tea-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-tea-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">tea-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-tea-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">tea-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-tea-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">tea-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-tea-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">tea-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-tea-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">tea-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-tea-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">tea-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-tea-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">tea-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-tea-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">tea-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-weather-oak-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">weather-oak-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-weather-oak-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">weather-oak-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-weather-oak-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">weather-oak-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-weather-oak-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">weather-oak-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-weather-oak-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">weather-oak-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-weather-oak-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">weather-oak-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-weather-oak-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">weather-oak-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-weather-oak-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">weather-oak-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-weather-oak-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">weather-oak-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-avocado-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">avocado-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-avocado-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">avocado-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-avocado-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">avocado-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-avocado-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">avocado-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-avocado-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">avocado-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-avocado-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">avocado-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-avocado-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">avocado-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-avocado-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">avocado-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-avocado-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">avocado-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-olive-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">olive-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-olive-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">olive-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-olive-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">olive-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-olive-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">olive-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-olive-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">olive-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-olive-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">olive-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-olive-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">olive-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-olive-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">olive-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-olive-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">olive-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gold-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gold-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gold-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gold-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gold-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gold-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gold-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gold-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gold-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gold-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gold-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gold-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gold-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gold-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gold-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gold-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gold-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">gold-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sun-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sun-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sun-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sun-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sun-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sun-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sun-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sun-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sun-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sun-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sun-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sun-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sun-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sun-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sun-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sun-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sun-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sun-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-banana-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">banana-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-banana-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">banana-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-banana-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">banana-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-banana-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">banana-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-banana-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">banana-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-banana-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">banana-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-banana-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">banana-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-banana-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">banana-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-banana-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">banana-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-walnut-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">walnut-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-walnut-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">walnut-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-walnut-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">walnut-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-walnut-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">walnut-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-walnut-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">walnut-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-walnut-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">walnut-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-walnut-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">walnut-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-walnut-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">walnut-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-walnut-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">walnut-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flaxen-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flaxen-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flaxen-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flaxen-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flaxen-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flaxen-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flaxen-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flaxen-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flaxen-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flaxen-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flaxen-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flaxen-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flaxen-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flaxen-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flaxen-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flaxen-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flaxen-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flaxen-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sand-stone-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sand-stone-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sand-stone-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sand-stone-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sand-stone-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sand-stone-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sand-stone-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sand-stone-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sand-stone-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sand-stone-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sand-stone-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sand-stone-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sand-stone-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sand-stone-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sand-stone-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sand-stone-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sand-stone-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sand-stone-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-carrot-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">carrot-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-carrot-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">carrot-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-carrot-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">carrot-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-carrot-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">carrot-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-carrot-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">carrot-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-carrot-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">carrot-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-carrot-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">carrot-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-carrot-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">carrot-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-carrot-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">carrot-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apricot-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apricot-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apricot-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apricot-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apricot-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apricot-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apricot-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apricot-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apricot-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apricot-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apricot-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apricot-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apricot-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apricot-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apricot-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apricot-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apricot-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">apricot-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sugar-melon-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sugar-melon-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sugar-melon-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sugar-melon-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sugar-melon-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sugar-melon-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sugar-melon-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sugar-melon-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sugar-melon-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sugar-melon-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sugar-melon-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sugar-melon-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sugar-melon-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sugar-melon-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sugar-melon-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sugar-melon-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sugar-melon-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">sugar-melon-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chocolate-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chocolate-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chocolate-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chocolate-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chocolate-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chocolate-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chocolate-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chocolate-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chocolate-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chocolate-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chocolate-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chocolate-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chocolate-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chocolate-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chocolate-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chocolate-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chocolate-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chocolate-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-blood-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">blood-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-blood-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">blood-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-blood-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">blood-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-blood-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">blood-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-blood-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">blood-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-blood-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">blood-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-blood-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">blood-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-blood-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">blood-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-blood-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">blood-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-brick-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">brick-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-brick-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">brick-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-brick-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">brick-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-brick-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">brick-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-brick-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">brick-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-brick-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">brick-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-brick-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">brick-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-brick-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">brick-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-brick-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">brick-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chili-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chili-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chili-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chili-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chili-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chili-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chili-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chili-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chili-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chili-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chili-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chili-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chili-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chili-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chili-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chili-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chili-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">chili-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-pumpkin-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">pumpkin-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-pumpkin-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">pumpkin-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-pumpkin-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">pumpkin-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-pumpkin-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">pumpkin-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-pumpkin-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">pumpkin-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-pumpkin-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">pumpkin-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-pumpkin-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">pumpkin-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-pumpkin-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">pumpkin-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-pumpkin-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">pumpkin-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-salmon-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">salmon-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-salmon-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">salmon-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-salmon-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">salmon-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-salmon-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">salmon-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-salmon-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">salmon-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-salmon-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">salmon-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-salmon-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">salmon-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-salmon-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">salmon-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-salmon-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">salmon-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-eggplant-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">eggplant-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-eggplant-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">eggplant-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-eggplant-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">eggplant-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-eggplant-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">eggplant-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-eggplant-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">eggplant-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-eggplant-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">eggplant-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-eggplant-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">eggplant-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-eggplant-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">eggplant-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-eggplant-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">eggplant-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-plum-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">plum-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-plum-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">plum-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-plum-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">plum-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-plum-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">plum-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-plum-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">plum-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-plum-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">plum-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-plum-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">plum-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-plum-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">plum-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-plum-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">plum-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ruby-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ruby-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ruby-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ruby-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ruby-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ruby-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ruby-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ruby-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ruby-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ruby-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ruby-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ruby-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ruby-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ruby-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ruby-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ruby-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ruby-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ruby-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-berry-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">berry-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-berry-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">berry-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-berry-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">berry-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-berry-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">berry-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-berry-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">berry-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-berry-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">berry-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-berry-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">berry-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-berry-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">berry-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-berry-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">berry-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fuchsia-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fuchsia-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fuchsia-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fuchsia-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fuchsia-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fuchsia-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fuchsia-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fuchsia-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fuchsia-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fuchsia-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fuchsia-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fuchsia-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fuchsia-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fuchsia-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fuchsia-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fuchsia-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fuchsia-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">fuchsia-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flamingo-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flamingo-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flamingo-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flamingo-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flamingo-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flamingo-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flamingo-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flamingo-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flamingo-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flamingo-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flamingo-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flamingo-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flamingo-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flamingo-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flamingo-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flamingo-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flamingo-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">flamingo-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-raisin-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">raisin-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-raisin-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">raisin-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-raisin-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">raisin-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-raisin-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">raisin-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-raisin-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">raisin-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-raisin-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">raisin-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-raisin-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">raisin-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-raisin-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">raisin-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-raisin-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">raisin-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-grape-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">grape-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-grape-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">grape-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-grape-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">grape-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-grape-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">grape-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-grape-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">grape-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-grape-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">grape-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-grape-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">grape-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-grape-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">grape-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-grape-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">grape-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lavendar-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lavendar-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lavendar-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lavendar-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lavendar-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lavendar-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lavendar-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lavendar-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lavendar-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lavendar-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lavendar-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lavendar-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lavendar-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lavendar-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lavendar-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lavendar-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lavendar-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">lavendar-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-amethyst-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">amethyst-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-amethyst-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">amethyst-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-amethyst-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">amethyst-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-amethyst-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">amethyst-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-amethyst-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">amethyst-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-amethyst-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">amethyst-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-amethyst-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">amethyst-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-amethyst-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">amethyst-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-amethyst-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">amethyst-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-orchid-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">orchid-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-orchid-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">orchid-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-orchid-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">orchid-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-orchid-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">orchid-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-orchid-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">orchid-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-orchid-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">orchid-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-orchid-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">orchid-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-orchid-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">orchid-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-orchid-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">orchid-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-thistle-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">thistle-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-thistle-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">thistle-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-thistle-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">thistle-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-thistle-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">thistle-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-thistle-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">thistle-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-thistle-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">thistle-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-thistle-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">thistle-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-thistle-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">thistle-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-thistle-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">thistle-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-magenta-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">magenta-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-magenta-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">magenta-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-magenta-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">magenta-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-magenta-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">magenta-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-magenta-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">magenta-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-magenta-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">magenta-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-magenta-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">magenta-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-magenta-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">magenta-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-magenta-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">magenta-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">dark-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ice-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ice-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ice-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ice-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ice-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ice-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ice-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ice-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ice-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ice-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ice-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ice-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ice-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ice-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ice-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ice-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ice-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">ice-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-0-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-0-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-0-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-0-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-0-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-0-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-0-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-0-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-0-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-0-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-0-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-0-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-0-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-0-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-0-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-0-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-0-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-0-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-5-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-5-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-5-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-5-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-5-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-5-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-5-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-5-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-5-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-5-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-5-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-5-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-5-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-5-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-5-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-5-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-5-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-5-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-10-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-10-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-10-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-10-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-10-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-10-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-10-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-10-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-10-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-10-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-10-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-10-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-10-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-10-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-10-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-10-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-10-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-10-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-15-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-15-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-15-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-15-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-15-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-15-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-15-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-15-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-15-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-15-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-15-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-15-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-15-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-15-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-15-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-15-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-15-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-15-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-20-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-20-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-20-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-20-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-20-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-20-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-20-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-20-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-20-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-20-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-20-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-20-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-20-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-20-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-20-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-20-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-20-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-20-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-25-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-25-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-25-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-25-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-25-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-25-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-25-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-25-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-25-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-25-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-25-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-25-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-25-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-25-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-25-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-25-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-25-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-25-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-30-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-30-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-30-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-30-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-30-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-30-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-30-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-30-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-30-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-30-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-30-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-30-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-30-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-30-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-30-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-30-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-30-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-30-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-35-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-35-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-35-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-35-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-35-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-35-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-35-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-35-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-35-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-35-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-35-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-35-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-35-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-35-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-35-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-35-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-35-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-35-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-40-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-40-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-40-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-40-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-40-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-40-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-40-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-40-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-40-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-40-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-40-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-40-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-40-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-40-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-40-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-40-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-40-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-40-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-45-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-45-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-45-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-45-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-45-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-45-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-45-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-45-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-45-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-45-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-45-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-45-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-45-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-45-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-45-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-45-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-45-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-45-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-50-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-50-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-50-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-50-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-50-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-50-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-50-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-50-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-50-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-50-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-50-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-50-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-50-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-50-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-50-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-50-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-50-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-50-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-55-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-55-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-55-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-55-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-55-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-55-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-55-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-55-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-55-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-55-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-55-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-55-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-55-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-55-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-55-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-55-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-55-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-55-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-60-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-60-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-60-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-60-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-60-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-60-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-60-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-60-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-60-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-60-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-60-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-60-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-60-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-60-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-60-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-60-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-60-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-60-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-65-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-65-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-65-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-65-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-65-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-65-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-65-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-65-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-65-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-65-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-65-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-65-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-65-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-65-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-65-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-65-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-65-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-65-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-70-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-70-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-70-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-70-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-70-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-70-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-70-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-70-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-70-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-70-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-70-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-70-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-70-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-70-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-70-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-70-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-70-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-70-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-75-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-75-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-75-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-75-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-75-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-75-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-75-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-75-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-75-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-75-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-75-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-75-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-75-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-75-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-75-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-75-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-75-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-75-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-80-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-80-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-80-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-80-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-80-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-80-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-80-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-80-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-80-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-80-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-80-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-80-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-80-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-80-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-80-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-80-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-80-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-80-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-85-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-85-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-85-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-85-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-85-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-85-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-85-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-85-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-85-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-85-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-85-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-85-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-85-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-85-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-85-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-85-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-85-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-85-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-90-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-90-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-90-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-90-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-90-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-90-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-90-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-90-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-90-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-90-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-90-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-90-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-90-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-90-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-90-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-90-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-90-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-90-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-95-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-95-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-95-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-95-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-95-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-95-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-95-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-95-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-95-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-95-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-95-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-95-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-95-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-95-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-95-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-95-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-95-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-95-10</div>
    </div>
  </a>


  <!-- Module 90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-100-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-100-90</div>
    </div>
  </a>

  <!-- Module 80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-100-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-100-80</div>
    </div>
  </a>

  <!-- Module 70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-100-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-100-70</div>
    </div>
  </a>

  <!-- Module 60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-100-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-100-60</div>
    </div>
  </a>

  <!-- Module 50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-100-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-100-50</div>
    </div>
  </a>

  <!-- Module 40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-100-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-100-40</div>
    </div>
  </a>

  <!-- Module 30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-100-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-100-30</div>
    </div>
  </a>

  <!-- Module 20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-100-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-100-20</div>
    </div>
  </a>

  <!-- Module 10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-100-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">contrast-100-10</div>
    </div>
  </a>

</div>

Light Icon Background

Super-Light
Light
Steel
Ocean
Midnight
Cosmos
Deepdark
Primary
Success
Info
Warning
Danger
Deep-Ocean
Teal
Petrol
Turquoise
Sky
Mountain-River
Dark-Forest
Fir
Larch
Gra
Fern
Min
Seaweed
Army
Green-Olive
Apple
Lime
Tea
Weather-Oak
Avocado
Olive
Gold
Sun
Banana
Walnut
Flaxen
Sand-Stone
Carrot
Apricot
Sugar-Melon
Chocolate
Blood
Brick
Chili
Pumpkin
Salmon
Eggplant
Plum
Ruby
Berry
Fuchsia
Flamingo
Raisin
Grape
Lavendar
Amethyst
Orchid
Thistle
Magenta
Dark
Ice
Contrast-0
Contrast-5
Contrast-10
Contrast-15
Contrast-20
Contrast-25
Contrast-30
Contrast-35
Contrast-40
Contrast-45
Contrast-50
Contrast-55
Contrast-60
Contrast-65
Contrast-70
Contrast-75
Contrast-80
Contrast-85
Contrast-90
Contrast-95
Contrast-100
 
<div class="row">

  <!-- Module Super-Light -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-super-light">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Super-Light</div>
    </div>
  </a>

  <!-- Module Light -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-light">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Light</div>
    </div>
  </a>

  <!-- Module Steel -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-steel">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Steel</div>
    </div>
  </a>

  <!-- Module Ocean -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ocean">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Ocean</div>
    </div>
  </a>

  <!-- Module Midnight -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-midnight">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Midnight</div>
    </div>
  </a>

  <!-- Module Cosmos -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-cosmos">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Cosmos</div>
    </div>
  </a>

  <!-- Module Deepdark -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deepdark">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Deepdark</div>
    </div>
  </a>

  <!-- Module Primary -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-primary">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Primary</div>
    </div>
  </a>

  <!-- Module Success -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-success">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Success</div>
    </div>
  </a>

  <!-- Module Info -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-info">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Info</div>
    </div>
  </a>

  <!-- Module Warning -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-warning">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Warning</div>
    </div>
  </a>

  <!-- Module Danger -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-danger">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Danger</div>
    </div>
  </a>

  <!-- Module Deep-Ocean -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-deep-ocean">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Deep-Ocean</div>
    </div>
  </a>

  <!-- Module Teal -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-teal">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Teal</div>
    </div>
  </a>

  <!-- Module Petrol -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-petrol">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Petrol</div>
    </div>
  </a>

  <!-- Module Turquoise -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-turquoise">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Turquoise</div>
    </div>
  </a>

  <!-- Module Sky -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sky">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Sky</div>
    </div>
  </a>

  <!-- Module Mountain-River -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-mountain-river">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Mountain-River</div>
    </div>
  </a>

  <!-- Module Dark-Forest -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark-forest">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Dark-Forest</div>
    </div>
  </a>

  <!-- Module Fir -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fir">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Fir</div>
    </div>
  </a>

  <!-- Module Larch -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-larch">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Larch</div>
    </div>
  </a>

  <!-- Module Gra -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gra">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Gra</div>
    </div>
  </a>

  <!-- Module Fern -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fern">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Fern</div>
    </div>
  </a>

  <!-- Module Min -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-min">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Min</div>
    </div>
  </a>

  <!-- Module Seaweed -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-seaweed">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Seaweed</div>
    </div>
  </a>

  <!-- Module Army -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-army">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Army</div>
    </div>
  </a>

  <!-- Module Green-Olive -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-green-olive">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Green-Olive</div>
    </div>
  </a>

  <!-- Module Apple -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apple">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Apple</div>
    </div>
  </a>

  <!-- Module Lime -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lime">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Lime</div>
    </div>
  </a>

  <!-- Module Tea -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-tea">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Tea</div>
    </div>
  </a>

  <!-- Module Weather-Oak -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-weather-oak">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Weather-Oak</div>
    </div>
  </a>

  <!-- Module Avocado -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-avocado">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Avocado</div>
    </div>
  </a>

  <!-- Module Olive -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-olive">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Olive</div>
    </div>
  </a>

  <!-- Module Gold -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-gold">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Gold</div>
    </div>
  </a>

  <!-- Module Sun -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sun">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Sun</div>
    </div>
  </a>

  <!-- Module Banana -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-banana">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Banana</div>
    </div>
  </a>

  <!-- Module Walnut -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-walnut">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Walnut</div>
    </div>
  </a>

  <!-- Module Flaxen -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flaxen">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Flaxen</div>
    </div>
  </a>

  <!-- Module Sand-Stone -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sand-stone">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Sand-Stone</div>
    </div>
  </a>

  <!-- Module Carrot -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-carrot">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Carrot</div>
    </div>
  </a>

  <!-- Module Apricot -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-apricot">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Apricot</div>
    </div>
  </a>

  <!-- Module Sugar-Melon -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-sugar-melon">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Sugar-Melon</div>
    </div>
  </a>

  <!-- Module Chocolate -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chocolate">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Chocolate</div>
    </div>
  </a>

  <!-- Module Blood -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-blood">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Blood</div>
    </div>
  </a>

  <!-- Module Brick -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-brick">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Brick</div>
    </div>
  </a>

  <!-- Module Chili -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-chili">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Chili</div>
    </div>
  </a>

  <!-- Module Pumpkin -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-pumpkin">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Pumpkin</div>
    </div>
  </a>

  <!-- Module Salmon -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-salmon">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Salmon</div>
    </div>
  </a>

  <!-- Module Eggplant -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-eggplant">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Eggplant</div>
    </div>
  </a>

  <!-- Module Plum -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-plum">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Plum</div>
    </div>
  </a>

  <!-- Module Ruby -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ruby">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Ruby</div>
    </div>
  </a>

  <!-- Module Berry -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-berry">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Berry</div>
    </div>
  </a>

  <!-- Module Fuchsia -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-fuchsia">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Fuchsia</div>
    </div>
  </a>

  <!-- Module Flamingo -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-flamingo">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Flamingo</div>
    </div>
  </a>

  <!-- Module Raisin -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-raisin">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Raisin</div>
    </div>
  </a>

  <!-- Module Grape -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-grape">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Grape</div>
    </div>
  </a>

  <!-- Module Lavendar -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-lavendar">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Lavendar</div>
    </div>
  </a>

  <!-- Module Amethyst -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-amethyst">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Amethyst</div>
    </div>
  </a>

  <!-- Module Orchid -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-orchid">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Orchid</div>
    </div>
  </a>

  <!-- Module Thistle -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-thistle">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Thistle</div>
    </div>
  </a>

  <!-- Module Magenta -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-magenta">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Magenta</div>
    </div>
  </a>

  <!-- Module Dark -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-dark">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Dark</div>
    </div>
  </a>

  <!-- Module Ice -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-ice">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Ice</div>
    </div>
  </a>

  <!-- Module Contrast-0 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-0">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-0</div>
    </div>
  </a>

  <!-- Module Contrast-5 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-5">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-5</div>
    </div>
  </a>

  <!-- Module Contrast-10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-10">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-10</div>
    </div>
  </a>

  <!-- Module Contrast-15 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-15">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-15</div>
    </div>
  </a>

  <!-- Module Contrast-20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-20">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-20</div>
    </div>
  </a>

  <!-- Module Contrast-25 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-25">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-25</div>
    </div>
  </a>

  <!-- Module Contrast-30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-30">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-30</div>
    </div>
  </a>

  <!-- Module Contrast-35 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-35">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-35</div>
    </div>
  </a>

  <!-- Module Contrast-40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-40">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-40</div>
    </div>
  </a>

  <!-- Module Contrast-45 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-45">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-45</div>
    </div>
  </a>

  <!-- Module Contrast-50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-50">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-50</div>
    </div>
  </a>

  <!-- Module Contrast-55 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-55">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-55</div>
    </div>
  </a>

  <!-- Module Contrast-60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-60">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-60</div>
    </div>
  </a>

  <!-- Module Contrast-65 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-65">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-65</div>
    </div>
  </a>

  <!-- Module Contrast-70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-70">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-70</div>
    </div>
  </a>

  <!-- Module Contrast-75 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-75">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-75</div>
    </div>
  </a>

  <!-- Module Contrast-80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-80">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-80</div>
    </div>
  </a>

  <!-- Module Contrast-85 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-85">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-85</div>
    </div>
  </a>

  <!-- Module Contrast-90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-90">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-90</div>
    </div>
  </a>

  <!-- Module Contrast-95 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-95">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-95</div>
    </div>
  </a>

  <!-- Module Contrast-100 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-contrast-100">
      <div class="icon-container light"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-100</div>
    </div>
  </a>

</div>

Outline-Colors

Super-Light
Light
Steel
Ocean
Midnight
Cosmos
Deepdark
Primary
Success
Info
Warning
Danger
Deep-Ocean
Teal
Petrol
Turquoise
Sky
Mountain-River
Dark-Forest
Fir
Larch
Gra
Fern
Min
Seaweed
Army
Green-Olive
Apple
Lime
Tea
Weather-Oak
Avocado
Olive
Gold
Sun
Banana
Walnut
Flaxen
Sand-Stone
Carrot
Apricot
Sugar-Melon
Chocolate
Blood
Brick
Chili
Pumpkin
Salmon
Eggplant
Plum
Ruby
Berry
Fuchsia
Flamingo
Raisin
Grape
Lavendar
Amethyst
Orchid
Thistle
Magenta
Dark
Ice
Contrast-0
Contrast-5
Contrast-10
Contrast-15
Contrast-20
Contrast-25
Contrast-30
Contrast-35
Contrast-40
Contrast-45
Contrast-50
Contrast-55
Contrast-60
Contrast-65
Contrast-70
Contrast-75
Contrast-80
Contrast-85
Contrast-90
Contrast-95
Contrast-100
 
<div class="row">

  <!-- Module Outline Super-Light -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-super-light">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Super-Light</div>
    </div>
  </a>

  <!-- Module Outline Light -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-light">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Light</div>
    </div>
  </a>

  <!-- Module Outline Steel -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-steel">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Steel</div>
    </div>
  </a>

  <!-- Module Outline Ocean -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-ocean">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Ocean</div>
    </div>
  </a>

  <!-- Module Outline Midnight -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-midnight">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Midnight</div>
    </div>
  </a>

  <!-- Module Outline Cosmos -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-cosmos">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Cosmos</div>
    </div>
  </a>

  <!-- Module Outline Deepdark -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-deepdark">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Deepdark</div>
    </div>
  </a>

  <!-- Module Outline Primary -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-primary">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Primary</div>
    </div>
  </a>

  <!-- Module Outline Success -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-success">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Success</div>
    </div>
  </a>

  <!-- Module Outline Info -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-info">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Info</div>
    </div>
  </a>

  <!-- Module Outline Warning -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-warning">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Warning</div>
    </div>
  </a>

  <!-- Module Outline Danger -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-danger">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Danger</div>
    </div>
  </a>

  <!-- Module Outline Deep-Ocean -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-deep-ocean">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Deep-Ocean</div>
    </div>
  </a>

  <!-- Module Outline Teal -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-teal">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Teal</div>
    </div>
  </a>

  <!-- Module Outline Petrol -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-petrol">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Petrol</div>
    </div>
  </a>

  <!-- Module Outline Turquoise -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-turquoise">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Turquoise</div>
    </div>
  </a>

  <!-- Module Outline Sky -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-sky">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Sky</div>
    </div>
  </a>

  <!-- Module Outline Mountain-River -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-mountain-river">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Mountain-River</div>
    </div>
  </a>

  <!-- Module Outline Dark-Forest -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-dark-forest">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Dark-Forest</div>
    </div>
  </a>

  <!-- Module Outline Fir -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-fir">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Fir</div>
    </div>
  </a>

  <!-- Module Outline Larch -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-larch">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Larch</div>
    </div>
  </a>

  <!-- Module Outline Gra -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-gra">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Gra</div>
    </div>
  </a>

  <!-- Module Outline Fern -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-fern">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Fern</div>
    </div>
  </a>

  <!-- Module Outline Min -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-min">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Min</div>
    </div>
  </a>

  <!-- Module Outline Seaweed -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-seaweed">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Seaweed</div>
    </div>
  </a>

  <!-- Module Outline Army -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-army">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Army</div>
    </div>
  </a>

  <!-- Module Outline Green-Olive -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-green-olive">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Green-Olive</div>
    </div>
  </a>

  <!-- Module Outline Apple -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-apple">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Apple</div>
    </div>
  </a>

  <!-- Module Outline Lime -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-lime">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Lime</div>
    </div>
  </a>

  <!-- Module Outline Tea -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-tea">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Tea</div>
    </div>
  </a>

  <!-- Module Outline Weather-Oak -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-weather-oak">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Weather-Oak</div>
    </div>
  </a>

  <!-- Module Outline Avocado -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-avocado">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Avocado</div>
    </div>
  </a>

  <!-- Module Outline Olive -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-olive">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Olive</div>
    </div>
  </a>

  <!-- Module Outline Gold -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-gold">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Gold</div>
    </div>
  </a>

  <!-- Module Outline Sun -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-sun">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Sun</div>
    </div>
  </a>

  <!-- Module Outline Banana -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-banana">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Banana</div>
    </div>
  </a>

  <!-- Module Outline Walnut -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-walnut">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Walnut</div>
    </div>
  </a>

  <!-- Module Outline Flaxen -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-flaxen">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Flaxen</div>
    </div>
  </a>

  <!-- Module Outline Sand-Stone -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-sand-stone">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Sand-Stone</div>
    </div>
  </a>

  <!-- Module Outline Carrot -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-carrot">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Carrot</div>
    </div>
  </a>

  <!-- Module Outline Apricot -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-apricot">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Apricot</div>
    </div>
  </a>

  <!-- Module Outline Sugar-Melon -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-sugar-melon">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Sugar-Melon</div>
    </div>
  </a>

  <!-- Module Outline Chocolate -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-chocolate">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Chocolate</div>
    </div>
  </a>

  <!-- Module Outline Blood -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-blood">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Blood</div>
    </div>
  </a>

  <!-- Module Outline Brick -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-brick">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Brick</div>
    </div>
  </a>

  <!-- Module Outline Chili -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-chili">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Chili</div>
    </div>
  </a>

  <!-- Module Outline Pumpkin -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-pumpkin">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Pumpkin</div>
    </div>
  </a>

  <!-- Module Outline Salmon -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-salmon">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Salmon</div>
    </div>
  </a>

  <!-- Module Outline Eggplant -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-eggplant">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Eggplant</div>
    </div>
  </a>

  <!-- Module Outline Plum -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-plum">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Plum</div>
    </div>
  </a>

  <!-- Module Outline Ruby -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-ruby">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Ruby</div>
    </div>
  </a>

  <!-- Module Outline Berry -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-berry">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Berry</div>
    </div>
  </a>

  <!-- Module Outline Fuchsia -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-fuchsia">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Fuchsia</div>
    </div>
  </a>

  <!-- Module Outline Flamingo -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-flamingo">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Flamingo</div>
    </div>
  </a>

  <!-- Module Outline Raisin -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-raisin">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Raisin</div>
    </div>
  </a>

  <!-- Module Outline Grape -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-grape">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Grape</div>
    </div>
  </a>

  <!-- Module Outline Lavendar -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-lavendar">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Lavendar</div>
    </div>
  </a>

  <!-- Module Outline Amethyst -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-amethyst">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Amethyst</div>
    </div>
  </a>

  <!-- Module Outline Orchid -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-orchid">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Orchid</div>
    </div>
  </a>

  <!-- Module Outline Thistle -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-thistle">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Thistle</div>
    </div>
  </a>

  <!-- Module Outline Magenta -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-magenta">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Magenta</div>
    </div>
  </a>

  <!-- Module Outline Dark -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-dark">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Dark</div>
    </div>
  </a>

  <!-- Module Outline Ice -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-ice">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Ice</div>
    </div>
  </a>

  <!-- Module Outline Contrast-0 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-0">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-0</div>
    </div>
  </a>

  <!-- Module Outline Contrast-5 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-5">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-5</div>
    </div>
  </a>

  <!-- Module Outline Contrast-10 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-10">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-10</div>
    </div>
  </a>

  <!-- Module Outline Contrast-15 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-15">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-15</div>
    </div>
  </a>

  <!-- Module Outline Contrast-20 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-20">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-20</div>
    </div>
  </a>

  <!-- Module Outline Contrast-25 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-25">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-25</div>
    </div>
  </a>

  <!-- Module Outline Contrast-30 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-30">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-30</div>
    </div>
  </a>

  <!-- Module Outline Contrast-35 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-35">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-35</div>
    </div>
  </a>

  <!-- Module Outline Contrast-40 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-40">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-40</div>
    </div>
  </a>

  <!-- Module Outline Contrast-45 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-45">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-45</div>
    </div>
  </a>

  <!-- Module Outline Contrast-50 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-50">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-50</div>
    </div>
  </a>

  <!-- Module Outline Contrast-55 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-55">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-55</div>
    </div>
  </a>

  <!-- Module Outline Contrast-60 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-60">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-60</div>
    </div>
  </a>

  <!-- Module Outline Contrast-65 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-65">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-65</div>
    </div>
  </a>

  <!-- Module Outline Contrast-70 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-70">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-70</div>
    </div>
  </a>

  <!-- Module Outline Contrast-75 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-75">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-75</div>
    </div>
  </a>

  <!-- Module Outline Contrast-80 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-80">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-80</div>
    </div>
  </a>

  <!-- Module Outline Contrast-85 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-85">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-85</div>
    </div>
  </a>

  <!-- Module Outline Contrast-90 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-90">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-90</div>
    </div>
  </a>

  <!-- Module Outline Contrast-95 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-95">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-95</div>
    </div>
  </a>

  <!-- Module Outline Contrast-100 -->
  <a href="#"" class="module-frame h-1 centered col-2">
    <div class="module module-outline-contrast-100">
      <div class="icon-container"><i class="far fa-smile"></i></div>
      <div class="title">Contrast-100</div>
    </div>
  </a>

</div>

Inverted Colors

Super-Light
Light
Steel
Ocean
Midnight
Cosmos
Deepdark
Primary
Success
Info
Warning
Danger
Deep-Ocean
Teal
Petrol
Turquoise
Sky
Mountain-River
Dark-Forest
Fir
Larch
Gra
Fern
Min
Seaweed
Army
Green-Olive
Apple
Lime
Tea
Weather-Oak
Avocado
Olive
Gold
Sun
Banana
Walnut
Flaxen
Sand-Stone
Carrot
Apricot
Sugar-Melon
Chocolate
Blood
Brick
Chili
Pumpkin
Salmon
Eggplant
Plum
Ruby
Berry
Fuchsia
Flamingo
Raisin
Grape
Lavendar
Amethyst
Orchid
Thistle
Magenta
Dark
Ice
Contrast-0
Contrast-5
Contrast-10
Contrast-15
Contrast-20
Contrast-25
Contrast-30
Contrast-35
Contrast-40
Contrast-45
Contrast-50
Contrast-55
Contrast-60
Contrast-65
Contrast-70
Contrast-75
Contrast-80
Contrast-85
Contrast-90
Contrast-95
Contrast-100
 
<div class="row">

  <!-- Module Inverted Super-Light -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-super-light">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Super-Light</div>
    </div>
  </a>

  <!-- Module Inverted Light -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-light">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Light</div>
    </div>
  </a>

  <!-- Module Inverted Steel -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-steel">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Steel</div>
    </div>
  </a>

  <!-- Module Inverted Ocean -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-ocean">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Ocean</div>
    </div>
  </a>

  <!-- Module Inverted Midnight -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-midnight">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Midnight</div>
    </div>
  </a>

  <!-- Module Inverted Cosmos -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-cosmos">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Cosmos</div>
    </div>
  </a>

  <!-- Module Inverted Deepdark -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-deepdark">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Deepdark</div>
    </div>
  </a>

  <!-- Module Inverted Primary -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-primary">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Primary</div>
    </div>
  </a>

  <!-- Module Inverted Success -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-success">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Success</div>
    </div>
  </a>

  <!-- Module Inverted Info -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-info">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Info</div>
    </div>
  </a>

  <!-- Module Inverted Warning -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-warning">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Warning</div>
    </div>
  </a>

  <!-- Module Inverted Danger -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-danger">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Danger</div>
    </div>
  </a>

  <!-- Module Inverted Deep-Ocean -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-deep-ocean">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Deep-Ocean</div>
    </div>
  </a>

  <!-- Module Inverted Teal -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-teal">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Teal</div>
    </div>
  </a>

  <!-- Module Inverted Petrol -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-petrol">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Petrol</div>
    </div>
  </a>

  <!-- Module Inverted Turquoise -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-turquoise">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Turquoise</div>
    </div>
  </a>

  <!-- Module Inverted Sky -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-sky">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Sky</div>
    </div>
  </a>

  <!-- Module Inverted Mountain-River -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-mountain-river">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Mountain-River</div>
    </div>
  </a>

  <!-- Module Inverted Dark-Forest -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-dark-forest">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Dark-Forest</div>
    </div>
  </a>

  <!-- Module Inverted Fir -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-fir">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Fir</div>
    </div>
  </a>

  <!-- Module Inverted Larch -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-larch">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Larch</div>
    </div>
  </a>

  <!-- Module Inverted Gra -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-gra">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Gra</div>
    </div>
  </a>

  <!-- Module Inverted Fern -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-fern">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Fern</div>
    </div>
  </a>

  <!-- Module Inverted Min -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-min">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Min</div>
    </div>
  </a>

  <!-- Module Inverted Seaweed -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-seaweed">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Seaweed</div>
    </div>
  </a>

  <!-- Module Inverted Army -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-army">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Army</div>
    </div>
  </a>

  <!-- Module Inverted Green-Olive -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-green-olive">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Green-Olive</div>
    </div>
  </a>

  <!-- Module Inverted Apple -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-apple">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Apple</div>
    </div>
  </a>

  <!-- Module Inverted Lime -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-lime">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Lime</div>
    </div>
  </a>

  <!-- Module Inverted Tea -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-tea">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Tea</div>
    </div>
  </a>

  <!-- Module Inverted Weather-Oak -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-weather-oak">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Weather-Oak</div>
    </div>
  </a>

  <!-- Module Inverted Avocado -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-avocado">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Avocado</div>
    </div>
  </a>

  <!-- Module Inverted Olive -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-olive">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Olive</div>
    </div>
  </a>

  <!-- Module Inverted Gold -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-gold">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Gold</div>
    </div>
  </a>

  <!-- Module Inverted Sun -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-sun">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Sun</div>
    </div>
  </a>

  <!-- Module Inverted Banana -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-banana">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Banana</div>
    </div>
  </a>

  <!-- Module Inverted Walnut -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-walnut">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Walnut</div>
    </div>
  </a>

  <!-- Module Inverted Flaxen -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-flaxen">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Flaxen</div>
    </div>
  </a>

  <!-- Module Inverted Sand-Stone -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-sand-stone">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Sand-Stone</div>
    </div>
  </a>

  <!-- Module Inverted Carrot -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-carrot">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Carrot</div>
    </div>
  </a>

  <!-- Module Inverted Apricot -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-apricot">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Apricot</div>
    </div>
  </a>

  <!-- Module Inverted Sugar-Melon -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-sugar-melon">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Sugar-Melon</div>
    </div>
  </a>

  <!-- Module Inverted Chocolate -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-chocolate">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Chocolate</div>
    </div>
  </a>

  <!-- Module Inverted Blood -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-blood">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Blood</div>
    </div>
  </a>

  <!-- Module Inverted Brick -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-brick">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Brick</div>
    </div>
  </a>

  <!-- Module Inverted Chili -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-chili">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Chili</div>
    </div>
  </a>

  <!-- Module Inverted Pumpkin -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-pumpkin">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Pumpkin</div>
    </div>
  </a>

  <!-- Module Inverted Salmon -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-salmon">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Salmon</div>
    </div>
  </a>

  <!-- Module Inverted Eggplant -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-eggplant">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Eggplant</div>
    </div>
  </a>

  <!-- Module Inverted Plum -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-plum">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Plum</div>
    </div>
  </a>

  <!-- Module Inverted Ruby -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-ruby">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Ruby</div>
    </div>
  </a>

  <!-- Module Inverted Berry -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-berry">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Berry</div>
    </div>
  </a>

  <!-- Module Inverted Fuchsia -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-fuchsia">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Fuchsia</div>
    </div>
  </a>

  <!-- Module Inverted Flamingo -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-flamingo">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Flamingo</div>
    </div>
  </a>

  <!-- Module Inverted Raisin -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-raisin">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Raisin</div>
    </div>
  </a>

  <!-- Module Inverted Grape -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-grape">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Grape</div>
    </div>
  </a>

  <!-- Module Inverted Lavendar -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-lavendar">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Lavendar</div>
    </div>
  </a>

  <!-- Module Inverted Amethyst -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-amethyst">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Amethyst</div>
    </div>
  </a>

  <!-- Module Inverted Orchid -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-orchid">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Orchid</div>
    </div>
  </a>

  <!-- Module Inverted Thistle -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-thistle">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Thistle</div>
    </div>
  </a>

  <!-- Module Inverted Magenta -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-magenta">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Magenta</div>
    </div>
  </a>

  <!-- Module Inverted Dark -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-dark">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Dark</div>
    </div>
  </a>

  <!-- Module Inverted Ice -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-ice">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Ice</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-0 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-0">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-0</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-5 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-5">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-5</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-10 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-10">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-10</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-15 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-15">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-15</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-20 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-20">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-20</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-25 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-25">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-25</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-30 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-30">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-30</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-35 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-35">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-35</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-40 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-40">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-40</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-45 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-45">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-45</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-50 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-50">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-50</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-55 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-55">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-55</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-60 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-60">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-60</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-65 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-65">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-65</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-70 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-70">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-70</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-75 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-75">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-75</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-80 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-80">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-80</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-85 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-85">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-85</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-90 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-90">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-90</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-95 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-95">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-95</div>
    </div>
  </a>

  <!-- Module Inverted Contrast-100 -->
  <a href="#" class="module-frame h-1 centered col-2">
    <div class="module module-inverted-contrast-100">
      <div class="icon-container"><i class="fab fa-app-store"></i></div>
      <div class="title">Contrast-100</div>
    </div>
  </a>

</div>