JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

HTML

<!DOCTYPE html>
<html>

  <head>
    <title>Contents</title>
    <link rel="stylesheet" href="../site/css/epub.css" />

  </head>

  <body>
    <div id="contents">
      <div class=" quire-page--list quire-page--frontmatter quire-contents" id="main">


        <section class="quire-page__header hero ">
          <div class="hero-body">


            <h1 class="quire-page__header__title">

              Contents

            </h1>






          </div>
        </section>


        <section class="section quire-page__content" id="content">
          <div class="container ">
            <div class="content">

            </div>

            <div class="quire-contents-list  list">
              <div class="menu-list">






                <ul>
                  <li>


                    <div class="title"><a href="#cover">Cover</a></div>
                  </li>

                  <li>


                    <div class="title"><a href="#french-art">An Introduction to French Art: Shamelessly Copied from Wikipedia<span
                        class="contributor"> — <span class="quire-contributor">Ida Pikwik</span></span></a></div>
                  </li>

                  <li>


                    <div class="title"><a href="#catalogue">Catalogue</a></div>
                    <ul>
                      <li>


                        <div class="title"><a href="#catalogue__1">1. The Luncheon on the Grass</a></div>
                      </li>

                      <li>


                        <div class="title"><a href="#catalogue__2">2. Impression, Sunrise</a></div>
                      </li>

                      <li>


                        <div class="title"><a href="#catalogue__3">3. Reading</a></div>
                      </li>
                    </ul>
                  </li>
                  <li>


                    <div class="title"><a href="#contributors">Contributors</a></div>
                  </li>

                  <li>


                   ...