Log in Register Dashboard Temp Share Shortlinks Frames API

cody - HTMLify profile

cody's Profile Picture

cody

4270 Files

633160 Views

Latest files of /cody/atherosai/ui/vertical-tabs-02

assets/ cody/atherosai/ui/vertical-tabs-02/assets/
6 Items
  • release.png
  • product.png
  • ui.png
  • idea.png
  • engineer.png
  • brain.png
  • style.css cody/atherosai/ui/vertical-tabs-02/style.css
    101 Views
    0 Comments


    :root {
    --white: #FFF;
    --primary: #645DFF;
    --secondary: #2A2649;
    --secondary-light: #777777;
    --body-background: #efeefa;
    index.html cody/atherosai/ui/vertical-tabs-02/index.html
    346 Views
    0 Comments

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Vertical Tabs</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    script.js cody/atherosai/ui/vertical-tabs-02/script.js
    165 Views
    0 Comments

    const allLinks = document.querySelectorAll(".tabs a");
    const allTabs = document.querySelectorAll(".tab-content")
    const tabContentWrapper = document.querySelector(".tab-content-wrapper");

    const shiftTabs = (linkId) => {
    allTabs.forEach((tab, i) => {