chemicalcrux
/
stroll


			
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>Stroll</title>
  <link rel="stylesheet" href="style.css">
  <script src="sounds.js"></script>
  <script src="features.js"></script>
  <script src="migrations.js"></script>
  <script src="presets.js"></script>
  <script src="units.js"></script>
  <script src="recursive-macro.js"></script>
  <script src="recursive-desc.js"></script>
  <script src="game.js"></script>
  <meta name="theme-color" content="#000000" />
  <meta name="description" content="An 18+ macro/vore text game" />
  <meta property="og:title" content="Stroll" />
  <meta property="og:description" content="An 18+ macro/vore text game" />
  <meta property="og:image" content="https://chemicalcrux.org/stroll.png" />
  <link rel="shortcut icon" href="https://chemicalcrux.org/favicon.ico" type="image/x-icon" />
</head>

<body class="light">
  <script src="darkmode.js"></script>
  <div class="game-area">
    <div class="sidebar" id="stat-container">
      <div class="stat-header-self" id="stats-self">
        <p>Stats</p>
        <div class="stat-line" id="height"></div>
        <div class="stat-line" id="mass"></div>
        <div class="stat-line" id="growth-points"></div>
        <div class="stat-line" id="arousal"></div>
        <div class="stat-line" id="edge"></div>


        <div class="meter" id="arousalMeter">
          <div class="meterLabel">
            AROUSAL
          </div>
          <div class="fill">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
              <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
        	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
        	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
            </svg>
          </div>
        </div>

        <div class="meter" id="orgasmMeter">
          <div class="meterLabel">
            ORGASM
          </div>
          <div class="fill">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
              <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
        	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
        	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
            </svg>
          </div>
        </div>

        <div class="meter" id="edgeMeter">
          <div class="meterLabel">
            EDGING
          </div>
          <div class="fill">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
              <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
        	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
        	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
            </svg>
          </div>
        </div>

        <p></p>
        <!-- external svg is such a pain in the ass -->

        <div class="meter" id="cumMeter">
          <div class="meterLabel">
            CUM
          </div>
          <div class="fill">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
              <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
        	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
        	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
            </svg>
          </div>
        </div>

        <div class="meter" id="femcumMeter">
          <div class="meterLabel">
            FEMCUM
          </div>
          <div class="fill">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
              <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
        	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
        	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
            </svg>
          </div>
        </div>

        <div class="meter" id="milkMeter">
          <div class="meterLabel">
            MILK
          </div>
          <div class="fill">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
              <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
        	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
        	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
            </svg>
          </div>
        </div>

        <div class="meter" id="gasMeter">
          <div class="meterLabel">
            GAS
          </div>
          <div class="fill">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
              <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
        	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
        	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
            </svg>
          </div>
        </div>

        <div class="meter" id="pissMeter">
          <div class="meterLabel">
            PISS
          </div>
          <div class="fill">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
              <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
        	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
        	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
            </svg>
          </div>
        </div>

        <div class="meter" id="scatMeter">
          <div class="meterLabel">
            SCAT
          </div>
          <div class="fill">
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve">
              <path fill="#04ACFF" id="waveShape" d="M300,300V2.5c0,0-0.6-0.1-1.1-0.1c0,0-25.5-2.3-40.5-2.4c-15,0-40.6,2.4-40.6,2.4
        	c-12.3,1.1-30.3,1.8-31.9,1.9c-2-0.1-19.7-0.8-32-1.9c0,0-25.8-2.3-40.8-2.4c-15,0-40.8,2.4-40.8,2.4c-12.3,1.1-30.4,1.8-32,1.9
        	c-2-0.1-20-0.8-32.2-1.9c0,0-3.1-0.3-8.1-0.7V300H300z"/>
            </svg>
          </div>
        </div>

        <div class="stat-line-hidden" id="cum"></div>
        <div class="stat-line-hidden" id="femcum"></div>
        <div class="stat-line-hidden" id="milk"></div>
        <div class="stat-line-hidden" id="gas"></div>
        <div class="stat-line-hidden" id="piss"></div>
        <div class="stat-line-hidden" id="scat"></div>
      </div>
      <div class="stat-header-self">Growth</div>

      <div class="growth-box">
        <div id="growth-box-left">
          <button class="growth-part growth-part-active" id="button-growth-body">Body</button>
          <button class="growth-part" id="button-growth-paws">Paws</button>
          <button class="growth-part" id="button-growth-tail">Tail</button>
          <button class="growth-part" id="button-growth-ass">Ass</button>
          <button class="growth-part" id="button-growth-dick">Cock</button>
          <button class="growth-part" id="button-growth-balls">Balls</button>
          <button class="growth-part" id="button-growth-slit">Slit</button>
          <button class="growth-part" id="button-growth-breasts">Breasts</button>
        </div>
        <div id="growth-box-right">
          <button class="growth-amount" id="button-growth-1.1">1.1x</button>
          <button class="growth-amount" id="button-growth-1.5">1.5x</button>
          <button class="growth-amount" id="button-growth-2">2x</button>
          <button class="growth-amount" id="button-growth-5">5x</button>
          <button class="growth-amount" id="button-growth-20">20x</button>
          <button class="growth-amount" id="button-growth-100">100x</button>
        </div>
      </div>

      <div class="stat-container">
        <button class="stat-button" id="button-look">Look Around</button>
        <button class="stat-button" id="button-stats">Stats</button>
      </div>
    </div>
    <div id="log-area">
      <div id="log">
        <div>Welcome to Stroll 0.7.4</div>
        <div><b>This game features 18+ content</b></div>
        <div>&nbsp;</div>
      </div>
      <div id="react-log">
        <div>It's a nice day for a walk</div>
        <div>&nbsp;</div>
      </div>
    </div>
    <div class="sidebar" id="action-panel">
      <div class="action-part-container">
        <button class="active action-part-button" id="action-part-body">Body</button>
        <button class="action-part-button" id="action-part-paws">Paws</button>
        <button class="action-part-button" id="action-part-dick">Cock</button>
        <button class="action-part-button" id="action-part-vagina">Slit</button>
        <button class="action-part-button" id="action-part-breasts">Breasts</button>
        <button class="action-part-button" id="action-part-tails">Tails</button>
        <button class="action-part-button" id="action-part-souls">Souls</button>
        <button class="action-part-button" id="action-part-shoes">Shoes</button>
        <button class="action-part-button" id="action-part-waste">Waste</button>
        <button class="action-part-button" id="action-part-goo">Goo</button>
        <button class="action-part-button" id="action-part-magic">Magic</button>
        <button class="action-part-button" id="action-part-misc">Misc</button>
        <button class="action-part-button" id="action-part-breath">Breath</button>
        <button class="action-part-button" id="action-part-options">Options</button>
      </div>

      <div class="action-tab" id="actions-body">
        <button class="action-button" id="button-action-feed">Eat</button>
        <button class="action-button" id="button-action-crop_swallow">Crop Swallow</button>
        <button class="action-button" id="button-action-digest_stomach">Digest</button>
        <button class="action-button" id="button-action-chew">Chew</button>
        <button class="action-button" id="button-action-drool">Drool</button>
        <button class="action-button" id="button-action-vomit">Vomit</button>
        <button class="action-button" id="button-action-sit">Sit</button>
        <button class="action-button" id="button-action-ass_grind">Grind ass</button>
        <button class="action-button" id="button-action-anal_vore">Anal Vore</button>
        <button class="action-button" id="button-action-digest_anal">Digest Bowels</button>
        <button class="action-button" id="button-action-grind">Grind hips</button>
      </div>

      <div class="action-tab" id="actions-paws">
        <button class="action-button" id="button-action-stomp">Stomp</button>
        <button class="action-button" id="button-action-flex_toes">Flex Toes</button>
        <button class="action-button" id="button-action-paw_vore">Absorb</button>
        <button class="action-button" id="button-action-digest_paws">Digest</button>
      </div>

      <div class="action-tab" id="actions-tails">
        <button class="action-button" id="button-action-tail_slap">Tail Slap</button>
        <button class="action-button" id="button-action-tail_vore_only">Tail Vore</button>
        <button class="action-button" id="button-action-tail_vore_one">Tail Vore (1)</button>
        <button class="action-button" id="button-action-tail_vore_some">Tail Vore (some)</button>
        <button class="action-button" id="button-action-tail_vore_all">Tail Vore (all!)</button>
        <button class="action-button" id="button-action-digest_tail">Digest</button>
      </div>

      <div class="action-tab" id="actions-breasts">
        <button class="action-button" id="button-action-cleavage_stuff">Stuff Cleavage</button>
        <button class="action-button" id="button-action-breast_toy">Squeeze Cleavage</button>
        <button class="action-button" id="button-action-cleavage_crush">Crush Cleavage</button>
        <button class="action-button" id="button-action-cleavage_drop">Drop Cleavage</button>
        <button class="action-button" id="button-action-cleavage_absorb">Absorb Cleavage</button>
        <button class="action-button" id="button-action-breast_crush">Breast Crush</button>
        <button class="action-button" id="button-action-breast_vore">Breast Vore</button>
        <button class="action-button" id="button-action-digest_breast">Digest</button>
        <button class="action-button" id="button-action-breast_milk">Milk Breasts</button>
      </div>

      <div class="action-tab" id="actions-vagina">
        <button class="action-button" id="button-action-unbirth">Unbirth</button>
        <button class="action-button" id="button-action-digest_unbirth">Digest</button>
        <button class="action-button" id="button-action-slit_toy">Finger Slit</button>
      </div>

      <div class="action-tab" id="actions-dick">
        <button class="action-button" id="button-action-sheath_stuff">Stuff Sheath</button>
        <button class="action-button" id="button-action-sheath_toy">Squeeze Sheath</button>
        <button class="action-button" id="button-action-sheath_clench">Clench Sheath</button>
        <button class="action-button" id="button-action-sheath_absorb">Absorb Sheath</button>
        <button class="action-button" id="button-action-cockslap">Cockslap</button>
        <button class="action-button" id="button-action-cock_vore">Cock Vore</button>
        <button class="action-button" id="button-action-digest_cock">Digest</button>
        <button class="action-button" id="button-action-ball_smother">Ball Smother</button>
      </div>

      <div class="action-tab" id="actions-souls">
        <button class="action-button" id="button-action-soul_vore">Soul Vore</button>
        <button class="action-button" id="button-action-digest_soul">Digest</button>
        <button class="action-button" id="button-action-soul_absorb_paw">Paws</button>
      </div>

      <div class="action-tab" id="actions-shoes">
        <button class="action-button" id="button-action-wear_shoes">Put On Shoes</button>
        <button class="action-button" id="button-action-remove_shoes">Take Off Shoes</button>
        <button class="action-button" id="button-action-wear_socks">Put On Socks</button>
        <button class="action-button" id="button-action-remove_socks">Take Off Socks</button>
        <button class="action-button" id="button-action-stuff_shoes">Stuff Shoes</button>
        <button class="action-button" id="button-action-stuff_socks">Stuff Socks</button>
        <button class="action-button" id="button-action-dump_shoes">Dump Shoes</button>
        <button class="action-button" id="button-action-dump_socks">Dump Socks</button>
      </div>

      <div class="action-tab" id="actions-waste">
        <button class="action-button" id="button-action-belch">Belch</button>
        <button class="action-button" id="button-action-fart">Fart</button>
        <button class="action-button" id="button-action-piss">Piss</button>
        <button class="action-button" id="button-action-bladder_vore">Bladder Vore</button>
        <button class="action-button" id="button-action-digest_bladder">Digest</button>
        <button class="action-button" id="button-action-scat">Scat</button>
      </div>

      <div class="action-tab" id="actions-goo">
        <button class="action-button" id="button-action-solidify">Solidify</button>
        <button class="action-button" id="button-action-melt">Melt</button>
        <button class="action-button" id="button-action-flood">Flood</button>
        <button class="action-button" id="button-action-goo_stomach_push">Push to Stomach</button>
        <button class="action-button" id="button-action-goo_stomach_pull">Pull from Stomach</button>
        <button class="action-button" id="button-action-goo_bowels_push">Push to Bowels</button>
        <button class="action-button" id="button-action-goo_bowels_pull">Pull from Bowels</button>
        <button class="action-button" id="button-action-goo_womb_push">Push to Womb</button>
        <button class="action-button" id="button-action-goo_womb_pull">Pull from Womb</button>
        <button class="action-button" id="button-action-goo_balls_push">Push to Balls</button>
        <button class="action-button" id="button-action-goo_balls_pull">Pull from Balls</button>
        <button class="action-button" id="button-action-goo_breasts_push">Push to Breasts</button>
        <button class="action-button" id="button-action-goo_breasts_pull">Pull from Breasts</button>
        <button class="action-button" id="button-action-goo_tail_push">Push to Tails</button>
        <button class="action-button" id="button-action-goo_tail_pull">Pull from Tails</button>
        <button class="action-button" id="button-action-goo_paws_push">Push to Paws</button>
        <button class="action-button" id="button-action-goo_paws_pull">Pull from Paws</button>
        <button class="action-button" id="button-action-digest_goo">Digest</button>
      </div>

      <div class="action-tab" id="actions-misc">
        <button class="action-button" id="button-action-pouch_stuff">Stuff Pouch</button>
        <button class="action-button" id="button-action-pouch_rub">Rub Pouch</button>
        <button class="action-button" id="button-action-pouch_eat">Eat From Pouch</button>
        <button class="action-button" id="button-action-pouch_absorb">Absorb Pouch</button>
      </div>

      <div class="action-tab" id="actions-breath">
        <button class="action-button" id="button-action-breath_line" data-free="true">Line Shape</button>
        <button class="action-button" id="button-action-breath_cone" data-free="true">Cone Shape</button>
        <button class="action-button" id="button-action-breath_fire">Fire</button>
        <button class="action-button" id="button-action-breath_ice">Ice</button>
        <button class="action-button" id="button-action-breath_electric">Electric</button>
        <button class="action-button" id="button-action-breath_smoke">Smoke</button>
        <button class="action-button" id="button-action-breath_radiation">Radiation</button>
        <button class="action-button" id="button-action-breath_foul">Foul</button>
      </div>

      <div class="action-tab" id="actions-magic">
        <button class="action-button" id="button-action-magic_shrink">Shrink</button>
        <button class="action-button" id="button-action-magic_fast_digestion">Fast Digestion</button>
      </div>

      <div class="action-tab" id="actions-options">
        <button class="stat-button" id="button-arousal">Arousal On</button>
        <button class="stat-button" id="button-stroll">Status: Standing</button>
        <button class="stat-button" id="button-numbers">Numbers: Words</button>
        <button class="stat-button" id="button-units">Units: Metric</button>
        <button class="stat-button" id="button-verbose">Verbose Text</button>
        <button class="stat-button" id="button-dark-mode-game">Toggle Dark Mode</button>
        <button class="stat-button" id="button-debug-log">Debug Log</button>
      </div>
    </div>
  </div>
  <div class="character-build" id="character-build-area">
    <p>Welcome to Stroll 0.7.4</p>
    <p><b>This game features 18+ content</b></p>
    <p><a href="https://chemicalcrux.org/stroll">Changelog</a> - <a href="https://t.me/joinchat/BSXHzUZmSqc-CXB1khkuYw">Telegram</a> - <a href="https://discord.gg/7pdcVhD">Discord</a></p>

    <p>Stroll is a text-based macro game. Stomp things, eat things, abuse things - then grow larger and do it all over again.</p>

    <p><b>Stroll is designed for modern browsers. Chrome, Firefox, or Edge are suggested. Older browsers will likely fail to run the game. Mobile should work fine.</b></p>

    <div id="browser-ok"></div>

    <p>Leave a box empty for a sane default value</p>
    <p>Lengths in meters, areas in square meters, masses in kilograms, times in seconds</p>
    <p>(but you can preview the customary value)</p>
    <p>Click on boxed titles to enable and disable features.</p>

    <div id="custom-species">


      <ul class="flex-outer">

        <div class="custom-category">
          <p>Reset the sheet here (saved data isn't affected). You can also load the character you started your most recent game with.</p>

          <div>
            <button class="option-button" id="button-reset-custom">Reset</button>
            <button class="option-button" id="button-load-autosave">Load Last</button>
          </div>
        </div>

        <div class="custom-category">
          <div>
            <button class="option-button" id="button-start">Start Game</button>
          </div>
        </div>

        <div class="custom-category">
          <button class="option-button" id="button-dark-mode-options">Toggle Dark Mode</button>
          <button class="option-button" id="button-units-options">Units: Metric</button>
        </div>

        <div class="custom-category">
          <p>You can load a preset character here...</p>
          <div>
            <select id="character-presets">
                </select>
            <button type="button" class="option-button" id="button-load-preset">Load Preset Character</button>
          </div>
        </div>

        <div class="custom-category">
          <p>Or, load/save your own character internally here. It'll be saved in your browser, so you can come back to it later.</p>
          <div>
            <button type="button" class="option-button" id="button-load-custom">Load Custom Character</button>
            <button type="button" class="option-button" id="button-save-custom">Save Custom Character</button>
          </div>
        </div>

        <div class="custom-category">
          <p>Or export/import your character to text here. Copy and paste to share.</p>
          <div class>
            <button type="button" class="option-button" id="button-export-clear">Clear Space</button>
            <button type="button" class="option-button" id="button-export-preset">Export Your Character</button>
            <button type="button" class="option-button" id="button-import-preset">Import Your Character</button>

            <p><input autocomplete="off" type="text" id="export-area" placeholder="Paste character data here..."></p>
          </div>
        </div>
      </ul>
      <form id="custom-species-form" name="custom-species-form">
        <ul class="flex-outer" id="character-flex-outer">

        </ul>
      </form>
    </div>
  </div>
</body>

</html>