Untitled

<html>
  <head>
    <script type="text/javascript" src="dist/bundle.js"></script>
  </head>
  <body>
    <header class="header">
      <div class="header-logo">
        <img src="./assets/flex-grow.svg" />
      </div>
      <div class="header-offer rectangle rectangle--header">
        <div class="header-offer__badge rectangle">
          <span class="badge__text">FREE</span>
        </div>
        <div class="header-offer__slogan">
          <span class="slogan__text"
            >See our PRO version for more design components & coded in React
            follow this link:<a href="#"
              ><span class="link">
                https://devias.io/products/devias-kit-pro</span
              >
            </a>
          </span>
        </div>
      </div>
      <div class="header-options">
        <img
          class="options__img "
          src="./assets/outline-contact_support-24px.png"
        />
        <img src="./assets/quit.png" />
      </div>
    </header>
    <!--/Header---------------------------------------------------------------->
    <div class="page">
      <div class="aside">
        <div class="aside__avatar">
          <img src="./assets/Oval.png" class="avatar__img" />
          <div class="avatar__title">
            <span class="title">Roman Kutepov</span>
          </div>
          <div class="avatar__subtitle">
            <span class="subtitle">Brain Director</span>
          </div>
        </div>
        <img class="temp-line" src="./assets/Rectangle.png" />
        <div class="aside__menu">
          <div class="menu__list">
            <img class="list__pic" src="./assets/outline-dashboard-24px.png" />
            <span class="list__text">Dashboard</span>
          </div>
          <div class="menu__list">
            <img
              class="list__pic"
              src="./assets/outline-dashboard-24px(2).png"
            />
            <span class="list__text">Users</span>
          </div>
          <div class="menu__list">
            <img
              src="./assets/outline-dashboard-24px(3).png"
              class="list__pic"
            />
            <span class="list__text">Products</span>
          </div>
          <div class="menu__list">
            <img
              src="./assets/outline-dashboard-24px(4).png"
              class="list__pic"
            />
            <span class="list__text">Authentication</span>
          </div>
          <div class="menu__list">
            <img
              src="./assets/outline-dashboard-24px(5).png"
              class="list__pic"
            />
            <span class="list__text">Typography</span>
          </div>
          <div class="menu__list">
            <img
              src="./assets/outline-dashboard-24px(6).png"
              class="list__pic"
            />
            <span class="list__text">Icons & Images</span>
          </div>
        </div>

        <img
          class="temp-line temp-line--modified"
          src="./assets/Rectangle.png"
        />
        <div class="aside__support">
          <span class="support__text">Support</span>
          <div class="menu__list support-list">
            <img
              src="./assets/outline-dashboard-24px(7).png"
              class="list__pic"
            />
            <span class="list__text">Support</span>
          </div>
        </div>
      </div>
      <div class="main">
        <nav class="navigation">
          <div class="navigation__item">
            <span class="item__text">Profile</span>
          </div>
          <div class="navigation__item">
            <span class="item__text">Account</span>
          </div>
          <div class="navigation__item">
            <span class="item__text item__text--wide">Price Plans</span>
          </div>
        </nav>
        <div class="settings">
          <div class="settings__portrait">
            <div class="portrait__top">
              <div class = "info__main-info">
                <span class = "main-info__fname">Adrian Stefan</span>
                <span class = "main-info__city">Rm. Valcea, Romania</span>
                <span class = "main-info__timezone">4:32PM (GMT-4)</span>
              </div>
              <div class="portrait__pic">
                <img src = "" alt="">
              </div>
            </div>
            <div class="portrait__buttons">

            </div>

          </div>
          <div class="settings__basic">

          </div>
        </div>
      </div>
    </div>
  </body>
</html>