<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>
<!------ Include the above in your HEAD tag ---------->
<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>
<hr>
<div class="onboarding-step-number">4.</div>
<h3 class="onboarding-step-title">Add games and practices to your team’s Schedule</h3>
<p class="onboarding-step-description"><a class="onboarding" id="Add Games" href="schedule_adminmain.asp?url={{custom_site_url_unique_id}}">Add or import</a> games and practices so your team and fans can see the season schedule online.</p>
<hr>
<div class="onboarding-step-number">5.</div>
<h3 class="onboarding-step-title">Customize your homepage</h3>
<p class="onboarding-step-description"><a class="onboarding" id="Edit Homepage" href="admin_widgets.asp?url={{custom_site_url_unique_id}}">Edit your homepage</a> by enabling your welcome page widgets to make your site look great! Update your logo, post news articles about your league/team, add photos, and more!</p>
<hr>
<div class="onboarding-step-number">6.</div>
<h3 class="onboarding-step-title">Customize your online registration</h3>
<p class="onboarding-step-description"><a class="onboarding" id="Online Registration" href="admin_reg_home.asp?url={{custom_site_url_unique_id}}">Setup your registration form</a> and allow your players to register online and/or submit payments.</p>
<br>
<br>
</div>
</div>
</div>
</div>
