<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container">
<div class="row">
<div class="col-xs-10">
<h2 class="onboarding-steps-title">Steps to setting up your website</h2>
<hr>
<ul class="list-group">
<li class="list-group-item">
<div class="onboarding-step-number">1.</div>
<h3 class="onboarding-step-title">Customize your division(s)</h3>
<p class="onboarding-step-description">We’ve created a default division for you - <a class="onboarding" id="Customize Division" href="division_adminlist.asp?url={{custom_site_url_unique_id}}">customize your division details</a>. Once it is set up, you can add/organize your teams and set up your schedules.</p>
</li>
<li class="list-group-item">
<div class="onboarding-step-number">2.</div>
<h3 class="onboarding-step-title">Add your team(s)</h3>
<p class="onboarding-step-description"><a class="onboarding" id="Add Team" href="team_adminlist.asp?url={{custom_site_url_unique_id}}">Add or import</a> your team(s) and your opposing teams so you can create your season schedule.</p>
</li>
<li class="list-group-item">Morbi leo risus</li>
<li class="list-group-item">Porta ac consectetur ac</li>
<li class="list-group-item">Vestibulum at eros</li>
</ul>
</div>
<div id="onboarding-steps-list">
<div class="onborading-step">
<hr>
<hr>
<div class="onboarding-step-number">3.</div>
<h3 class="onboarding-step-title">Add players to your team</h3>
<p class="onboarding-step-description"><a class="onboarding" id="Add Player" href="player_adminlist.asp?url={{custom_site_url_unique_id}}">Add or import</a> players to your team(s) and display individual player profiles and statistics.</p>
