Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<div class="page">
<div class="card">
<div class="badge">Onboarding</div>
<h2>Setup your <span>workspace</span></h2>
<div class="steps">
<div class="step active" data-i="1"><span class="dot">1</span><b>Account</b></div>
<div class="step" data-i="2"><span class="dot">2</span><b>Team</b></div>
<div class="step" data-i="3"><span class="dot">3</span><b>Plan</b></div>
<div class="bar"><div class="fill" id="fill" style="width: 0%"></div></div>
</div>
<div class="content">
<div class="panel" id="p1">
<h3>Tell us about you</h3>
<p>Personal details to create your account.</p>
</div>
<div class="panel hide" id="p2">
<h3>Invite teammates</h3>
<p>Bring your team to collaborate together.</p>
</div>
<div class="panel hide" id="p3">
<h3>Choose a plan</h3>
<p>Pick the plan that fits your needs.</p>
</div>
</div>
<div class="actions">
<button id="back" class="ghost" disabled><- Back</button
><button id="next">Continue -></button>
</div>
</div>
</div>
rloop.dev/p/Pr-G59