Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Easy html macro
theme{"label":"solarized_dark","value":"solarized_dark"}
contentByMode{"html":"<!doctype html>\r\n<link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css\" rel=\"stylesheet\" integrity=\"sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC\" crossorigin=\"anonymous\">\r\n<link href=\"https://docs.empowerid.com/new_docs.css\" rel=\"stylesheet\">\r\n<style>\r\n.nav {\r\n border: 1px solid #C1C1C8;\r\n border-style: none none solid none;\r\n padding: 0;\r\n margin: 12px 0 32px;\r\n display: flex;\r\n flex-wrap: nowrap;\r\n overflow: auto;\r\n}\r\n .nav-link {\r\n background: transparent !important;\r\n color: #1D1D21 !important;\r\n}\r\n.nav-link.active {\r\n background: transparent !important;\r\n color: #1D1D21 !important;\r\n border-bottom: 2px solid #1662DD !important;\r\n border-radius: 0px !important;\r\n}\r\n</style>\r\n<script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js\" integrity=\"sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM\" crossorigin=\"anonymous\"></script>\r\n <ul class=\"nav nav-pills mb-3\" id=\"pills-tab\" role=\"tablist\">\r\n <li class=\"nav-item\" role=\"presentation\">\r\n <button class=\"nav-link active\" id=\"pills-first-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#tab1\" type=\"button\" role=\"tab\">Tab 1</button>\r\n </li>\r\n <li class=\"nav-item\" role=\"presentation\">\r\n <button class=\"nav-link\" id=\"pills-second-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#tab2\" type=\"button\" role=\"tab\">Tab 2</button>\r\n </li>\r\n <li class=\"nav-item\" role=\"presentation\">\r\n <button class=\"nav-link\" id=\"pills-third-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#tab3\" type=\"button\" role=\"tab\">Tab 3<>Archive</button>\r\n </li>\r\n</ul>\r\n<div class=\"tab-content\" id=\"pills-tabContent\">\r\n <div class=\"tab-pane fade show active\" id=\"tab1\" role=\"tabpanel\">\r\n <p>Tab <b>1</b> content</p>\r\n <P>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor \r\n incididunt ut labore et dolore magna aliqua.</p>\r\n <p><img src=\"https://docs.empowerID.com/assets/img/confluence/eligibility-resourcesmemberseligibletorequestasactor-addnewbtn.png\" style=\"padding: 10px;max-height: 300px\"/></p>\r\n \r\n </div>\r\n <div class=\"tab-pane fade show\" id=\"tab2\" role=\"tabpanel\">\r\n <p>Tab <b>2</b> content</p>\r\n <P>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor \r\n incididunt ut labore et dolore magna aliqua.</p>\r\n \r\n </div>\r\n <div class=\"tab-pane fade show\" id=\"tab3\" role=\"tabpanel\">\r\n <ul class=\"nav nav-pills mb-3\" id=\"pills-tab\" role=\"tablist\">\r\n <li class=\"nav-item\" role=\"presentation\">\r\n <button class=\"nav-link active\" id=\"pills-first-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#archivetab1\" type=\"button\" role=\"tab\">Archive Tab 1</button>\r\n </li>\r\n <li class=\"nav-item\" role=\"presentation\">\r\n <button class=\"nav-link\" id=\"pills-second-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#archivetab2\" type=\"button\" role=\"tab\">Archive Tab 2</button>\r\n </li>\r\n <li class=\"nav-item\" role=\"presentation\">\r\n <button class=\"nav-link\" id=\"pills-third-tab\" data-bs-toggle=\"pill\" data-bs-target=\"#archivetab3\" type=\"button\" role=\"tab\">Archive Tab 3</button>\r\n <p>Tab <b>3</b> </li>\r\n</ul>\r\n<div class=\"tab-content\" id=\"pills-tabContent\">\r\n <div class=\"tab-pane fade show active\" id=\"archivetab1\" role=\"tabpanel\">\r\n <p>Archive Tab 1 content</p>\r\n <P>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor \r\n incididunt ut labore et dolore magna aliqua.</p>\r\n <p><img src=\"https://docs.empowerID.com/assets/img/confluence/eligibility-resourcesmemberseligibletorequestasactor-addnewbtn.png\" style=\"padding: 10px;max-height: 300px\"/></p>\r\n \r\n </div>\r\n \r\n <div class=\"tab-pane fade show\" id=\"archivetab2\" role=\"tabpanel\">\r\n <p>Archive Tab 2 content</p>\r\n <P>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor \r\n incididunt ut labore et dolore magna aliqua.</p>\r\n \r\n </div>\r\n <div class=\"tab-pane fade show\" id=\"archivetab3\" role=\"tabpanel\">\r\n <p>Archive Tab 3 content</p>\r\n <P>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor \r\n incididunt ut labore et dolore magna aliqua.</p>\r\n \r\n </div>\r\n </div>\r\n \r\n </div>\r\n</div>","javascript":"","css":""}