Skip to content

Latest commit

 

History

History
80 lines (73 loc) · 1.53 KB

README.md

File metadata and controls

80 lines (73 loc) · 1.53 KB

Tuxedo UI

alt text

Clone the repo: git clone https://github.com/HeliumSquid/tuxedoui.git.

Buttons

alt text

Button Base

<div class="button raised">
    <div class="center">
        Contact
    </div>
</div>

Button Blue

<div class="button raised blue">
    <div class="center">
        Contact
    </div>
</div>

Button Green

<div class="button raised green">
    <div class="center">
        Contact
    </div>
</div>

Sidebar

alt text

<!--Sidebar-->
<input type="checkbox" id="sbtoggle" name="" value="">
<div class="page-wrap">
  <label for="sbtoggle" class="menu-icon">☰</label>
  <div class="sidebar">
    <ul class="js-scroll">
      <li>
        <a href="#home">
          <div class="button raised">
            <div class="center" fit>Home</div>         
          </div>
        </a>
      </li>
      <li>
        <a href="#about">
          <div class="button raised">
            <div class="center" fit>About</div>            
          </div>
        </a>
      </li>
      <li>
        <a href="#portfolio">
          <div class="button raised">
            <div class="center" fit>Portfolio</div>           
          </div>
        </a>
      </li>
      <li>
        <a href="#contact">
          <div class="button raised">
            <div class="center" fit>Contact</div>            
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>
<div class="page-content">
...
</div>