JSFiddle - React, Tailwind, and code Playground
by pj_js15
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/png" href="favicon.png">
<base href="/">
<title>inbenta developers</title>
<script type="text/javascript" src="/assets/main.b3beb0a85c403dc0a4ce.js"></script>
<link rel="stylesheet" type="text/css" href="/assets/main.b3beb0a85c403dc0a4ce.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> </head>
<body class="sidebar--default">
<script type="text/javascript">
\
n(function() {\
n
if (window.innerWidth > 768) {\
n document.body.classList.remove('sidebar--hidden');\
n
}\
n
})();\
n
</script>
<div class="inbenta">
<div class="header">
<div class="header__utils">
<div class="toggle-sidebar header__utils__mobile-toggler"> <i class="icon--menu-burguer"></i> </div>
<div class="header__utils__logo"> in<span>b</span>enta developers </div> </div></div>
<div class="wrapper">
<div class="sidebar">
<div class="sidebar__header"> <a href="/"> <h5>APIs and SDKs</h5> </a> <button class="button-icon toggle-sidebar"> <i class="icon--close"></i> </button> </div>
<div class="sidebar__menu">
<div class="sidebar__section">
<div class="sidebar__menu__item "> <a class="item__link" href="authorization"> <i class="icon--authorization"></i> <h6>Authorization</h6> </a>
</div>
<div class="sidebar__menu__item "> <a class="item__link" href="tracking-events"> <i class="icon--tracking-events"></i> ...