RegattenApp/server/page/menus.php

<div id="menu-share" class="menu menu-box-bottom menu-box-detached rounded-m" data-menu-height="345" data-menu-effect="menu-over">
	<div class="menu-title mt-n1"><h1>Share the Love</h1><p class="color-highlight">Just Tap the Social Icon. We'll add the Link</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
	<div class="content mb-0">
		<div class="divider mb-0"></div>
		<div class="list-group list-custom-small list-icon-0">
			<a href="#" class="shareToFacebook">
				<i class="font-18 fab fa-facebook color-facebook"></i>
				<span class="font-13">Facebook</span>
				<i class="fa fa-angle-right"></i>
			</a>
			<a href="#" class="shareToTwitter">
				<i class="font-18 fab fa-twitter-square color-twitter"></i>
				<span class="font-13">Twitter</span>
				<i class="fa fa-angle-right"></i>
			</a>
			<a href="#" class="shareToLinkedIn">
				<i class="font-18 fab fa-linkedin color-linkedin"></i>
				<span class="font-13">LinkedIn</span>
				<i class="fa fa-angle-right"></i>
			</a>
			<a href="#" class="shareToWhatsApp">
				<i class="font-18 fab fa-whatsapp-square color-whatsapp"></i>
				<span class="font-13">WhatsApp</span>
				<i class="fa fa-angle-right"></i>
			</a>
			<a href="#" class="shareToMail border-0">
				<i class="font-18 fa fa-envelope-square color-mail"></i>
				<span class="font-13">Email</span>
				<i class="fa fa-angle-right"></i>
			</a>
		</div>
	</div>
</div>

<!-- All Menus, Action Sheets, Modals, Notifications, Toasts get Placed outside the <div class="page-content"> -->
<div id="menu-lists" class="menu menu-box-bottom menu-box-detached rounded-m" data-menu-height="260" >
	<div class="menu-title"><h1>Listen</h1><p class="color-highlight">&nbsp;</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
	<div class="divider divider-margins mb-n2"></div>
	<div class="content">
		<div class="list-group list-custom-small">
			<a href="<?php echo LINK_PRE; ?>sailors">
				<i class="fa font-14 fa-users rounded-s bg-highlight color-white"></i>
				<span>Segler</span>
				<i class="fa fa-angle-right"></i>
			</a>
			<a href="<?php echo LINK_PRE; ?>boats">
				<i class="fa font-14 fa-ship rounded-s bg-highlight color-white"></i>
				<span>Boote</span>
				<i class="fa fa-angle-right"></i>
			</a>
			<a href="<?php echo LINK_PRE; ?>clubs" class="border-0">
				<i class="fa font-14 fa-home rounded-s bg-highlight color-white"></i>
				<span>Vereine</span>
				<i class="fa fa-angle-right"></i>
			</a>
		</div>
	</div>
</div>

<div id="menu-more" class="menu menu-box-bottom menu-box-detached rounded-m" data-menu-height="360" >
	<div class="menu-title"><h1>Mehr</h1><p class="color-highlight">&nbsp;</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
	<div class="divider divider-margins mb-n2"></div>
	<div class="content">
		<div class="list-group list-custom-small">
			<a href="<?php echo LINK_PRE; ?>news">
				<i class="fa font-14 fa-newspaper rounded-s bg-highlight color-white"></i>
				<span>Neuigkeiten</span>
				<span id="badge-more-news" class="badge bg-highlight color-white"></span>
				<i class="fa fa-angle-right"></i>
			</a>
			<a href="<?php echo LINK_PRE; ?>planning">
				<i class="fa font-14 fa-calendar-alt rounded-s bg-highlight color-white"></i>
				<span>Saison-Planung</span>
				<i class="fa fa-angle-right"></i>
			</a>
			<a href="<?php echo LINK_PRE; ?>trim_list">
				<i class="fa font-14 fa-book rounded-s bg-highlight color-white"></i>
				<span>Trimm-B&uuml;cher</span>
				<i class="fa fa-angle-right"></i>
			</a>
			<a href="<?php echo LINK_PRE; ?>calc">
				<i class="fa font-14 fa-calculator rounded-s bg-highlight color-white"></i>
				<span>RLP-Rechner</span>
				<i class="fa fa-angle-right"></i>
			</a>
			<a href="<?php echo LINK_PRE; ?>contact" class="border-0">
				<i class="fa font-14 fa-phone rounded-s bg-highlight color-white"></i>
				<span>Kontakt</span>
				<i class="fa fa-angle-right"></i>
			</a>
		</div>
	</div>
</div>

<div id="menu-settings" class="menu menu-box-bottom menu-box-detached rounded-m" data-menu-height="270">
	<div class="menu-title"><h1>Einstellungen</h1><p class="color-highlight">&nbsp;</p><a href="#" class="close-menu"><i class="fa fa-times"></i></a></div>
	<div class="divider divider-margins mb-n2"></div>
	<div class="content">
		<div class="list-group list-custom-small">
			<a href="#" data-toggle-theme data-trigger-switch="switch-dark" class="pb-2">
				<i class="fa font-14 fa-moon rounded-s bg-dark1-dark color-white"></i>
				<span>Dark Mode</span>
				<div class="custom-control scale-switch ios-switch">
					<input data-toggle-theme-switch type="checkbox" class="ios-input" id="switch-dark">
					<label class="custom-control-label" for="switch-dark"></label>
				</div>
			</a>
			<a href="<?php echo LINK_PRE; ?>login">
				<i class="fa font-14 fa-sign-in-alt rounded-s bg-highlight color-white"></i>
				<span>Login</span>
				<i class="fa fa-angle-right"></i>
			</a>
			<a href="<?php echo LINK_PRE; ?>signup" class="border-0">
				<i class="fa font-14 fa-user-plus rounded-s bg-highlight color-white"></i>
				<span>Registrieren</span>
				<span class="badge bg-red2-dark color-white">FREE</span>
			</a>
		</div>
	</div>
</div>

<div id="menu-update">
	<div class="content bottom-0">
		<p class="text-center mt-5"><i class="fa fa-sync-alt fa-7x color-highlight fa-spin"></i></p>
		<h1 class="text-center mt-5 font-900">Update Verfügbar</h1>
		<p class="text-center">
			Eine neue Version unserer App ist verf&uuml;gbar. Keine Sorge, Du musst nichts machen. Wir aktuallisieren den Inhalt in wenigen Sekunden.
		</p>        
		<a href="#" class="page-update btn btn-center-xl btn-m shadow-xl rounded-s bg-highlight font-900 text-center">Update</a>
		<p class="text-center font-10 bottom-0">Die App wird neu laden und das Update ist abgeschlossen.</p>
	</div>
</div>