Untitled

mail@pastecode.io avatar
unknown
html
a month ago
3.7 kB
2
Indexable
Never
<!DOCTYPE html>
<html>
  <head>
    <title>HTML CSS JS</title>
    <link rel="stylesheet" type="text/css" href="index.css">
  </head>
  <body>
    <div class="wrap">
      <div class="cube">
        <div class="front">
          <div class="indicator">
            1
            <div class="line">
              <div class="h-line"></div>
              <span class="text">текст текст текст текст текст текст текст текст текст текст текст текст</span>
            </div>
            <div class="d-line"></div>
          </div>
          Front side
        </div>

        <div class="front--1">
          Front side
        </div>

        <div class="top">
          <div class="indicator">
            2
            <div class="line">
              <div class="h-line"></div>
              <span class="text">текст текст текст текст текст текст текст текст текст текст текст текст</span>
            </div>
            <div class="d-line"></div>
          </div>
          Top side
        </div>

        <div class="top--1">
          Top side
        </div>

        <div class="bottom">
          <div class="indicator">
            3
            <div class="line">
              <div class="h-line"></div>
              <span class="text">текст текст текст текст текст текст текст текст текст текст текст текст</span>
            </div>
            <div class="d-line"></div>
          </div>
          Bottom side
        </div>

        <div class="right">
          <div class="indicator">
            4
            <div class="line">
              <div class="h-line"></div>
              <span class="text">текст текст текст текст текст текст текст текст текст текст текст текст</span>
            </div>
            <div class="d-line"></div>
          </div>
          Right side
        </div>

        <div class="right--1">
          Right side
        </div>

        <section class="legs">
          <div class="fr">
            <div class="first leg"></div>
            <div class="indicator">
              4
              <div class="line">
                <div class="h-line"></div>
                <span class="text">текст текст текст текст текст текст текст текст текст текст текст текст</span>
              </div>
              <div class="d-line"></div>
            </div>
          </div>

          <div class="sc">
            <div class="second leg"></div>
            <div class="indicator">
              4
              <div class="line">
                <div class="h-line"></div>
                <span class="text">текст текст текст текст текст текст текст текст текст текст текст текст</span>
              </div>
              <div class="d-line"></div>
            </div>
          </div>
          
          <div class="th">
            <div class="third leg"></div>
            <div class="indicator">
              4
              <div class="line">
                <div class="h-line"></div>
                <span class="text">текст текст текст текст текст текст текст текст текст текст текст текст</span>
              </div>
              <div class="d-line"></div>
            </div>
          </div>
        </section>

      </div>

    </div>
  </body>
</html>
Leave a Comment