---
layout: default
title: Settings
page-header: Account Settings
---

<!-- BEGIN PAGE BODY -->
<div class="card">
	<div class="row g-0">
		<div class="col-12 col-md-3 border-end">
			<div class="card-body">
				<h4 class="subheader">Business settings</h4>

				<nav class="list-group list-group-transparent">
					<a href="{{ page | relative }}/settings.html" class="list-group-item list-group-item-action d-flex align-items-center{% if page.fileSlug == 'settings' %} active{% endif %}">My Account</a>
					<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">My Notifications</a>
					<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">Connected Apps</a>
					<a href="{{ page | relative }}/settings-plan.html" class="list-group-item list-group-item-action d-flex align-items-center{% if page.fileSlug == 'settings-plan' %} active{% endif %}">Plans</a>
					<a href="#" class="list-group-item list-group-item-action d-flex align-items-center">Billing & Invoices</a>
				</nav>

				<h4 class="subheader mt-4">Experience</h4>

				<nav class="list-group list-group-transparent">
					<a href="#" class="list-group-item list-group-item-action">Give Feedback</a>
				</nav>
			</div>
		</div>
		<div class="col-12 col-md-9 d-flex flex-column">
			{{ content }}
		</div>
	</div>
</div>
<!-- END PAGE BODY -->