<? INC DocType.tmpl ?>
<? INC Options.tmpl ?>
<? ADDROW CSSLoop HREF=/skinfiles/_default_/global.css ?>
<? ADDROW JSLoop HREF=/pub/jquery-1.11.2.min.js ?>
<? ADDROW JSLoop HREF=/pub/jquery-ui-sortable.1.11.4.min.js ?>
<? AddRow JSLoop HREF=/pub/selectize-standalone-0.12.1.min.js ?>
<? AddRow CSSLoop HREF=/pub/jquery-ui-sortable.1.11.4.min.css ?>
<? AddRow CSSLoop HREF=/pub/selectize-0.12.1.css ?>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>ZNC - <? VAR Title DEFAULT="Web Frontend" ?></title>
		<link rel="shortcut icon" href="<? VAR URIPrefix TOP ?>/favicon.ico" type="image/x-icon" />
		<? LOOP CSSLoop ?>
		<?IF HREF?><link rel="stylesheet" type="text/css" href="<? VAR URIPrefix TOP ?><? VAR HREF ?>" /><?ENDIF?>
		<?ENDLOOP?>

		<? LOOP JSLoop ?>
		<?IF HREF?><script type="text/javascript" src="<? VAR URIPrefix TOP ?><? VAR HREF ?>"></script><?ENDIF?>
		<?ENDLOOP?>

		<? INC ExtraHeader.tmpl ?>
	</head>

	<body>
		<!-- Wrapper -->
		<div id="wrapper">
			<!-- Banner -->
			<? INC Banner.tmpl ?>
			<!-- !Banner -->

			<!-- MessageBar -->
			<? INC MessageBar.tmpl ?>
			<!-- !MessageBar -->

			<!-- InfoBar -->
			<? INC InfoBar.tmpl ?>
			<!-- !InfoBar -->

			<!-- Main -->
			<div id="main">
				<!-- Menu -->
				<? INC Menu.tmpl ?>
				<!-- !Menu -->

				<!-- Content -->
				<div id="content">

					<!-- BreadCrumbs -->
					<? INC BreadCrumbs.tmpl ?>
					<!-- !BreadCrumbs -->

					<div id="subpage">

						<? REM ?>
							In your subpage (module page or static page) you'll probably want to do something like this...

								<? INC Header.tmpl ?>
								This is my <b>super</b> cool sub page!
								<? INC Footer.tmpl ?>

							If you'd like to add your own local css file to be included after the global main.css,
							you can make your own Header.tmpl like so...

								<? ADDROW CSSLoop HREF=/pub/your_local.css ?>
								<? ADDROW JSLoop HREF=/pub/your_local.js ?>
								<? INC BaseHeader.tmpl ?>

						<? ENDREM ?>
