Kanabanarama/layout.htm

## layout.htm
  return html`
    <body class="code lh-copy">
      <main>

        <section class="vh-100 w-100 bg-white cover mw10 center flex flex-wrap items-center-ns">

          <div class="dt dt--fixed">
            <div class="dtc tc pv4 bg-black-10">

            <div class="black-50 w-100 w-100-l">
              <h1 class="f5 fw6 f2-ns lh-title measure mt0 mb2 nobr">
                Welcome to trade-pkt.tlbs.ai
              </h1>
              <p class="f5 f4-ns measure dib-m lh-copy mt0">
                The pkt trading platform
              </p>
            </div>

            </div>
            <div class="dtc tc pv4 bg-black-10">

            <section class="tc pa2 pa3-ns">
              <article class="hide-child relative ba b--black-20 mw5 center">
                <img src="https://place-hold.it/500/320/666" class="db" alt="db" />
                <div class="pa2 bt b--black-20">
                  <p class="f3 f6-ns measure dib-m lh-copy mt0">Current price: ⬀ 0.005 €</p>
                </div>
              </article>
            </section>

            <section class="tc pa2 pa3-ns">
              <article class="hide-child relative ba b--black-20 mw5 center">
                <form action="sign-up_submit" method="get" accept-charset="utf-8">
                  <fieldset id="sign_up" class="ba b--transparent ph0 mh0">
                    <legend class="ph0 mh0 fw6 clip">Sign Up</legend>
                    <div class="mt3">
                      <label class="db fw4 lh-copy f6" for="email-address">PKT</label>
                      <input class="pa2 input-reset ba bg-transparent w-30 measure" type="email" name="email-address"  id="email-address">
                    </div>
                    <div class="mt3">
                      <input class="b ph3 pv2 input-reset ba b--black bg-transparent w-10 grow pointer f6" type="submit" value="⇦⇨">
                    </div>
                    <div class="mt3">
                      <label class="db fw4 lh-copy f6" for="password">EUR</label>
                      <input class="b pa2 input-reset ba bg-transparent w-30" type="password" name="password"  id="password">
                    </div>
                  </fieldset>
                </form>
                <div class="pa2 bt b--black-20">
                  <a class="link tc ph3 pv1 db bg-animate bg-dark-blue hover-bg-blue white f6 br1" href="#">Exchange</a>
                </div>
              </article>
            </section>

            </div>
          </div>

          <div class="dt dt--fixed">
            <div class="dtc tc pv4 pa5 bg-black-10">
            <div class="w-90 w-90-l tl">
              <h4 class="tl">Downloads</h4>
              <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
            </div>
            </div>
          </div>

          </section>

      </main>
    </body>
  `
}
	return html`
	<body class="code lh-copy">
	<main>

	<section class="vh-100 w-100 bg-white cover mw10 center flex flex-wrap items-center-ns">

	<div class="dt dt--fixed">
	<div class="dtc tc pv4 bg-black-10">

	<div class="black-50 w-100 w-100-l">
	<h1 class="f5 fw6 f2-ns lh-title measure mt0 mb2 nobr">
	Welcome to trade-pkt.tlbs.ai
	</h1>
	<p class="f5 f4-ns measure dib-m lh-copy mt0">
	The pkt trading platform
	</p>
	</div>

	</div>
	<div class="dtc tc pv4 bg-black-10">

	<section class="tc pa2 pa3-ns">
	<article class="hide-child relative ba b--black-20 mw5 center">
	<img src="https://place-hold.it/500/320/666" class="db" alt="db" />
	<div class="pa2 bt b--black-20">
	<p class="f3 f6-ns measure dib-m lh-copy mt0">Current price: ⬀ 0.005 €</p>
	</div>
	</article>
	</section>

	<section class="tc pa2 pa3-ns">
	<article class="hide-child relative ba b--black-20 mw5 center">
	<form action="sign-up_submit" method="get" accept-charset="utf-8">
	<fieldset id="sign_up" class="ba b--transparent ph0 mh0">
	<legend class="ph0 mh0 fw6 clip">Sign Up</legend>
	<div class="mt3">
	<label class="db fw4 lh-copy f6" for="email-address">PKT</label>
	<input class="pa2 input-reset ba bg-transparent w-30 measure" type="email" name="email-address" id="email-address">
	</div>
	<div class="mt3">
	<input class="b ph3 pv2 input-reset ba b--black bg-transparent w-10 grow pointer f6" type="submit" value="⇦⇨">
	</div>
	<div class="mt3">
	<label class="db fw4 lh-copy f6" for="password">EUR</label>
	<input class="b pa2 input-reset ba bg-transparent w-30" type="password" name="password" id="password">
	</div>
	</fieldset>
	</form>
	<div class="pa2 bt b--black-20">
	<a class="link tc ph3 pv1 db bg-animate bg-dark-blue hover-bg-blue white f6 br1" href="#">Exchange</a>
	</div>
	</article>
	</section>

	</div>
	</div>

	<div class="dt dt--fixed">
	<div class="dtc tc pv4 pa5 bg-black-10">
	<div class="w-90 w-90-l tl">
	<h4 class="tl">Downloads</h4>
	<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
	</div>
	</div>
	</div>

	</section>

	</main>
	</body>
	`
	}