Epic-Styles Snippets

Jump start your projects with these pre-written Codes

Responsive Header

To display your logo, responsive nav links and menu button
  1. <header class="epic_header">
  2. <a href="." class="epic_logo">
  3. Logo
  4. </a>
  5. <nav class="epic_nav">
  6. <!-- Add your Nav Links Here -->
  7. <div class="epic_close-nav">
  8. Close
  9. <div>
  10. </nav>
  11. <div class="epic_menu-btn">
  12. Menu Icon
  13. </div>
  14. </header>

Modern Form

Modern Form

  1. <form class="epic_form">
  2. <h1 class="epic_form-title">Modern Form </h1>
  3. <input type="text" class="epic_form-input" placeholder="youremail@email.io">
  4. <input type="password" class="epic_form-input" value="password">
  5. <div class="epic_form-actions">
  6. <button type="submit" class="epic_form-btn"> Submit <button>
  7. <a class="link">Do more </a>
  8. </div>
  9. </form>

List Content

MY List
Item 1
Item 2
  1. <fieldset class="epic_list-fieldset">
  2. <legend class="epic_list-legend"> MY List </legend>
  3. <div class="epic_list-item"> Item 1 </div>
  4. <div class="epic_list-item"> Item 2 </div>
  5. </fieldset>