settings.html

<div id="menu_layout">
	<div class="left_col">
		<ul class="nav nav-stacked" role="tablist">
			<li role="presentation" class="active">
				<a data-target="#general" aria-controls="network" role="tab" data-toggle="tab">
					General
				</a>
			</li>
			<li role="presentation">
				<a data-target="#network" aria-controls="network" role="tab" data-toggle="tab">
					Network
				</a>
			</li>
			<li role="presentation">
				<a data-target="#upgrade" aria-controls="upgrade" role="tab" data-toggle="tab">
					Upgrade
				</a>
			</li>
			<li role="presentation">
				<a data-target="#audible" aria-controls="audible" role="tab" data-toggle="tab">
					Sound
				</a>
			</li>
			<li role="presentation">
				<a data-target="#screen" aria-controls="screen" role="tab" data-toggle="tab">
					Screen
				</a>
			</li>
			<li class="spacer" aria-hidden="true"></li>
			<li role="presentation">
				<a href="/">
					<span class="fa fa-home" aria-hidden="true"></span>
					<span class="sr-only">Home</span>
				</a>
			</li>
		</ul>
	</div>
	<div id="center_column" class="center_col">
		<h1>Settings</h1>
		<div id="qcook_tabcontainer" class="tab-content">
			<div role="tabpanel" class="tab-pane active" id="general">
				<h2>General</h2>
				<p>Language, etc.</p>
			</div>
			<div role="tabpanel" class="tab-pane" id="network">
				<h2>Network</h2>
				<p>DHCP, Manual IP address and DNS settings, do people still use proxies? </p>
			</div>
			<div role="tabpanel" class="tab-pane" id="upgrade">
				<h2>Upgrade</h2>
				<p>Toggle automatic upgrade, automatic security upgrade, manually check upgrade status and trigger. Probably at a general rather than package level.</p>
			</div>
			<div role="tabpanel" class="tab-pane" id="audible">
				<h2>Audible Alerts</h2>
				<p>Sounds, dings, 
			</div>
			<div role="tabpanel" class="tab-pane" id="screen">
				<h2>Screen</h2>
				<p>Sounds, dings, 
			</div>
		</div>
	</div>
</div>