vmk-ui-kit/demo/figma/divider.html at 8e894275b222113e3f7844993cafee533e6a06d5

Fork: 0

root / vmk-ui-kit

Find file

Newer

Older

vmk-ui-kit / demo / figma / divider.html

Eugene Sukhodolskiy 1 day ago 1 KB Add Divider, Accordion, Stepper and FileAttachment components

Raw Blame History

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>VMK UI Kit — Figma Divider Match</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/assets/fonts/phosphor-icons/src/css/icons.css">
    <link rel="stylesheet" href="/css/kit.css">
    <style>
      html, body { padding: 0; margin: 0; background: #FFFFFF; }
      #figma-divider {
        width: 1200px;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 40px;
        box-sizing: border-box;
        background: #FFFFFF;
      }
      .divider { width: 100%; }
    </style>
  </head>
  <body>
    <div id="figma-divider">
      <hr class="divider">
    </div>
  </body>
</html>