@ussebastian/kitdigital
Version:
Kit Digital de la Universidad San Sebastián
154 lines (147 loc) • 6.9 kB
HTML
<html>
<head>
<title>Kit Digital - Universidad San Sebastían</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="/css/theme.css" rel="stylesheet" type="text/css" />
<link href="/css/main.css" rel="stylesheet" type="text/css" />
</head>
<body class>
<div class="container my-80">
<section class="mb-64">
<div class="uss-tab">
<ul class="uss-tab__nav">
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link active" data-uss-tabtarget="01">
Item de tab
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link " data-uss-tabtarget="02">
Item de tab
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
</ul>
<div class="uss-tab__body p-20">
<div class="uss-tab__body-content" id="01" data-uss-tab="01">
<p>Tab 1</p>
</div>
<div class="uss-tab__body-content" id="02" data-uss-tab="02" data-uss-show>
<p>Tab 2</p>
</div>
<div class="uss-tab__body-content" id="03" data-uss-tab="03">
<p>Tab 3</p>
</div>
</div>
</div>
<div class="uss-tab">
<ul class="uss-tab__nav">
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link active" data-uss-tabtarget="01">
Item de tab
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link " data-uss-tabtarget="02">
Item de tab
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
<li class="uss-tab__nav-item">
<button aria-current="page" class="uss-tab__nav-link" data-uss-tabtarget="03">
Tab 03
</button>
</li>
</ul>
<div class="uss-tab__body p-20">
<div class="uss-tab__body-content" id="01" data-uss-tab="01">
<p>Tab 1</p>
</div>
<div class="uss-tab__body-content" id="02" data-uss-tab="02" data-uss-show>
<p>Tab 2</p>
</div>
<div class="uss-tab__body-content" id="03" data-uss-tab="03">
<p>Tab 3</p>
</div>
</div>
</div>
</section>
</div>
<script src="/js/main.js" type="module"></script>
</body>
</html>