123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!DOCTYPE html>
<html>

<head>
	<title></title>
</head>

<body>
		<nav class="c-drawer t-drawer" data-container="drawer">
			<ul class="c-drawer-nav t-drawer-nav">
				<li class="c-drawer-item t-drawer-item">
					<a class="c-drawer-link t-drawer-link">
						<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
							<path fill-rule="evenodd" d="M19,3H5C3.89,3 3,3.89 3,5V9H5V5H19V19H5V15H3V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M10.08,15.58L11.5,17L16.5,12L11.5,7L10.08,8.41L12.67,11H3V13H12.67L10.08,15.58Z" />
						</svg>
						<span class="c-drawer-link-text t-drawer-link-text">Logout</span>
					</a>
				</li>
				<li class="c-drawer-item t-drawer-item">
					<a class="c-drawer-link t-drawer-link">
						<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
							<path fill-rule="evenodd" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.07,18.28C7.5,17.38 10.12,16.5 12,16.5C13.88,16.5 16.5,17.38 16.93,18.28C15.57,19.36 13.86,20 12,20C10.14,20 8.43,19.36 7.07,18.28M18.36,16.83C16.93,15.09 13.46,14.5 12,14.5C10.54,14.5 7.07,15.09 5.64,16.83C4.62,15.5 4,13.82 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,13.82 19.38,15.5 18.36,16.83M12,6C10.06,6 8.5,7.56 8.5,9.5C8.5,11.44 10.06,13 12,13C13.94,13 15.5,11.44 15.5,9.5C15.5,7.56 13.94,6 12,6M12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11Z" />
						</svg>
						<span class="c-drawer-link-text t-drawer-link-text">Profile</span>
					</a>
				</li>
				<li class="c-drawer-divider t-drawer-divider"></li>
				<li class="c-drawer-item t-drawer-item">
					<a class="c-drawer-link t-drawer-link" data-toggle="drawer-menu">
						<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
							<path fill-rule="evenodd" d="M19 8.999c1.654 0 3-1.346 3-3s-1.346-3-3-3a2.993 2.993 0 0 0-2.815 2H2v2h14.185a2.993 2.993 0 0 0 2.815 2zm0-4a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-10 4c1.302 0 2.401.838 2.815 2H22v2H11.815a2.994 2.994 0 0 1-2.815 2 2.994 2.994 0 0 1-2.815-2H2v-2h4.185a2.993 2.993 0 0 1 2.815-2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm10 2c1.654 0 3 1.346 3 3s-1.346 3-3 3a2.994 2.994 0 0 1-2.815-2H2v-2h14.185a2.993 2.993 0 0 1 2.815-2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
						</svg>
						<span class="c-drawer-link-text t-drawer-link-text">User Panel</span>
					</a>
					<ul class="c-drawer-menu t-drawer-menu" data-container="drawer-menu">
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<span class="c-drawer-link-text t-drawer-link-text">Forum Overview</span>
							</a>
						</li>
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M3,5H9V11H3V5M5,7V9H7V7H5M11,7H21V9H11V7M11,15H21V17H11V15M5,20L1.5,16.5L2.91,15.09L5,17.17L9.59,12.59L11,14L5,20z" />
								</svg>
								<span class="c-drawer-link-text t-drawer-link-text">Board Preferences</span>
							</a>
						</li>
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M9,5.9 C7.84,5.9 6.9,6.84 6.9,8 C6.9,9.16 7.84,10.1 9,10.1 C10.16,10.1 11.1,9.16 11.1,8 C11.1,6.84 10.16,5.9 9,5.9 Z M9,14.9 C6.03,14.9 2.9,16.36 2.9,17 L2.9,18.1 L15.1,18.1 L15.1,17 C15.1,16.36 11.97,14.9 9,14.9 Z M9,4 C11.21,4 13,5.79 13,8 C13,10.21 11.21,12 9,12 C6.79,12 5,10.21 5,8 C5,5.79 6.79,4 9,4 Z M9,13 C11.67,13 17,14.34 17,17 L17,20 L1,20 L1,17 C1,14.34 6.33,13 9,13 Z M22.0562825,11.392 L22.9239594,12.052 C23.0020914,12.112 23.0226525,12.22 22.9733059,12.308 L22.1508634,13.692 C22.1015168,13.78 21.9945993,13.816 21.9000184,13.78 L20.8760774,13.38 C20.6622423,13.536 20.4319584,13.672 20.1811134,13.772 L20.0248493,14.832 C20.0125127,14.928 19.9261562,15 19.8233509,15 L18.1784657,15 C18.0756604,15 17.9893039,14.928 17.9769673,14.832 L17.8207032,13.772 C17.5698582,13.672 17.3395743,13.54 17.1257392,13.38 L16.1017982,13.78 C16.0113295,13.812 15.9002998,13.78 15.8509532,13.692 L15.0285106,12.308 C14.9791641,12.22 14.9997251,12.112 15.0778572,12.052 L15.9455341,11.392 C15.9290853,11.264 15.9167486,11.132 15.9167486,11 C15.9167486,10.868 15.9290853,10.736 15.9455341,10.608 L15.0778572,9.948 C14.9997251,9.888 14.9750519,9.78 15.0285106,9.692 L15.8509532,8.308 C15.9002998,8.22 16.0072173,8.184 16.1017982,8.22 L17.1257392,8.62 C17.3395743,8.464 17.5698582,8.328 17.8207032,8.228 L17.9769673,7.168 C17.9893039,7.072 18.0756604,7 18.1784657,7 L19.8233509,7 C19.9261562,7 20.0125127,7.072 20.0248493,7.168 L20.1811134,8.228 C20.4319584,8.328 20.6622423,8.46 20.8760774,8.62 L21.9000184,8.22 C21.9904871,8.188 22.1015168,8.22 22.1508634,8.308 L22.9733059,9.692 C23.0226525,9.78 23.0020914,9.888 22.9239594,9.948 L22.0562825,10.608 C22.0727313,10.736 22.085068,10.864 22.085068,11 C22.085068,11.136 22.0727313,11.264 22.0562825,11.392 Z M19.0009083,12.4 C19.7945654,12.4 20.4401828,11.772 20.4401828,11 C20.4401828,10.228 19.7945654,9.6 19.0009083,9.6 C18.2072512,9.6 17.5616338,10.228 17.5616338,11 C17.5616338,11.772 18.2072512,12.4 19.0009083,12.4" />
								</svg>
								<span class="c-drawer-link-text t-drawer-link-text">Profile Settings</span>
							</a>
						</li>
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<span class="c-drawer-link-text t-drawer-link-text">Groups</span>
							</a>
						</li>
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M5,15L4.4,14.5C2.4,12.6 1,11.4 1,9.9C1,8.7 2,7.7 3.2,7.7C3.9,7.7 4.6,8 5,8.5C5.4,8 6.1,7.7 6.8,7.7C8,7.7 9,8.6 9,9.9C9,11.4 7.6,12.6 5.6,14.5L5,15M15,4A4,4 0 0,0 11,8A4,4 0 0,0 15,12A4,4 0 0,0 19,8A4,4 0 0,0 15,4M15,10.1A2.1,2.1 0 0,1 12.9,8A2.1,2.1 0 0,1 15,5.9C16.16,5.9 17.1,6.84 17.1,8C17.1,9.16 16.16,10.1 15,10.1M15,13C12.33,13 7,14.33 7,17V20H23V17C23,14.33 17.67,13 15,13M21.1,18.1H8.9V17C8.9,16.36 12,14.9 15,14.9C17.97,14.9 21.1,16.36 21.1,17V18.1Z" />
								</svg>
								<span class="c-drawer-link-text t-drawer-link-text">Friends &amp; Foes</span>
							</a>
						</li>
					</ul>
				</li>
				<li class="c-drawer-item t-drawer-item">
					<a class="c-drawer-link t-drawer-link" data-toggle="drawer-menu">
						<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
							<path fill-rule="evenodd" d="M10.61 14.87l-1.44 1.41.718.732-1.459 1.426L2 12.004l1.436-1.437.705.706 7.169-7.145-.726-.726L12.004 2l6.435 6.44-1.42 1.423-.711-.71-1.432 1.423L22 17.712 17.722 22l-7.112-7.13zm-2.857-.02l2.84-2.843 7.124 7.133 1.426-1.43-7.125-7.121 2.858-2.856-2.164-2.162-7.123 7.116 2.164 2.162z" />
						</svg>
						<span class="c-drawer-link-text t-drawer-link-text">Moderation Panel</span>
					</a>
					<ul class="c-drawer-menu t-drawer-menu" data-container="drawer-menu">
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M13 2.05v3.03c3.39.49 6 3.39 6 6.92 0 .9-.18 1.75-.48 2.54l2.6 1.53c.56-1.24.88-2.62.88-4.07 0-5.18-3.95-9.45-9-9.95zM12 19c-3.87 0-7-3.13-7-7 0-3.53 2.61-6.43 6-6.92V2.05c-5.06.5-9 4.76-9 9.95 0 5.52 4.47 10 9.99 10 3.31 0 6.24-1.61 8.06-4.09l-2.6-1.53C16.17 17.98 14.21 19 12 19z" />
								</svg>
								<span class="c-drawer-link-text t-drawer-link-text">Queue</span>
							</a>
						</li>
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z" />
								</svg>
								<span class="c-drawer-link-text t-drawer-link-text">Reports</span>
							</a>
						</li>
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="o-icon c-drawer-link-icon t-drawer-link-icon">
									<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
										<path fill-rule="evenodd" d="M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z" />
									</svg>
									<span class="c-drawer-link-text t-drawer-link-text">Notes</span>
							</a>
						</li>
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16" />
								</svg>
								<span class="c-drawer-link-text t-drawer-link-text">Warnings</span>
							</a>
						</li>
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<span class="c-drawer-link-text t-drawer-link-text">Logs</span>
							</a>
						</li>
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<span class="c-drawer-link-text t-drawer-link-text">Bans</span>
							</a>
						</li>
					</ul>
				</li>
				<li class="c-drawer-item t-drawer-item">
					<a class="c-drawer-link t-drawer-link">
						<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
							<path fill-rule="evenodd" d="M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,3.18L19,6.3V11.22C19,12.92 18.5,14.65 17.65,16.17C16,14.94 13.26,14.5 12,14.5C10.74,14.5 8,14.94 6.35,16.17C5.5,14.65 5,12.92 5,11.22V6.3L12,3.18M12,6A3.5,3.5 0 0,0 8.5,9.5A3.5,3.5 0 0,0 12,13A3.5,3.5 0 0,0 15.5,9.5A3.5,3.5 0 0,0 12,6M12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8M12,16.5C13.57,16.5 15.64,17.11 16.53,17.84C15.29,19.38 13.7,20.55 12,21C10.3,20.55 8.71,19.38 7.47,17.84C8.37,17.11 10.43,16.5 12,16.5Z" />
						</svg>
						<span class="c-drawer-link-text t-drawer-link-text">Administrator Panel</span>
					</a>
				</li>
				<li class="c-drawer-divider t-drawer-divider"></li>
				<li class="c-drawer-item t-drawer-item">
					<a class="c-drawer-link t-drawer-link" data-toggle="drawer-menu">
						<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
							<path fill-rule="evenodd" d="M17.414,0 L22,4.586 L22,18 C22,19.103 21.103,20 20,20 L8,20 C6.897,20 6,19.103 6,18 L6,2 C6,0.898 6.897,0 8,0 L17.414,0 Z M20.001,18 L20,6 L16,6 L16,2 L8,2 L8,18 L20.001,18 Z M4,4 L4,22 L20,22 L20,24 L4,24 C2.8954305,24 2,23.1045695 2,22 L2,4 L4,4 Z" />
						</svg>
						<span class="c-drawer-link-text t-drawer-link-text">Quick Links</span>
					</a>
					<ul class="c-drawer-menu t-drawer-menu" data-container="drawer-menu">
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12zM12 11l-.934 2.066L9 14l2.066.934L12 17l.942-2.066L15 14l-2.058-.934L12 11z" />
								</svg>
								<span class="c-drawer-link-text t-drawer-link-text">Your Posts</span>
							</a>
						</li>
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zM10 4h4v4h4v3h2v2h-2v3h2v2h-2l.001 2H15v2h-2v-2h-3v2H8v-2H6v-2H4v-2h2v-3H4v-2h2V8H4V6h2V4h2V2h2v2z" />
								</svg>
								<span class="c-drawer-link-text t-drawer-link-text">New Posts</span>
							</a>
						</li>
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12zM8 11v2h6v-2H8zm0 4v2h8v-2H8z" />
								</svg>
								<span class="c-drawer-link-text t-drawer-link-text">Unread Posts</span>
							</a>
						</li>
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12zM11 10v5h2v-5h-2zm1 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
								</svg>
								<span class="c-drawer-link-text t-drawer-link-text">Unanswered Topics</span>
							</a>
						</li>
						<li class="c-drawer-item t-drawer-item">
							<a class="c-drawer-link t-drawer-link">
								<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12zm-4.695-4.811h2.944v-1.167h-2.223l-1.135-2.27-.931 2.793-1.635-4.25-1.397 3.727H7.75v1.167h1.988l.602-1.608L12.04 18l1.068-3.207.198.397z" />
								</svg>
								<span class="c-drawer-link-text t-drawer-link-text">Active Topics</span>
							</a>
						</li>
					</ul>
				</li>
				<li class="c-drawer-item t-drawer-item">
					<a class="c-drawer-link t-drawer-link">
						<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
							<path fill-rule="evenodd" d="M12 22C6.486 22 2 17.515 2 12 2 6.487 6.486 2 12 2s10 4.486 10 10c0 5.515-4.486 10-10 10zm0-18c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8zm1 11v-1.125A4.011 4.011 0 0 0 16 10c0-2.205-1.795-4-4-4s-4 1.795-4 4h2a2 2 0 1 1 2 2h-1v3h2zm-1 3.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5z" />
						</svg>
						<span class="c-drawer-link-text t-drawer-link-text">Faqs</span>
					</a>
				</li>
				<li class="c-drawer-item t-drawer-item">
					<a class="c-drawer-link t-drawer-link">
						<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
							<path fill-rule="evenodd" d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12zM4 0h16v2H4zm0 22h16v2H4zm8-10c1.38 0 2.5-1.12 2.5-2.5S13.38 7 12 7 9.5 8.12 9.5 9.5 10.62 12 12 12zm0-3.5c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm5 7.49C17 13.9 13.69 13 12 13s-5 .9-5 2.99V17h10v-1.01zm-8.19-.49c.61-.52 2.03-1 3.19-1 1.17 0 2.59.48 3.2 1H8.81z" />
						</svg>
						<span class="c-drawer-link-text t-drawer-link-text">Members</span>
					</a>
				</li>
				<li class="c-drawer-item t-drawer-item">
					<a class="c-drawer-link t-drawer-link">
						<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
							<path fill-rule="evenodd" d="M12 11c-1.609 0-2.917-1.345-2.917-3 0-1.654 1.308-3 2.917-3 1.609 0 2.917 1.346 2.917 3 0 1.655-1.308 3-2.917 3zm0-4.5c.804 0 1.458.672 1.458 1.5 0 .827-.654 1.5-1.458 1.5-.804 0-1.458-.673-1.458-1.5 0-.828.654-1.5 1.458-1.5zM17.833 17H6.167v-.75c0-2.65 2.399-4.5 5.833-4.5s5.833 1.85 5.833 4.5V17zM7.741 15.5h8.519c-.436-1.356-2.066-2.25-4.26-2.25-2.193 0-3.823.894-4.26 2.25zM5.333 17H2v-.643C2 14.086 4.056 12.5 7 12.5h.072c-1.094.934-1.739 2.226-1.739 3.75V17zm13.334 0v-.75c0-1.524-.645-2.816-1.74-3.75H17c2.944 0 5 1.586 5 3.857V17h-3.333zm-9.709-6.746c.07.1.144.196.223.288A2.491 2.491 0 0 1 7 11.857c-1.379 0-2.5-1.153-2.5-2.571 0-1.418 1.121-2.572 2.5-2.572.496 0 .959.15 1.348.407a3.963 3.963 0 0 0 .61 3.133zm6.767-2.7a3.936 3.936 0 0 0-.073-.433A2.44 2.44 0 0 1 17 6.714c1.379 0 2.5 1.154 2.5 2.572 0 1.418-1.121 2.571-2.5 2.571a2.49 2.49 0 0 1-2.181-1.315 3.905 3.905 0 0 0 .906-2.989z" />
						</svg>
						<span class="c-drawer-link-text t-drawer-link-text">The Team</span>
					</a>
				</li>
				<li class="c-drawer-item t-drawer-item">
					<a class="c-drawer-link t-drawer-link">
						<svg class="o-icon iconify c-drawer-link-icon t-drawer-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
							<path fill-rule="evenodd" d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4M12,11L20,6H4L12,11M4,18H20V8.37L12,13.36L4,8.37V18z" />
						</svg>
						<span class="c-drawer-link-text t-drawer-link-text">Contact Us</span>
					</a>
				</li>
			</ul>
		</nav>
		<div class="page" id="page" data-container="page">
			<div class="c-overlay t-overlay" data-container="overlay"></div>
			<header>
				<div class="c-hero-container t-hero-container">
					<div class="o-container c-hero t-hero">
						<svg viewBox="0 0 728 242" xmlns="http://www.w3.org/2000/svg" class="c-hero-logo t-hero-logo" aria-labelledby="site_title">
							<title id="site_title">phpBB</title>
							<path fill-rule="evenodd" d="M139.05,117.4938 C139.05,129.1958 137.603,139.9498 134.718,149.7578 C131.832,159.5708 127.634,168.0768 122.129,175.2728 C116.623,182.4748 109.764,188.0558 101.554,192.0128 C93.344,195.9698 83.915,197.9538 73.267,197.9538 C65.142,197.9538 57.877,195.9278 51.473,191.8788 C45.064,187.8288 40.057,182.6558 36.45,176.3528 L36.45,240.6138 L25.194,240.6138 C21.976,240.6138 18.85,240.0268 15.811,238.8578 C12.774,237.6858 10.091,236.0228 7.77,233.8638 C5.446,231.7038 3.569,229.0918 2.144,226.0338 C0.713,222.9698 0,219.4608 0,215.5038 L0,127.4828 C0,115.4258 1.393,104.3558 4.185,94.2728 C6.974,84.1948 11.34,75.5548 17.28,68.3538 C23.22,61.1558 30.78,55.5748 39.96,51.6128 C49.14,47.6558 60.117,45.6728 72.9,45.6728 C82.62,45.6728 91.53,47.6978 99.63,51.7488 C107.729,55.7978 114.703,61.1558 120.555,67.8138 C126.402,74.4748 130.95,82.1238 134.19,90.7628 C137.43,99.4038 139.05,108.3128 139.05,117.4938 Z M101.79,126.9438 C101.79,109.6638 98.942,97.1548 93.247,89.4138 C87.552,81.6758 78.831,77.8028 67.087,77.8028 C56.966,77.8028 49.241,81.7178 43.909,89.5478 C38.576,97.3788 35.91,107.5958 35.91,120.1938 C35.91,134.7728 39.205,146.0248 45.803,153.9438 C52.401,161.8658 61.121,165.8238 71.968,165.8238 C80.823,165.8238 88.007,162.2708 93.521,155.1588 C99.031,148.0488 101.79,138.6458 101.79,126.9438 Z M267.5684,194.7134 C260.0084,194.7134 254.0224,192.6464 249.6134,188.5034 C245.2014,184.3644 242.9994,178.3364 242.9994,170.4134 L242.9994,111.0134 C242.9994,105.0734 242.2264,99.9894 240.6914,95.7584 C239.1554,91.5304 237.0754,88.1094 234.4514,85.4984 C231.8274,82.8914 228.7524,80.9544 225.2244,79.6934 C221.6984,78.4364 217.9434,77.8034 213.9644,77.8034 C211.0714,77.8034 208.0844,78.3894 205.0124,79.5584 C201.9374,80.7314 199.0894,82.6634 196.4654,85.3634 C193.8414,88.0634 191.7194,91.5734 190.0904,95.8934 C188.4634,100.2134 187.6484,105.6134 187.6484,112.0934 L187.6484,194.7134 L175.8574,194.7134 C167.2764,194.7134 161.0244,192.5534 157.0914,188.2334 C153.1604,183.9134 151.1984,177.9734 151.1984,170.4134 L151.1984,0.3134 L162.4544,0.3134 C171.0314,0.3134 177.4184,2.4734 181.6204,6.7934 C185.8174,11.1134 187.9194,16.6944 187.9194,23.5334 L188.1884,65.1134 C189.4454,62.9534 191.2014,60.7514 193.4534,58.4984 C195.7024,56.2504 198.1784,54.1784 200.8794,52.2884 C203.5784,50.3984 206.5484,48.8244 209.7894,47.5634 C213.0284,46.3064 216.3574,45.6734 219.7784,45.6734 C238.6784,45.6734 253.3474,51.1194 263.7894,62.0084 C274.2254,72.9014 279.4484,88.6954 279.4484,109.3934 L279.4484,194.7134 L267.5684,194.7134 Z M436.0442,117.4938 C436.0442,129.1958 434.5982,139.9498 431.7122,149.7578 C428.8272,159.5708 424.6282,168.0768 419.1242,175.2728 C413.6182,182.4748 406.7582,188.0558 398.5482,192.0128 C390.3392,195.9698 380.9102,197.9538 370.2622,197.9538 C362.1372,197.9538 354.8722,195.9278 348.4682,191.8788 C342.0592,187.8288 337.0522,182.6558 333.4442,176.3528 L333.4442,240.6138 L322.1882,240.6138 C318.9702,240.6138 315.8442,240.0268 312.8062,238.8578 C309.7682,237.6858 307.0862,236.0228 304.7652,233.8638 C302.4412,231.7038 300.5632,229.0918 299.1382,226.0338 C297.7082,222.9698 296.9942,219.4608 296.9942,215.5038 L296.9942,127.4828 C296.9942,115.4258 298.3872,104.3558 301.1802,94.2728 C303.9682,84.1948 308.3352,75.5548 314.2742,68.3538 C320.2152,61.1558 327.7742,55.5748 336.9542,51.6128 C346.1352,47.6558 357.1112,45.6728 369.8942,45.6728 C379.6142,45.6728 388.5242,47.6978 396.6252,51.7488 C404.7242,55.7978 411.6982,61.1558 417.5502,67.8138 C423.3972,74.4748 427.9442,82.1238 431.1842,90.7628 C434.4252,99.4038 436.0442,108.3128 436.0442,117.4938 Z M398.7842,126.9438 C398.7842,109.6638 395.9362,97.1548 390.2412,89.4138 C384.5462,81.6758 375.8262,77.8028 364.0812,77.8028 C353.9602,77.8028 346.2352,81.7178 340.9032,89.5478 C335.5712,97.3788 332.9042,107.5958 332.9042,120.1938 C332.9042,134.7728 336.1992,146.0248 342.7982,153.9438 C349.3952,161.8658 358.1162,165.8238 368.9622,165.8238 C377.8172,165.8238 385.0022,162.2708 390.5152,155.1588 C396.0252,148.0488 398.7842,138.6458 398.7842,126.9438 Z M581.5745,137.4732 C581.5745,146.8342 579.8615,155.1152 576.4445,162.3132 C573.0225,169.5152 568.3855,175.5892 562.5395,180.5382 C556.6875,185.4912 549.9375,189.2252 542.2895,191.7432 C534.6355,194.2662 526.5835,195.5232 518.1245,195.5232 L498.1435,195.5232 C463.7605,195.5232 446.5745,180.8552 446.5745,151.5132 L446.5745,17.3232 C448.7345,16.6062 451.7925,15.7502 455.7535,14.7582 C459.7105,13.7712 463.9895,12.8262 468.5795,11.9232 C473.1685,11.0252 477.8475,10.3032 482.6195,9.7632 C487.3855,9.2232 491.6645,8.9532 495.4445,8.9532 L517.8535,8.9532 C526.6705,8.9532 534.7715,10.0792 542.1545,12.3282 C549.5325,14.5812 555.9235,17.8212 561.3245,22.0482 C566.7235,26.2802 570.9095,31.4092 573.8785,37.4382 C576.8485,43.4712 578.3345,50.2632 578.3345,57.8232 C578.3345,68.0832 575.7225,76.5002 570.5035,83.0692 C565.2815,89.6412 558.0845,94.2732 548.9045,96.9732 C553.5835,98.2352 557.9025,100.3062 561.8645,103.1832 C565.8215,106.0652 569.2895,109.3512 572.2585,113.0382 C575.2285,116.7302 577.5245,120.7332 579.1435,125.0532 C580.7635,129.3732 581.5745,133.5162 581.5745,137.4732 Z M544.3135,138.5532 C544.3135,128.4752 541.7495,121.5432 536.6195,117.7632 C531.4895,113.9832 523.5245,112.0932 512.7235,112.0932 L483.2935,112.0932 L483.2935,150.1632 C483.2935,153.4042 484.8215,156.1502 487.8835,158.3982 C490.9425,160.6512 494.8115,161.7732 499.4945,161.7732 L514.6145,161.7732 C524.6925,161.7732 532.1645,159.6592 537.0245,155.4282 C541.8835,151.2012 544.3135,145.5742 544.3135,138.5532 Z M541.3435,61.0632 C541.3435,57.1062 540.4875,53.7312 538.7795,50.9382 C537.0665,48.1502 534.8645,45.9432 532.1645,44.3232 C529.4635,42.7032 526.4015,41.5342 522.9845,40.8132 C519.5625,40.0962 516.1415,39.7332 512.7235,39.7332 L498.9545,39.7332 C496.6125,39.7332 494.0005,39.9612 491.1245,40.4082 C488.2425,40.8602 485.5425,41.2642 483.0245,41.6232 L483.0245,83.4732 L511.3745,83.4732 C519.6515,83.4732 526.7175,81.7182 532.5695,78.2082 C538.4165,74.6982 541.3435,68.9862 541.3435,61.0632 Z M727.3733,137.4732 C727.3733,146.8342 725.6603,155.1152 722.2433,162.3132 C718.8213,169.5152 714.1843,175.5892 708.3383,180.5382 C702.4863,185.4912 695.7363,189.2252 688.0883,191.7432 C680.4343,194.2662 672.3823,195.5232 663.9233,195.5232 L643.9423,195.5232 C609.5593,195.5232 592.3733,180.8552 592.3733,151.5132 L592.3733,17.3232 C594.5333,16.6062 597.5913,15.7502 601.5523,14.7582 C605.5093,13.7712 609.7883,12.8262 614.3783,11.9232 C618.9673,11.0252 623.6463,10.3032 628.4183,9.7632 C633.1843,9.2232 637.4633,8.9532 641.2433,8.9532 L663.6523,8.9532 C672.4693,8.9532 680.5703,10.0792 687.9533,12.3282 C695.3313,14.5812 701.7223,17.8212 707.1233,22.0482 C712.5223,26.2802 716.7083,31.4092 719.6773,37.4382 C722.6473,43.4712 724.1333,50.2632 724.1333,57.8232 C724.1333,68.0832 721.5213,76.5002 716.3023,83.0692 C711.0803,89.6412 703.8833,94.2732 694.7033,96.9732 C699.3823,98.2352 703.7013,100.3062 707.6633,103.1832 C711.6203,106.0652 715.0883,109.3512 718.0573,113.0382 C721.0273,116.7302 723.3233,120.7332 724.9423,125.0532 C726.5623,129.3732 727.3733,133.5162 727.3733,137.4732 Z M690.1123,138.5532 C690.1123,128.4752 687.5483,121.5432 682.4183,117.7632 C677.2883,113.9832 669.3233,112.0932 658.5223,112.0932 L629.0923,112.0932 L629.0923,150.1632 C629.0923,153.4042 630.6203,156.1502 633.6823,158.3982 C636.7413,160.6512 640.6103,161.7732 645.2933,161.7732 L660.4133,161.7732 C670.4913,161.7732 677.9633,159.6592 682.8233,155.4282 C687.6823,151.2012 690.1123,145.5742 690.1123,138.5532 Z M687.1423,61.0632 C687.1423,57.1062 686.2863,53.7312 684.5783,50.9382 C682.8653,48.1502 680.6633,45.9432 677.9633,44.3232 C675.2623,42.7032 672.2003,41.5342 668.7833,40.8132 C665.3613,40.0962 661.9403,39.7332 658.5223,39.7332 L644.7533,39.7332 C642.4113,39.7332 639.7993,39.9612 636.9233,40.4082 C634.0413,40.8602 631.3413,41.2642 628.8233,41.6232 L628.8233,83.4732 L657.1733,83.4732 C665.4503,83.4732 672.5163,81.7182 678.3683,78.2082 C684.2153,74.6982 687.1423,68.9862 687.1423,61.0632z" />
						</svg>
						<h1 class="c-hero-heading t-hero-heading" role="heading" aria-level="1">forum software</h1>
						<p class="c-hero-lead t-hero-lead">Helping to create communities around the world since 2000</p>
					</div>
				</div>
				<div class="o-bar o-bar-search t-bar-search" data-container="search">
					<form class="o-bar-search-form t-bar-search-form" action="./search.php" method="get" id="search" role="search">
						<a class="o-bar-search-toggle t-bar-search-toggle" href="#" data-tooltip="true" title="Search...">
							<svg class="o-icon iconify o-bar-search-toggle-icon t-bar-search-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
								<path fill-rule="evenodd" d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" />
							</svg>
						</a>
						<input class="o-bar-search-feild t-bar-search-feild" name="keywords" id="keywords" type="search" maxlength="128" title="Search..." value="" placeholder="Search…">
						<a class="o-bar-search-action t-bar-search-action" href="./search.php" data-tooltip="true" title="Search Advanced">
							<svg class="o-icon iconify o-bar-search-toggle-icon t-bar-search-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
								<path fill-rule="evenodd" d="M19.713 12c0 .34-.031.66-.072.98l2.169 1.65c.195.15.247.42.123.64l-2.056 3.46c-.123.22-.39.31-.627.22l-2.56-1a7.94 7.94 0 0 1-1.737.98l-.39 2.65a.497.497 0 0 1-.505.42H9.946a.497.497 0 0 1-.504-.42l-.39-2.65a7.564 7.564 0 0 1-1.738-.98l-2.56 1a.524.524 0 0 1-.627-.22l-2.056-3.46a.495.495 0 0 1 .124-.64l2.169-1.65a7.718 7.718 0 0 1-.072-.98c0-.33.03-.66.072-.98l-2.17-1.65a.484.484 0 0 1-.123-.64l2.056-3.46a.508.508 0 0 1 .627-.22l2.56 1c.535-.39 1.11-.73 1.738-.98l.39-2.65A.498.498 0 0 1 9.946 2h4.112c.257 0 .473.18.504.42l.39 2.65c.628.25 1.204.58 1.738.98l2.56-1c.226-.08.504 0 .627.22l2.056 3.46c.124.22.072.49-.123.64l-2.17 1.65c.042.32.073.64.073.98zm-3.316-3.79l-.848-.635a5.66 5.66 0 0 0-1.302-.736l-1.019-.406-.16-1.085-.216-1.443-1.706.018-.37 2.51-1.019.406a6.05 6.05 0 0 0-1.32.75l-.843.615-.973-.38-1.471-.546-.791 1.345 2.034 1.548-.14 1.092c-.038.295-.056.53-.056.737 0 .206.018.442.056.737l.14 1.092-.876.667-1.164.885.823 1.36 2.432-.95.847.634c.414.31.845.553 1.302.736l1.02.406.16 1.085.214 1.443 1.702.016.375-2.544 1.02-.406a6.05 6.05 0 0 0 1.32-.75l.843-.615.972.38 1.457.57.812-1.364-2.04-1.553.14-1.092c.038-.302.056-.525.056-.737 0-.212-.018-.435-.057-.737l-.14-1.092.877-.667 1.164-.885-.79-1.33-2.465.92zM12 13.429A1.43 1.43 0 0 1 10.571 12c0-.788.641-1.429 1.429-1.429s1.429.641 1.429 1.429A1.43 1.43 0 0 1 12 13.429z" />
							</svg>
							<span class="o-bar-action-text t-bar-action-text u-sr-only">
								Search Advanced
							</span>
						</a>
					</form>
				</div>
				<div class="o-bar c-navbar t-navbar">
					<ul class="o-bar-right c-navbar-right t-navbar-right">
						<li class="o-bar-item c-navbar-item t-navbar-item" data-toggle="drawer">
							<a class="o-bar-action c-navbar-action t-navbar-action" href="#" data-tooltip="true" title="Hanakin">
								<span class="o-avatar-wrap o-bar-avatar c-navbar-avatar t-navbar-avatar">
									<img class="o-avatar" src="https://avatars2.githubusercontent.com/u/73081?v=4&amp;amp;s=46" alt="User Avatar">
									<span class="o-avatar-online"></span>
								</span>
							</a>
						</li>
						<li class="o-bar-item c-navbar-item t-navbar-item" data-toggle="notifications">
							<a class="o-bar-action c-navbar-action t-navbar-action" href="#" data-tooltip="true" title="Notifications">
								<svg class="o-icon iconify c-navbar-action-icon t-navbar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M12 22.5c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4.5c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.86 6 8.42 6 11.5v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6C8 9.02 9.51 7 12 7s4 2.02 4 4.5v6z" />
								</svg>
								<span class="o-tag o-bar-badge c-navbar-badge t-navbar-badge">2</span>
								<span class="o-bar-action-text c-navbar-action-text t-navbar-action-text u-sr-only">Notifications</span>
							</a>
							<div class="c-notification-container t-notification-container" data-container="notificiations">
								<div class="o-bar c-notification-header t-notification-header">
									<ul class="o-bar-left c-notification-bar-left t-notification-bar-left">
										<li class="o-bar-item c-notification-bar-item t-notification-bar-item">
											<h2 class="o-bar-title c-notification-bar-title t-notification-bar-title">Notifications</h2>
										</li>
									</ul>
									<ul class="o-bar-right c-notification-bar-right t-notification-bar-right">
										<li class="o-bar-item c-notification-bar-item t-notification-bar-item">
											<a class="o-bar-action t-notification-bar-action" href="" data-tooltip="true" title="Settings">
												<svg class="o-icon iconify c-notification-bar-action-icon t-notification-bar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M19.713 12c0 .34-.031.66-.072.98l2.169 1.65c.195.15.247.42.123.64l-2.056 3.46c-.123.22-.39.31-.627.22l-2.56-1a7.94 7.94 0 0 1-1.737.98l-.39 2.65a.497.497 0 0 1-.505.42H9.946a.497.497 0 0 1-.504-.42l-.39-2.65a7.564 7.564 0 0 1-1.738-.98l-2.56 1a.524.524 0 0 1-.627-.22l-2.056-3.46a.495.495 0 0 1 .124-.64l2.169-1.65a7.718 7.718 0 0 1-.072-.98c0-.33.03-.66.072-.98l-2.17-1.65a.484.484 0 0 1-.123-.64l2.056-3.46a.508.508 0 0 1 .627-.22l2.56 1c.535-.39 1.11-.73 1.738-.98l.39-2.65A.498.498 0 0 1 9.946 2h4.112c.257 0 .473.18.504.42l.39 2.65c.628.25 1.204.58 1.738.98l2.56-1c.226-.08.504 0 .627.22l2.056 3.46c.124.22.072.49-.123.64l-2.17 1.65c.042.32.073.64.073.98zm-3.316-3.79l-.848-.635a5.66 5.66 0 0 0-1.302-.736l-1.019-.406-.16-1.085-.216-1.443-1.706.018-.37 2.51-1.019.406a6.05 6.05 0 0 0-1.32.75l-.843.615-.973-.38-1.471-.546-.791 1.345 2.034 1.548-.14 1.092c-.038.295-.056.53-.056.737 0 .206.018.442.056.737l.14 1.092-.876.667-1.164.885.823 1.36 2.432-.95.847.634c.414.31.845.553 1.302.736l1.02.406.16 1.085.214 1.443 1.702.016.375-2.544 1.02-.406a6.05 6.05 0 0 0 1.32-.75l.843-.615.972.38 1.457.57.812-1.364-2.04-1.553.14-1.092c.038-.302.056-.525.056-.737 0-.212-.018-.435-.057-.737l-.14-1.092.877-.667 1.164-.885-.79-1.33-2.465.92zM12 13.429A1.43 1.43 0 0 1 10.571 12c0-.788.641-1.429 1.429-1.429s1.429.641 1.429 1.429A1.43 1.43 0 0 1 12 13.429z" />
												</svg>
											</a>
										</li>
									</ul>
								</div>
								<ul class="o-list c-notification-list t-notification-list">
									<li class="o-list-item c-notification-item t-notification-item c-notification-unread t-notification-unread">
										<a class="o-list-media c-notification-media t-notification-media" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815">
											<span class="o-avatar-wrap o-list-avatar t-notification-list-avatar">
												<img class="o-avatar t-notification-avatar" src="https://avatars2.githubusercontent.com/u/71081?v=4&amp;amp;s=46" alt="User Avatar">
											</span>
										</a>
										<span class="o-list-primary c-notification-primary t-notification-primary">
											<span class="o-list-secondary c-notification-users t-notification-users">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.07,18.28C7.5,17.38 10.12,16.5 12,16.5C13.88,16.5 16.5,17.38 16.93,18.28C15.57,19.36 13.86,20 12,20C10.14,20 8.43,19.36 7.07,18.28M18.36,16.83C16.93,15.09 13.46,14.5 12,14.5C10.54,14.5 7.07,15.09 5.64,16.83C4.62,15.5 4,13.82 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,13.82 19.38,15.5 18.36,16.83M12,6C10.06,6 8.5,7.56 8.5,9.5C8.5,11.44 10.06,13 12,13C13.94,13 15.5,11.44 15.5,9.5C15.5,7.56 13.94,6 12,6M12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11Z" />
												</svg>
												<a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Joe</a>
												, <a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Frank</a>
											</span>
											<span class="o-list-secondary c-notification-title t-notification-title">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
												<a class="o-list-title t-notification-title" href="#"><strong>Your first pm msg title</strong></a>
											</span>
											<span class="o-list-secondary c-notification-time t-notification-time">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" />
												</svg>
												<time class="c-notification-time-text t-notification-time-text" datetime="2016-11-11T19:18:00Z" title="2016-11-11T19:18:00Z" data-short="2016-11-11T19:18:00Z">2016-11-11T19:18:00Z</time>
											</span>
										</span>
										<a class="o-list-meta c-notification-meta t-notification-meta" href="" data-tooltip="true" title="Reply">
											<svg class="o-icon iconify o-list-media-icon t-notification-list-media-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
												<path fill-rule="evenodd" d="M21 19H10a1 1 0 0 1-.707-1.707l3.51-3.509A3.994 3.994 0 0 0 9 11a4.005 4.005 0 0 0-4 3.998V15a1 1 0 1 1-2 0v-.005C3.002 10.035 7.039 6 12 6c2.297 0 4.482.879 6.144 2.442l2.149-2.149A1.001 1.001 0 0 1 22 7v11a1 1 0 0 1-1 1zm-8.586-2H20V9.414l-1.169 1.168a1.002 1.002 0 0 1-1.474-.065 6.975 6.975 0 0 0-9.019-1.481 5.995 5.995 0 0 1 6.554 4.875c.06.323-.044.656-.276.889L12.414 17z" />
											</svg>
										</a>
									</li>
									<li class="o-list-item c-notification-item t-notification-item c-notification-unread t-notification-unread">
										<a class="o-list-media c-notification-media t-notification-media" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815">
											<span class="o-avatar-wrap o-list-avatar t-notification-list-avatar">
												<img class="o-avatar t-notification-avatar" src="https://avatars2.githubusercontent.com/u/71081?v=4&amp;amp;s=46" alt="User Avatar">
											</span>
										</a>
										<span class="o-list-primary c-notification-primary t-notification-primary">
											<span class="o-list-secondary c-notification-users t-notification-users">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.07,18.28C7.5,17.38 10.12,16.5 12,16.5C13.88,16.5 16.5,17.38 16.93,18.28C15.57,19.36 13.86,20 12,20C10.14,20 8.43,19.36 7.07,18.28M18.36,16.83C16.93,15.09 13.46,14.5 12,14.5C10.54,14.5 7.07,15.09 5.64,16.83C4.62,15.5 4,13.82 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,13.82 19.38,15.5 18.36,16.83M12,6C10.06,6 8.5,7.56 8.5,9.5C8.5,11.44 10.06,13 12,13C13.94,13 15.5,11.44 15.5,9.5C15.5,7.56 13.94,6 12,6M12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11Z" />
												</svg>
												<a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Joe</a>
												, <a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Frank</a>, <a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Frank</a>
											</span>
											<span class="o-list-secondary c-notification-title t-notification-title">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
												<a class="o-list-title t-notification-title" href="#"><strong>Your first pm msg title</strong></a>
											</span>
											<span class="o-list-secondary c-notification-time t-notification-time">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" />
												</svg>
												<time class="c-notification-time-text t-notification-time-text" datetime="2016-11-11T19:18:00Z" title="2016-11-11T19:18:00Z" data-short="2016-11-11T19:18:00Z">2016-11-11T19:18:00Z</time>
											</span>
										</span>
										<a class="o-list-meta c-notification-meta t-notification-meta" href="" data-tooltip="true" title="New post">
											<svg class="o-icon iconify o-list-media-icon t-notification-list-media-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
												<path fill-rule="evenodd" d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z" />
											</svg>
										</a>
									</li>
									<li class="o-list-item c-notification-item t-notification-item">
										<a class="o-list-media c-notification-media t-notification-media" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815">
											<span class="o-avatar-wrap o-list-avatar t-notification-list-avatar">
												<img class="o-avatar t-notification-avatar" src="https://avatars2.githubusercontent.com/u/71081?v=4&amp;amp;s=46" alt="User Avatar">
											</span>
										</a>
										<span class="o-list-primary c-notification-primary t-notification-primary">
											<span class="o-list-secondary c-notification-users t-notification-users">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.07,18.28C7.5,17.38 10.12,16.5 12,16.5C13.88,16.5 16.5,17.38 16.93,18.28C15.57,19.36 13.86,20 12,20C10.14,20 8.43,19.36 7.07,18.28M18.36,16.83C16.93,15.09 13.46,14.5 12,14.5C10.54,14.5 7.07,15.09 5.64,16.83C4.62,15.5 4,13.82 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,13.82 19.38,15.5 18.36,16.83M12,6C10.06,6 8.5,7.56 8.5,9.5C8.5,11.44 10.06,13 12,13C13.94,13 15.5,11.44 15.5,9.5C15.5,7.56 13.94,6 12,6M12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11Z" />
												</svg>
												<a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Joe</a>
												, <a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Frank</a>
											</span>
											<span class="o-list-secondary c-notification-title t-notification-title">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
												<a class="o-list-title t-notification-title" href="#"><strong>Your first pm msg title</strong></a>
											</span>
											<span class="o-list-secondary c-notification-time t-notification-time">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" />
												</svg>
												<time class="c-notification-time-text t-notification-time-text" datetime="2016-11-11T19:18:00Z" title="2016-11-11T19:18:00Z" data-short="2016-11-11T19:18:00Z">2016-11-11T19:18:00Z</time>
											</span>
										</span>
										<a class="o-list-meta c-notification-meta t-notification-meta" href="" data-tooltip="true" title="Quote">
											<svg class="o-icon iconify o-list-media-icon t-notification-list-media-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
												<path fill-rule="evenodd" d="M10,7L8,11H11V17H5V11L7,7H10M18,7L16,11H19V17H13V11L15,7H18Z" />
											</svg>
										</a>
									</li>
									<li class="o-list-item c-notification-item t-notification-item">
										<a class="o-list-media c-notification-media t-notification-media" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815">
											<span class="o-avatar-wrap o-list-avatar t-notification-list-avatar">
												<img class="o-avatar t-notification-avatar" src="https://avatars2.githubusercontent.com/u/71081?v=4&amp;amp;s=46" alt="User Avatar">
											</span>
										</a>
										<span class="o-list-primary c-notification-primary t-notification-primary">
											<span class="o-list-secondary c-notification-users t-notification-users">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.07,18.28C7.5,17.38 10.12,16.5 12,16.5C13.88,16.5 16.5,17.38 16.93,18.28C15.57,19.36 13.86,20 12,20C10.14,20 8.43,19.36 7.07,18.28M18.36,16.83C16.93,15.09 13.46,14.5 12,14.5C10.54,14.5 7.07,15.09 5.64,16.83C4.62,15.5 4,13.82 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,13.82 19.38,15.5 18.36,16.83M12,6C10.06,6 8.5,7.56 8.5,9.5C8.5,11.44 10.06,13 12,13C13.94,13 15.5,11.44 15.5,9.5C15.5,7.56 13.94,6 12,6M12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11Z" />
												</svg>
												<a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Joe</a>
												, <a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Frank</a>
											</span>
											<span class="o-list-secondary c-notification-title t-notification-title">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
												<a class="o-list-title t-notification-title" href="#"><strong>Your first pm msg title</strong></a>
											</span>
											<span class="o-list-secondary c-notification-time t-notification-time">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" />
												</svg>
												<time class="c-notification-time-text t-notification-time-text" datetime="2016-11-11T19:18:00Z" title="2016-11-11T19:18:00Z" data-short="2016-11-11T19:18:00Z">2016-11-11T19:18:00Z</time>
											</span>
										</span>
										<a class="o-list-meta c-notification-meta t-notification-meta" href="" data-tooltip="true" title="Private message">
											<svg class="o-icon iconify o-list-media-icon t-notification-list-media-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
												<path fill-rule="evenodd" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M16,14H8V13C8,11.67 10.67,11 12,11C13.33,11 16,11.67 16,13V14M12,6A2,2 0 0,1 14,8A2,2 0 0,1 12,10A2,2 0 0,1 10,8A2,2 0 0,1 12,6Z" />
											</svg>
										</a>
									</li>
									<li class="o-list-item c-notification-item t-notification-item">
										<a class="o-list-media c-notification-media t-notification-media" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815">
											<span class="o-avatar-wrap o-list-avatar t-notification-list-avatar">
												<img class="o-avatar t-notification-avatar" src="https://avatars2.githubusercontent.com/u/71081?v=4&amp;amp;s=46" alt="User Avatar">
											</span>
										</a>
										<span class="o-list-primary c-notification-primary t-notification-primary">
											<span class="o-list-secondary c-notification-users t-notification-users">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.07,18.28C7.5,17.38 10.12,16.5 12,16.5C13.88,16.5 16.5,17.38 16.93,18.28C15.57,19.36 13.86,20 12,20C10.14,20 8.43,19.36 7.07,18.28M18.36,16.83C16.93,15.09 13.46,14.5 12,14.5C10.54,14.5 7.07,15.09 5.64,16.83C4.62,15.5 4,13.82 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,13.82 19.38,15.5 18.36,16.83M12,6C10.06,6 8.5,7.56 8.5,9.5C8.5,11.44 10.06,13 12,13C13.94,13 15.5,11.44 15.5,9.5C15.5,7.56 13.94,6 12,6M12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11Z" />
												</svg>
												<a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Joe</a>
												, <a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Frank</a>
											</span>
											<span class="o-list-secondary c-notification-title t-notification-title">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
												<a class="o-list-title t-notification-title" href="#"><strong>Your first pm msg title</strong></a>
											</span>
											<span class="o-list-secondary c-notification-time t-notification-time">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" />
												</svg>
												<time class="c-notification-time-text t-notification-time-text" datetime="2016-11-11T19:18:00Z" title="2016-11-11T19:18:00Z" data-short="2016-11-11T19:18:00Z">2016-11-11T19:18:00Z</time>
											</span>
										</span>
										<a class="o-list-meta c-notification-meta t-notification-meta" href="" data-tooltip="true" title="Reported">
											<svg class="o-icon iconify o-list-media-icon t-notification-list-media-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
												<path fill-rule="evenodd" d="M13,14H11V10H13M13,18H11V16H13M1,21H23L12,2L1,21Z" />
											</svg>
										</a>
									</li>
									<li class="o-list-item c-notification-item t-notification-item">
										<a class="o-list-media c-notification-media t-notification-media" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815">
											<span class="o-avatar-wrap o-list-avatar t-notification-list-avatar">
												<img class="o-avatar t-notification-avatar" src="https://avatars2.githubusercontent.com/u/71081?v=4&amp;amp;s=46" alt="User Avatar">
											</span>
										</a>
										<span class="o-list-primary c-notification-primary t-notification-primary">
											<span class="o-list-secondary c-notification-users t-notification-users">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.07,18.28C7.5,17.38 10.12,16.5 12,16.5C13.88,16.5 16.5,17.38 16.93,18.28C15.57,19.36 13.86,20 12,20C10.14,20 8.43,19.36 7.07,18.28M18.36,16.83C16.93,15.09 13.46,14.5 12,14.5C10.54,14.5 7.07,15.09 5.64,16.83C4.62,15.5 4,13.82 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,13.82 19.38,15.5 18.36,16.83M12,6C10.06,6 8.5,7.56 8.5,9.5C8.5,11.44 10.06,13 12,13C13.94,13 15.5,11.44 15.5,9.5C15.5,7.56 13.94,6 12,6M12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11Z" />
												</svg>
												<a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Joe</a>
												, <a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Frank</a>
											</span>
											<span class="o-list-secondary c-notification-title t-notification-title">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
												<a class="o-list-title t-notification-title" href="#"><strong>Your first pm msg title</strong></a>
											</span>
											<span class="o-list-secondary c-notification-time t-notification-time">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" />
												</svg>
												<time class="c-notification-time-text t-notification-time-text" datetime="2016-11-11T19:18:00Z" title="2016-11-11T19:18:00Z" data-short="2016-11-11T19:18:00Z">2016-11-11T19:18:00Z</time>
											</span>
										</span>
										<a class="o-list-meta c-notification-meta t-notification-meta c-notification-unapproved t-notification-unapproved" href="" data-tooltip="true" title="Dissapproved post">
											<svg class="o-icon iconify o-list-media-icon t-notification-list-media-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
												<path fill-rule="evenodd" d="M23,12L20.56,14.78L20.9,18.46L17.29,19.28L15.4,22.46L12,21L8.6,22.47L6.71,19.29L3.1,18.47L3.44,14.78L1,12L3.44,9.21L3.1,5.53L6.71,4.72L8.6,1.54L12,3L15.4,1.54L17.29,4.72L20.9,5.54L20.56,9.22L23,12M20.33,12L18.5,9.89L18.74,7.1L16,6.5L14.58,4.07L12,5.18L9.42,4.07L8,6.5L5.26,7.09L5.5,9.88L3.67,12L5.5,14.1L5.26,16.9L8,17.5L9.42,19.93L12,18.81L14.58,19.92L16,17.5L18.74,16.89L18.5,14.1L20.33,12M11,15H13V17H11V15M11,7H13V13H11V7" />
											</svg>
										</a>
									</li>
									<li class="o-list-item c-notification-item t-notification-item">
										<a class="o-list-media c-notification-media t-notification-media" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815">
											<span class="o-avatar-wrap o-list-avatar t-notification-list-avatar">
												<img class="o-avatar t-notification-avatar" src="https://avatars2.githubusercontent.com/u/71081?v=4&amp;amp;s=46" alt="User Avatar">
											</span>
										</a>
										<span class="o-list-primary c-notification-primary t-notification-primary">
											<span class="o-list-secondary c-notification-users t-notification-users">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M7.07,18.28C7.5,17.38 10.12,16.5 12,16.5C13.88,16.5 16.5,17.38 16.93,18.28C15.57,19.36 13.86,20 12,20C10.14,20 8.43,19.36 7.07,18.28M18.36,16.83C16.93,15.09 13.46,14.5 12,14.5C10.54,14.5 7.07,15.09 5.64,16.83C4.62,15.5 4,13.82 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,13.82 19.38,15.5 18.36,16.83M12,6C10.06,6 8.5,7.56 8.5,9.5C8.5,11.44 10.06,13 12,13C13.94,13 15.5,11.44 15.5,9.5C15.5,7.56 13.94,6 12,6M12,11A1.5,1.5 0 0,1 10.5,9.5A1.5,1.5 0 0,1 12,8A1.5,1.5 0 0,1 13.5,9.5A1.5,1.5 0 0,1 12,11Z" />
												</svg>
												<a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Joe</a>
												, <a class="o-list-secondary-item-link t-notification-list-secondary-item-link" href="./memberlist.php?mode=viewprofile&amp;amp;u=61815" style="color: #009900;">Frank</a>
											</span>
											<span class="o-list-secondary c-notification-title t-notification-title">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
												<a class="o-list-title t-notification-title" href="#"><strong>Your first pm msg title</strong></a>
											</span>
											<span class="o-list-secondary c-notification-time t-notification-time">
												<svg class="o-icon iconify o-list-secondary-item-icon c-notification-list-secondary-item-icon t-notification-list-secondary-item-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z" />
												</svg>
												<time class="c-notification-time-text t-notification-time-text" datetime="2016-11-11T19:18:00Z" title="2016-11-11T19:18:00Z" data-short="2016-11-11T19:18:00Z">2016-11-11T19:18:00Z</time>
											</span>
										</span>
										<a class="o-list-meta c-notification-meta t-notification-meta c-notification-approved t-notification-approved" href="" data-tooltip="true" title="Approved post">
											<svg class="o-icon iconify o-list-media-icon t-notification-list-media-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
												<path fill-rule="evenodd" d="M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z" />
											</svg>
										</a>
									</li>
								</ul>
								<div class="o-bar c-notification-footer t-notification-footer">
									<a class="o-bar-action c-notification-footer-action t-notification-footer-action" href="" title="See All">
										See All
									</a>
								</div>
							</div>
						</li>
						<li class="o-bar-item c-navbar-item t-navbar-item">
							<a class="o-bar-action c-navbar-action t-navbar-action" href="#" data-tooltip="true" title="Private Messages">
								<svg class="o-icon iconify c-navbar-action-icon t-navbar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M19 3H4.99c-1.11 0-1.98.89-1.98 2L3 19c0 1.1.88 2 1.99 2H19c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2zm0 12h-4c0 1.66-1.35 3-3 3s-3-1.34-3-3H4.99V5H19v10z" />
								</svg>
								<span class="o-tag o-bar-badge c-navbar-badge t-navbar-badge">103</span>
								<span class="o-bar-action-text c-navbar-action-text t-navbar-action-text u-sr-only">Private Messages</span>
							</a>
						</li>
						<li class="o-bar-item c-navbar-item t-navbar-item" data-toggle="search">
							<a class="o-bar-action c-navbar-action t-navbar-action" href="#" data-tooltip="true" title="Search...">
								<svg class="o-icon iconify c-navbar-action-icon t-navbar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" />
								</svg>
							</a>
						</li>
					</ul>
				</div>
				<div class="c-crumbs-container t-crumbs-container" role="navigation">
					<ul class="c-crumbs t-crumbs" role="list">
						<li class="c-crumbs-item t-crumbs-item" role="listitem">
							<a class="c-crumbs-link t-crumbs-link" href="#" title="Board Index">
								<svg class="o-icon iconify c-crumbs-icon t-crumbs-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M12 5.69l5 4.5V18h-2v-6H9v6H7v-7.81l5-4.5M12 3L2 12h3v8h6v-6h2v6h6v-8h3L12 3z" />
								</svg>
								<span class="c-crumbs-text t-crumbs-text">Board Index</span>
							</a>
						</li>
						<li class="c-crumbs-item t-crumbs-item" role="listitem">
							<a class="c-crumbs-link t-crumbs-link" href="#1">
								<svg class="o-icon iconify c-crumbs-icon t-crumbs-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M10.41 6L9 7.41 13.58 12 9 16.59 10.41 18l6-6z" />
								</svg>
								<span class="c-crumbs-text t-crumbs-text">[1] phpBB 3.x Disscussion</span>
							</a>
						</li>
						<li class="c-crumbs-item t-crumbs-item" role="listitem">
							<a class="c-crumbs-link t-crumbs-link" href="#2">
								<svg class="o-icon iconify c-crumbs-icon t-crumbs-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M10.41 6L9 7.41 13.58 12 9 16.59 10.41 18l6-6z" />
								</svg>
								<span class="c-crumbs-text t-crumbs-text">[2] phpBB 3.x Development</span>
							</a>
						</li>
						<li class="c-crumbs-item t-crumbs-item" role="listitem">
							<a class="c-crumbs-link t-crumbs-link" href="#3">
								<svg class="o-icon iconify c-crumbs-icon t-crumbs-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M10.41 6L9 7.41 13.58 12 9 16.59 10.41 18l6-6z" />
								</svg>
								<span class="c-crumbs-text t-crumbs-text">[3] Merged RFCs</span>
							</a>
						</li>
						<li class="c-crumbs-item t-crumbs-item" role="listitem">
							<a class="c-crumbs-link t-crumbs-link" href="#4">
								<svg class="o-icon iconify c-crumbs-icon t-crumbs-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M10.41 6L9 7.41 13.58 12 9 16.59 10.41 18l6-6z" />
								</svg>
								<span class="c-crumbs-text t-crumbs-text">[4] Merged Event Requests</span>
							</a>
						</li>
						<li class="c-crumbs-item t-crumbs-item" role="listitem">
							<a class="c-crumbs-link t-crumbs-link" href="#5">
								<svg class="o-icon iconify c-crumbs-icon t-crumbs-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M10.41 6L9 7.41 13.58 12 9 16.59 10.41 18l6-6z" />
								</svg>
								<span class="c-crumbs-text t-crumbs-text">[5] Your first category</span>
							</a>
						</li>
						<li class="c-crumbs-item t-crumbs-item" role="listitem">
							<a class="c-crumbs-link t-crumbs-link" href="#6">
								<svg class="o-icon iconify c-crumbs-icon t-crumbs-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M10.41 6L9 7.41 13.58 12 9 16.59 10.41 18l6-6z" />
								</svg>
								<span class="c-crumbs-text t-crumbs-text">[6] Your first category</span>
							</a>
						</li>
						<li class="c-crumbs-item t-crumbs-item" role="listitem">
							<a class="c-crumbs-link t-crumbs-link" href="#7">
								<svg class="o-icon iconify c-crumbs-icon t-crumbs-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
									<path fill-rule="evenodd" d="M10.41 6L9 7.41 13.58 12 9 16.59 10.41 18l6-6z" />
								</svg>
								<span class="c-crumbs-text t-crumbs-text">[7] Your first category</span>
							</a>
						</li>
					</ul>
				</div>
			</header>
			<div id="main" role="main">
				<section class="o-container">
					<div class="c-forum-cat t-forum-cat" role="list">
						<div class="o-bar c-forum-cat-header t-forum-cat-header" role="list" data-toggle-parent="collapse">
							<ul class="o-bar-left c-forum-cat-header-left t-forum-cat-header-left">
								<li class="o-bar-item c-forum-cat-header-item t-forum-cat-header-item">
									<h2 class="o-bar-title c-forum-cat-header-title t-forum-cat-header-title" role="heading" aria-level="2">
										<a class="c-forum-cat-link t-forum-cat-link" href="#">Your first category</a>
									</h2>
								</li>
							</ul>
							<ul class="o-bar-right c-forum-cat-header-right t-forum-cat-header-right">
								<li class="o-bar-item c-forum-cat-header-item t-forum-cat-header-item">
									<a class="o-bar-action c-forum-cat-header-action t-forum-cat-header-action" href="#" data-tooltip="true" data-toggle="collapse" data-toggle-tooltip="Expand" title="Collapse">
										<svg class="o-icon iconify c-forum-cat-header-action-iocn t-forum-cat-header-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 9l-6 6 1.41 1.41L12 11.83l4.59 4.58L18 15z" />
										</svg>
									</a>
								</li>
							</ul>
						</div>
						<div class="c-forum-deck t-forum-deck" data-container="collapse">
							<div class="c-forum t-forum" role="listitem">
								<a class="c-forum-body t-forum-body" href="#">
									<span class="c-forum-media t-forum-media">
										<svg class="o-icon iconify c-forum-media-icon-read t-forum-media-icon-read" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zM10.998 8.999v2h6v-2h-6zm0 4v2h6v-2h-6zm-3-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
										</svg>
									</span>
									<div class="c-forum-info t-forum-info">
										<h4 class="c-forum-title t-forum-title" role="heading" aria-level="3">
											Your first forum
										</h4>
										<p class="c-forum-text t-forum-text">
											Description of your first forum.
										</p>
									</div>
								</a>
								<div class="o-bar c-forum-footer t-forum-footer">
									<ul class="o-bar-left">
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12z" />
												</svg>
												<span class="o-bar-item-text">127</span>
											</span>
										</li>
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z" />
												</svg>
												<span class="o-bar-item-text">196</span>
											</span>
										</li>
									</ul>
									<ul class="o-bar-right">
										<li class="o-bar-item">
											<a class="o-bar-action" href="" data-tooltip="true" title="Re: ukyuk, by hanakin, <br>3 years ago">
												<svg class="o-icon iconify o-bar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="c-forum-cat t-forum-cat" role="list">
						<div class="o-bar c-forum-cat-header t-forum-cat-header" role="list" data-toggle-parent="collapse">
							<ul class="o-bar-left c-forum-cat-header-left t-forum-cat-header-left">
								<li class="o-bar-item c-forum-cat-header-item t-forum-cat-header-item">
									<h2 class="o-bar-title c-forum-cat-header-title t-forum-cat-header-title" role="heading" aria-level="2">
										<a class="c-forum-cat-link t-forum-cat-link" href="#">Announcements</a>
									</h2>
								</li>
							</ul>
							<ul class="o-bar-right c-forum-cat-header-right t-forum-cat-header-right">
								<li class="o-bar-item c-forum-cat-header-item t-forum-cat-header-item">
									<a class="o-bar-action c-forum-cat-header-action t-forum-cat-header-action" href="#" data-tooltip="true" data-toggle="collapse" title="Collapse">
										<svg class="o-icon iconify c-forum-cat-header-action-iocn t-forum-cat-header-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 9l-6 6 1.41 1.41L12 11.83l4.59 4.58L18 15z" />
										</svg>
									</a>
								</li>
							</ul>
						</div>
						<div class="c-forum-deck t-forum-deck" data-container="collapse">
							<div class="c-forum t-forum" role="listitem">
								<a class="c-forum-body t-forum-body" href="#">
									<span class="c-forum-media t-forum-media">
										<svg class="o-icon iconify c-forum-media-icon t-forum-media-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zM10.998 8.999v2h6v-2h-6zm0 4v2h6v-2h-6zm-3-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
										</svg>
									</span>
									<div class="c-forum-info t-forum-info">
										<h4 class="c-forum-title t-forum-title" role="heading" aria-level="3">
											General Announcements
										</h4>
										<p class="c-forum-text t-forum-text">
											No specific focus, Just relavent news
										</p>
									</div>
								</a>
								<div class="o-bar c-forum-footer t-forum-footer">
									<ul class="o-bar-left">
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12z" />
												</svg>
												<span class="o-bar-item-text">0</span>
											</span>
										</li>
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z" />
												</svg>
												<span class="o-bar-item-text">0</span>
											</span>
										</li>
									</ul>
									<ul class="o-bar-right">
										<li class="o-bar-item">
											<a class="o-bar-action" href="" data-tooltip="true" title="Re: ukyuk, by hanakin, <br>3 years ago">
												<svg class="o-icon iconify o-bar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="c-forum t-forum" role="listitem">
								<a class="c-forum-body t-forum-body" href="#">
									<span class="c-forum-media t-forum-media">
										<svg class="o-icon iconify c-forum-media-icon t-forum-media-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zM10.998 8.999v2h6v-2h-6zm0 4v2h6v-2h-6zm-3-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
										</svg>
									</span>
									<div class="c-forum-info t-forum-info">
										<h4 class="c-forum-title t-forum-title" role="heading" aria-level="3">
											Site Announcements
										</h4>
										<p class="c-forum-text t-forum-text">
											Announcements related to the site
										</p>
									</div>
								</a>
								<div class="o-bar c-forum-footer t-forum-footer">
									<ul class="o-bar-left">
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12z" />
												</svg>
												<span class="o-bar-item-text">0</span>
											</span>
										</li>
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z" />
												</svg>
												<span class="o-bar-item-text">0</span>
											</span>
										</li>
									</ul>
									<ul class="o-bar-right">
										<li class="o-bar-item">
											<a class="o-bar-action" href="" data-tooltip="true" title="Re: ukyuk, by hanakin, <br>3 years ago">
												<svg class="o-icon iconify o-bar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="c-forum t-forum" role="listitem">
								<a class="c-forum-body t-forum-body" href="#">
									<span class="c-forum-media t-forum-media">
										<svg class="o-icon iconify c-forum-media-icon-read t-forum-media-icon-read" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12.198 19.998a7.997 7.997 0 0 0 2.156-.352 4.005 4.005 0 0 1 5.291-5.291 7.997 7.997 0 0 0 .001 0A4.006 4.006 0 0 1 22 18c0 2.206-1.794 4-4 4a4.005 4.005 0 0 1-3.646-2.354 7.96 7.96 0 0 1-2.156.352zM12 20v2a10 10 0 1 1 10-10h-2a8 8 0 1 0-8 8zM10.998 9h6v2h-6V9zm3.684 4a6.03 6.03 0 0 0-1.88 2h-1.804v-2h3.684zm-6.684-2a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM18 16c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2z" />
										</svg>
									</span>
									<div class="c-forum-info t-forum-info">
										<h4 class="c-forum-title t-forum-title" role="heading" aria-level="3">
											MOD specific announcments
										</h4>
										<p class="c-forum-text t-forum-text">
											Here you can find announcements related to specific MODs
										</p>
									</div>
								</a>
								<div class="o-bar c-forum-footer t-forum-footer">
									<ul class="o-bar-left">
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12z" />
												</svg>
												<span class="o-bar-item-text">0</span>
											</span>
										</li>
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z" />
												</svg>
												<span class="o-bar-item-text">0</span>
											</span>
										</li>
									</ul>
									<ul class="o-bar-right">
										<li class="o-bar-item">
											<a class="o-bar-action" href="" data-toggle="menu" data-tooltip="true" title="Sub Forums">
												<svg class="o-icon iconify o-bar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z" />
												</svg>
											</a>
											<div class="c-menu-container t-menu-container" data-container="menu">
												<ul class="c-menu t-menu">
													<li class="c-menu-item t-menu-item">
														<a class="c-menu-link t-menu-item" href="#">
															<svg class="o-icon iconify c-menu-link-icon t-menu-forum-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
																<path fill-rule="evenodd" d="M12,16 C9.794,16 8,14.206 8,12 C8,9.795 9.794,8 12,8 C14.206,8 16,9.795 16,12 C16,14.206 14.206,16 12,16 Z M12,10 C10.897,10 10,10.897 10,12 C10,13.103 10.897,14 12,14 C13.103,14 14,13.103 14,12 C14,10.897 13.103,10 12,10 Z" />
															</svg>
															<span class="c-menu-text t-forum-text">MOD 1</span>
														</a>
													</li>
													<li class="c-menu-item t-menu-item">
														<a class="c-menu-link t-menu-item" href="#">
															<svg class="o-icon iconify c-menu-link-icon t-menu-forum-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
																<path fill-rule="evenodd" d="M12,16 C9.794,16 8,14.206 8,12 C8,9.795 9.794,8 12,8 C14.206,8 16,9.795 16,12 C16,14.206 14.206,16 12,16 Z M12,10 C10.897,10 10,10.897 10,12 C10,13.103 10.897,14 12,14 C13.103,14 14,13.103 14,12 C14,10.897 13.103,10 12,10 Z" />
															</svg>
															<span class="c-menu-text t-forum-text">MOD 2</span>
														</a>
													</li>
													<li class="c-menu-item t-menu-item">
														<a class="c-menu-link t-menu-item" href="#">
															<svg class="o-icon iconify c-menu-link-icon t-menu-forum-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
																<path fill-rule="evenodd" d="M12,16 C9.794,16 8,14.206 8,12 C8,9.795 9.794,8 12,8 C14.206,8 16,9.795 16,12 C16,14.206 14.206,16 12,16 Z M12,10 C10.897,10 10,10.897 10,12 C10,13.103 10.897,14 12,14 C13.103,14 14,13.103 14,12 C14,10.897 13.103,10 12,10 Z" />
															</svg>
															<span class="c-menu-text t-forum-text">MOD 3</span>
														</a>
													</li>
													<li class="c-menu-item t-menu-item">
														<a class="c-menu-link t-menu-item" href="#">
															<svg class="o-icon iconify c-menu-link-icon t-menu-forum-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
																<path fill-rule="evenodd" d="M12,16 C9.794,16 8,14.206 8,12 C8,9.795 9.794,8 12,8 C14.206,8 16,9.795 16,12 C16,14.206 14.206,16 12,16 Z M12,10 C10.897,10 10,10.897 10,12 C10,13.103 10.897,14 12,14 C13.103,14 14,13.103 14,12 C14,10.897 13.103,10 12,10 Z" />
															</svg>
															<span class="c-menu-text t-forum-text">MOD 4</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="o-bar-item">
											<a class="o-bar-action" href="" data-tooltip="true" title="Re: ukyuk, by hanakin, <br>3 years ago">
												<svg class="o-icon iconify o-bar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="c-forum-cat t-forum-cat" role="list">
						<div class="o-bar c-forum-cat-header t-forum-cat-header" role="list" data-toggle-parent="collapse">
							<ul class="o-bar-left c-forum-cat-header-left t-forum-cat-header-left">
								<li class="o-bar-item c-forum-cat-header-item t-forum-cat-header-item">
									<h2 class="o-bar-title c-forum-cat-header-title t-forum-cat-header-title" role="heading" aria-level="2">
										<a class="c-forum-cat-link t-forum-cat-link" href="#">General</a>
									</h2>
								</li>
							</ul>
							<ul class="o-bar-right c-forum-cat-header-right t-forum-cat-header-right">
								<li class="o-bar-item c-forum-cat-header-item t-forum-cat-header-item">
									<a class="o-bar-action c-forum-cat-header-action t-forum-cat-header-action" href="#" data-tooltip="true" data-toggle="collapse" title="Collapse">
										<svg class="o-icon iconify c-forum-cat-header-action-iocn t-forum-cat-header-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 9l-6 6 1.41 1.41L12 11.83l4.59 4.58L18 15z" />
										</svg>
									</a>
								</li>
							</ul>
						</div>
						<div class="c-forum-deck t-forum-deck" data-container="collapse">
							<div class="c-forum t-forum" role="listitem">
								<a class="c-forum-body t-forum-body" href="#">
									<span class="c-forum-media t-forum-media">
										<svg class="o-icon iconify c-forum-media-icon-read t-forum-media-icon-read" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zM10.998 8.999v2h6v-2h-6zm0 4v2h6v-2h-6zm-3-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
										</svg>
									</span>
									<div class="c-forum-info t-forum-info">
										<h4 class="c-forum-title t-forum-title" role="heading" aria-level="3">
											Chit Chat
										</h4>
									</div>
								</a>
								<div class="o-bar c-forum-footer t-forum-footer">
									<ul class="o-bar-left">
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12z" />
												</svg>
												<span class="o-bar-item-text">2</span>
											</span>
										</li>
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z" />
												</svg>
												<span class="o-bar-item-text">2</span>
											</span>
										</li>
									</ul>
									<ul class="o-bar-right">
										<li class="o-bar-item">
											<a class="o-bar-action" href="" data-tooltip="true" title="Moved, by mod, <br>3 years ago">
												<svg class="o-icon iconify o-bar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="c-forum t-forum" role="listitem">
								<a class="c-forum-body t-forum-body" href="#">
									<span class="c-forum-media t-forum-media">
										<svg class="o-icon iconify c-forum-media-icon t-forum-media-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zM10.998 8.999v2h6v-2h-6zm0 4v2h6v-2h-6zm-3-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
										</svg>
									</span>
									<div class="c-forum-info t-forum-info">
										<h4 class="c-forum-title t-forum-title" role="heading" aria-level="3">
											Cars
										</h4>
										<p class="c-forum-text t-forum-text">
											Discuss everything about cars and all other types of vehicles in this forum
										</p>
									</div>
								</a>
								<div class="o-bar c-forum-footer t-forum-footer">
									<ul class="o-bar-left">
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12z" />
												</svg>
												<span class="o-bar-item-text">0</span>
											</span>
										</li>
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z" />
												</svg>
												<span class="o-bar-item-text">0</span>
											</span>
										</li>
									</ul>
									<ul class="o-bar-right">
										<li class="o-bar-item">
											<a class="o-bar-action" href="" data-tooltip="true" title="Re: ukyuk, by hanakin, <br>3 years ago">
												<svg class="o-icon iconify o-bar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="c-forum t-forum" role="listitem">
								<a class="c-forum-body t-forum-body" href="#">
									<span class="c-forum-media t-forum-media">
										<svg class="o-icon iconify c-forum-media-icon t-forum-media-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zM10.998 8.999v2h6v-2h-6zm0 4v2h6v-2h-6zm-3-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
										</svg>
									</span>
									<div class="c-forum-info t-forum-info">
										<h4 class="c-forum-title t-forum-title" role="heading" aria-level="3">
											Photography
										</h4>
										<p class="c-forum-text t-forum-text">
											Everything you ever wanted to know about photography as well as everything that you did not want to know about photography can be discussed here
										</p>
									</div>
								</a>
								<div class="o-bar c-forum-footer t-forum-footer">
									<ul class="o-bar-left">
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12z" />
												</svg>
												<span class="o-bar-item-text">1</span>
											</span>
										</li>
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z" />
												</svg>
												<span class="o-bar-item-text">1</span>
											</span>
										</li>
									</ul>
									<ul class="o-bar-right">
										<li class="o-bar-item">
											<a class="o-bar-action" href="" data-tooltip="true" title="Moved, by mod, <br>3 years ago">
												<svg class="o-icon iconify o-bar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="c-forum-cat t-forum-cat" role="list">
						<div class="o-bar c-forum-cat-header t-forum-cat-header" role="list" data-toggle-parent="collapse">
							<ul class="o-bar-left c-forum-cat-header-left t-forum-cat-header-left">
								<li class="o-bar-item c-forum-cat-header-item t-forum-cat-header-item">
									<h2 class="o-bar-title c-forum-cat-header-title t-forum-cat-header-title" role="heading" aria-level="2">
										<a class="c-forum-cat-link t-forum-cat-link" href="#">Support</a>
									</h2>
								</li>
							</ul>
							<ul class="o-bar-right c-forum-cat-header-right t-forum-cat-header-right">
								<li class="o-bar-item c-forum-cat-header-item t-forum-cat-header-item">
									<a class="o-bar-action c-forum-cat-header-action t-forum-cat-header-action" href="#" data-tooltip="true" data-toggle="collapse" title="Collapse">
										<svg class="o-icon iconify c-forum-cat-header-action-iocn t-forum-cat-header-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 9l-6 6 1.41 1.41L12 11.83l4.59 4.58L18 15z" />
										</svg>
									</a>
								</li>
							</ul>
						</div>
						<div class="c-forum-deck t-forum-deck" data-container="collapse">
							<div class="c-forum t-forum" role="listitem">
								<a class="c-forum-body t-forum-body" href="#">
									<span class="c-forum-media t-forum-media">
										<svg class="o-icon iconify c-forum-media-icon t-forum-media-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zM10.998 8.999v2h6v-2h-6zm0 4v2h6v-2h-6zm-3-2a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
										</svg>
									</span>
									<div class="c-forum-info t-forum-info">
										<h4 class="c-forum-title t-forum-title" role="heading" aria-level="3">
											Site Support
										</h4>
										<p class="c-forum-text t-forum-text">
											For all questions and issues related to the site please report here
										</p>
									</div>
								</a>
								<div class="o-bar c-forum-footer t-forum-footer">
									<ul class="o-bar-left">
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12z" />
												</svg>
												<span class="o-bar-item-text">1</span>
											</span>
										</li>
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z" />
												</svg>
												<span class="o-bar-item-text">1</span>
											</span>
										</li>
									</ul>
									<ul class="o-bar-right">
										<li class="o-bar-item">
											<a class="o-bar-action" href="" data-tooltip="true" title="Forum Rules, by hanakin, <br>3 years ago">
												<svg class="o-icon iconify o-bar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="c-forum t-forum" role="listitem">
								<a class="c-forum-body t-forum-body" href="#">
									<span class="c-forum-media t-forum-media">
										<svg class="o-icon iconify c-forum-media-icon-read t-forum-media-icon-read" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm0 18c4.411 0 8-3.589 8-8s-3.589-8-8-8-8 3.589-8 8 3.589 8 8 8zm0-13.001c2.758 0 5 2.243 5 5 0 2.758-2.242 5-5 5s-5-2.242-5-5 2.242-5 5-5zm0 1.667a3.335 3.335 0 0 0-3.332 3.332 3.3 3.3 0 0 0 .471 1.684l4.544-4.545A3.31 3.31 0 0 0 12 8.666zm0 6.666A3.337 3.337 0 0 0 15.333 12c0-.617-.178-1.187-.471-1.683l-4.544 4.544a3.294 3.294 0 0 0 1.682.471z" />
										</svg>
									</span>
									<div class="c-forum-info t-forum-info">
										<h4 class="c-forum-title t-forum-title" role="heading" aria-level="3">
											Forum Support
										</h4>
										<p class="c-forum-text t-forum-text">
											For support relating to the forums please report here
										</p>
									</div>
								</a>
								<div class="o-bar c-forum-footer t-forum-footer">
									<ul class="o-bar-left">
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12z" />
												</svg>
												<span class="o-bar-item-text">1</span>
											</span>
										</li>
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z" />
												</svg>
												<span class="o-bar-item-text">1</span>
											</span>
										</li>
									</ul>
									<ul class="o-bar-right">
										<li class="o-bar-item">
											<a class="o-bar-action" href="" data-tooltip="true" title="[GUIDE] test post, by hanakin, <br>3 years ago">
												<svg class="o-icon iconify o-bar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<div class="c-forum t-forum" role="listitem">
								<a class="c-forum-body t-forum-body" href="#">
									<span class="c-forum-media t-forum-media">
										<svg class="o-icon iconify c-forum-media-icon-read t-forum-media-icon-read" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12.198 19.998a7.997 7.997 0 0 0 2.156-.352 4.005 4.005 0 0 1 5.291-5.291 7.997 7.997 0 0 0 .001 0A4.006 4.006 0 0 1 22 18c0 2.206-1.794 4-4 4a4.005 4.005 0 0 1-3.646-2.354 7.96 7.96 0 0 1-2.156.352zM12 20v2a10 10 0 1 1 10-10h-2a8 8 0 1 0-8 8zM10.998 9h6v2h-6V9zm3.684 4a6.03 6.03 0 0 0-1.88 2h-1.804v-2h3.684zm-6.684-2a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM18 16c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2z" />
										</svg>
									</span>
									<div class="c-forum-info t-forum-info">
										<h4 class="c-forum-title t-forum-title" role="heading" aria-level="3">
											MOD Support
										</h4>
										<p class="c-forum-text t-forum-text">
											All support for individual MODs can be reported within the individual MOD sub-forum
										</p>
									</div>
								</a>
								<div class="o-bar c-forum-footer t-forum-footer">
									<ul class="o-bar-left">
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12z" />
												</svg>
												<span class="o-bar-item-text">1</span>
											</span>
										</li>
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z" />
												</svg>
												<span class="o-bar-item-text">1</span>
											</span>
										</li>
									</ul>
									<ul class="o-bar-right">
										<li class="o-bar-item">
											<a class="o-bar-action" href="" data-toggle="menu" data-tooltip="true" title="Sub Forums">
												<svg class="o-icon iconify o-bar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z" />
												</svg>
											</a>
											<div class="c-menu-container t-menu-container" data-container="menu">
												<ul class="c-menu t-menu">
													<li class="c-menu-item t-menu-item">
														<a class="c-menu-link t-menu-item" href="#">
															<svg class="o-icon iconify c-menu-link-icon t-menu-forum-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
																<path fill-rule="evenodd" d="M12,16 C9.794,16 8,14.206 8,12 C8,9.795 9.794,8 12,8 C14.206,8 16,9.795 16,12 C16,14.206 14.206,16 12,16 Z M12,10 C10.897,10 10,10.897 10,12 C10,13.103 10.897,14 12,14 C13.103,14 14,13.103 14,12 C14,10.897 13.103,10 12,10 Z" />
															</svg>
															<span class="c-menu-text t-forum-text">MOD 1</span>
														</a>
													</li>
													<li class="c-menu-item t-menu-item">
														<a class="c-menu-link t-menu-item" href="#">
															<svg class="o-icon iconify c-menu-link-icon t-menu-forum-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
																<path fill-rule="evenodd" d="M12,16 C9.794,16 8,14.206 8,12 C8,9.795 9.794,8 12,8 C14.206,8 16,9.795 16,12 C16,14.206 14.206,16 12,16 Z M12,10 C10.897,10 10,10.897 10,12 C10,13.103 10.897,14 12,14 C13.103,14 14,13.103 14,12 C14,10.897 13.103,10 12,10 Z" />
															</svg>
															<span class="c-menu-text t-forum-text">MOD 2</span>
														</a>
													</li>
													<li class="c-menu-item t-menu-item">
														<a class="c-menu-link t-menu-item" href="#">
															<svg class="o-icon iconify c-menu-link-icon t-menu-forum-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
																<path fill-rule="evenodd" d="M12,16 C9.794,16 8,14.206 8,12 C8,9.795 9.794,8 12,8 C14.206,8 16,9.795 16,12 C16,14.206 14.206,16 12,16 Z M12,10 C10.897,10 10,10.897 10,12 C10,13.103 10.897,14 12,14 C13.103,14 14,13.103 14,12 C14,10.897 13.103,10 12,10 Z" />
															</svg>
															<span class="c-menu-text t-forum-text">MOD 3</span>
														</a>
													</li>
													<li class="c-menu-item t-menu-item">
														<a class="c-menu-link t-menu-item" href="#">
															<svg class="o-icon iconify c-menu-link-icon t-menu-forum-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
																<path fill-rule="evenodd" d="M12,16 C9.794,16 8,14.206 8,12 C8,9.795 9.794,8 12,8 C14.206,8 16,9.795 16,12 C16,14.206 14.206,16 12,16 Z M12,10 C10.897,10 10,10.897 10,12 C10,13.103 10.897,14 12,14 C13.103,14 14,13.103 14,12 C14,10.897 13.103,10 12,10 Z" />
															</svg>
															<span class="c-menu-text t-forum-text">MOD 4</span>
														</a>
													</li>
												</ul>
											</div>
										</li>
										<li class="o-bar-item">
											<a class="o-bar-action" href="" data-tooltip="true" title="Rerterrtj, by hanakin, <br>3 years ago">
												<svg class="o-icon iconify o-bar-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M5.59,7.41L10.18,12L5.59,16.59L7,18L13,12L7,6L5.59,7.41M16,6H18V18H16V6Z" />
												</svg>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="c-forum-cat t-forum-cat" role="list">
						<div class="o-bar c-forum-cat-header t-forum-cat-header" role="list" data-toggle-parent="collapse">
							<ul class="o-bar-left c-forum-cat-header-left t-forum-cat-header-left">
								<li class="o-bar-item c-forum-cat-header-item t-forum-cat-header-item">
									<h2 class="o-bar-title c-forum-cat-header-title t-forum-cat-header-title" role="heading" aria-level="2">
										<a class="c-forum-cat-link t-forum-cat-link" href="#">Forum</a>
									</h2>
								</li>
							</ul>
							<ul class="o-bar-right c-forum-cat-header-right t-forum-cat-header-right">
								<li class="o-bar-item c-forum-cat-header-item t-forum-cat-header-item">
									<a class="o-bar-action c-forum-cat-header-action t-forum-cat-header-action" href="#" data-tooltip="true" data-toggle="collapse" title="Collapse">
										<svg class="o-icon iconify c-forum-cat-header-action-iocn t-forum-cat-header-action-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 9l-6 6 1.41 1.41L12 11.83l4.59 4.58L18 15z" />
										</svg>
									</a>
								</li>
							</ul>
						</div>
						<div class="c-forum-deck t-forum-deck" data-container="collapse">
							<div class="c-forum t-forum" role="listitem">
								<a class="c-forum-body t-forum-body" href="#">
									<span class="c-forum-media t-forum-media">
										<svg class="o-icon iconify c-forum-media-icon t-forum-media-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
											<path fill-rule="evenodd" d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2zm0 18c4.411 0 8-3.589 8-8s-3.589-8-8-8-8 3.589-8 8 3.589 8 8 8zm-.705-7.296a.487.487 0 0 1 0 .71.504.504 0 0 1-.71 0 2.502 2.502 0 0 1 0-3.535l1.77-1.77a2.502 2.502 0 0 1 3.535 0c.975.975.975 2.56 0 3.535l-.745.745c.005-.41-.06-.82-.2-1.21l.235-.24a1.49 1.49 0 0 0 0-2.12 1.49 1.49 0 0 0-2.12 0l-1.765 1.765a1.49 1.49 0 0 0 0 2.12zm1.41-2.12a.504.504 0 0 1 .71 0c.975.975.975 2.56 0 3.535l-1.77 1.77a2.502 2.502 0 0 1-3.535 0 2.502 2.502 0 0 1 0-3.535l.745-.745c-.005.41.06.82.2 1.215l-.235.235a1.49 1.49 0 0 0 0 2.12 1.49 1.49 0 0 0 2.12 0l1.765-1.765a1.49 1.49 0 0 0 0-2.12.487.487 0 0 1 0-.71z" />
										</svg>
									</span>
									<div class="c-forum-info t-forum-info">
										<h4 class="c-forum-title t-forum-title" role="heading" aria-level="3">
											link
										</h4>
									</div>
								</a>
								<div class="o-bar c-forum-footer t-forum-footer">
									<ul class="o-bar-left">
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M15.414 2H6c-1.103 0-2 .898-2 2v16c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2V6.586L15.414 2zm2.587 18H6V4h8v4h4l.001 12z" />
												</svg>
												<span class="o-bar-item-text">0</span>
											</span>
										</li>
										<li class="o-bar-item">
											<span class="o-bar-info">
												<svg class="o-icon iconify o-bar-info-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
													<path fill-rule="evenodd" d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M10,16V19.08L13.08,16H20V4H4V16H10M6,7H18V9H6V7M6,11H15V13H6V11Z" />
												</svg>
												<span class="o-bar-item-text">0</span>
											</span>
										</li>
									</ul>
									<ul class="o-bar-right">
									</ul>
								</div>
							</div>
				</section>
			</div>
			<footer>
				<div class="o-container">
					<div class="c-tab-card t-tab-card">
						<div class="c-tab-bar-frame t-tab-bar-frame">
							<nav class="c-tab-bar t-tab-bar" data-toggle="tabs">
								<a class="c-tab t-tab is-active" href="#statistics" role="tab" aria-controls="statistics" aria-selected="true">
									<svg class="o-icon iconify c-tab-icon t-tab-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
										<path fill-rule="evenodd" d="M16,11.78L20.24,4.45L21.97,5.45L16.74,14.5L10.23,10.75L5.46,19H22V21H2V3H4V17.54L9.5,8L16,11.78Z" />
									</svg>
									<span class="c-tab-text t-tab-text">Statistics</span>
								</a>
								<a class="c-tab t-tab" href="#whos-online" role="tab" aria-controls="whos-online" aria-selected="false">
									<svg class="o-icon iconify c-tab-icon t-tab-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
										<path fill-rule="evenodd" d="M4.93,4.93C3.12,6.74 2,9.24 2,12C2,14.76 3.12,17.26 4.93,19.07L6.34,17.66C4.89,16.22 4,14.22 4,12C4,9.79 4.89,7.78 6.34,6.34L4.93,4.93M19.07,4.93L17.66,6.34C19.11,7.78 20,9.79 20,12C20,14.22 19.11,16.22 17.66,17.66L19.07,19.07C20.88,17.26 22,14.76 22,12C22,9.24 20.88,6.74 19.07,4.93M7.76,7.76C6.67,8.85 6,10.35 6,12C6,13.65 6.67,15.15 7.76,16.24L9.17,14.83C8.45,14.11 8,13.11 8,12C8,10.89 8.45,9.89 9.17,9.17L7.76,7.76M16.24,7.76L14.83,9.17C15.55,9.89 16,10.89 16,12C16,13.11 15.55,14.11 14.83,14.83L16.24,16.24C17.33,15.15 18,13.65 18,12C18,10.35 17.33,8.85 16.24,7.76M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10Z" />
									</svg>
									<span class="c-tab-text t-tab-text">Who&#39;s Online</span>
								</a>
								<a class="c-tab t-tab" href="#birthdays" role="tab" aria-controls="birthdays" aria-selected="false">
									<svg class="o-icon iconify c-tab-icon t-tab-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
										<path fill-rule="evenodd" d="M12 6c1.11 0 2-.9 2-2 0-.38-.1-.73-.29-1.03L12 0l-1.71 2.97c-.19.3-.29.65-.29 1.03 0 1.1.9 2 2 2zm6 3h-5V7h-2v2H6c-1.66 0-3 1.34-3 3v9c0 .55.45 1 1 1h16c.55 0 1-.45 1-1v-9c0-1.66-1.34-3-3-3zm1 11H5v-3c.9-.01 1.76-.37 2.4-1.01l1.09-1.07 1.07 1.07c1.31 1.31 3.59 1.3 4.89 0l1.08-1.07 1.07 1.07c.64.64 1.5 1 2.4 1.01v3zm0-4.5c-.51-.01-.99-.2-1.35-.57l-2.13-2.13-2.14 2.13c-.74.74-2.03.74-2.77 0L8.48 12.8l-2.14 2.13c-.35.36-.83.56-1.34.57V12c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v3.5z" />
									</svg>
									<span class="c-tab-text t-tab-text">Birthdays</span>
								</a>
							</nav>
						</div>
						<div class="c-tab-pane t-tab-pane is-active" id="statistics" role="tabpanel">
							<div class="c-tab-pane-row t-tab-pane-row">
								<ul class="c-stat-list c-tab-pane-stats t-tab-list t-tab-pane-stats">
									<li class="c-stat-item t-stat-item">Total Posts <span class="o-tag c-stat-badge t-stat-badge">161430</span></li>
									<li class="c-stat-item t-stat-item">Total Topics <span class="o-tag c-stat-badge t-stat-badge">20309</span></li>
									<li class="c-stat-item t-stat-item">Total Members <span class="o-tag c-stat-badge t-stat-badge">63056</span></li>
									<li class="c-stat-item t-stat-item">Most Online <span class="o-tag c-stat-badge t-stat-badge">3056</span></li>
									<li class="c-stat-item t-stat-item">Newest Member
										<a class="o-tag c-stat-badge c-stat-badge-link t-stat-badge t-stat-badge-link" href="./memberlist.php">bobMarley</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="c-tab-pane t-tab-pane" id="whos-online" role="tabpanel">
							<div class="c-tab-pane-row t-tab-pane-row">
								<h4 class="c-tab-pane-title t-tab-pane-title">Registered users:</h4>
								<span class="c-tab-pane-text t-tab-text">
									<span style="color: #9E8DA7;">Alexa [Bot]</span>
									,
									<span style="color: #9E8DA7;">Yahoo Slurp [Bot]</span>
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php" style="color: #4F6772;">imanage</a>
									,
									<span style="color: #9E8DA7;">Bing [Bot]</span>
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php" style="color: #00BFA5;">devIsMe</a>
									,
									<span style="color: #9E8DA7;">Google Feedfetcher [Bot]</span>
									,
									<span style="color: #9E8DA7;">Baidu [Spider]</span>
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php">user1</a>
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php" style="color: #3F54C0;">communAnyOne</a>
									,
									<span style="color: #9E8DA7;">Google [Bot]</span>
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php" style="color: #00BCD4;">siteMaintainer</a>
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php">user2</a>
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php">thisIsUser3</a>
									,
									<span style="color: #9E8DA7;">Exabot [Bot]</span>
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php" style="color: #FFAB40;">helpUiCan</a>
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php" style="color: #B84FDB;">orangeCounty</a>
								</span>
							</div>
							<div class="c-tab-pane-row t-tab-pane-row">
								<div class="c-stat-wrap s-stat-wrap">
									<ul class="c-stat-list c-tab-pane-stats t-stat-list t-tab-pane-stats">
										<li class="c-stat-item t-stat-item">Total Online <span class="o-tag c-stat-badge t-stat-badge">519</span></li>
										<li class="c-stat-item t-stat-item">Registered <span class="o-tag c-stat-badge t-stat-badge">16</span></li>
										<li class="c-stat-item t-stat-item">Hidden <span class="o-tag c-stat-badge t-stat-badge">1</span></li>
										<li class="c-stat-item t-stat-item">Guests <span class="o-tag c-stat-badge t-stat-badge">502</span></li>
									</ul>
									<span class="c-stat-info t-stat-info"></span>
								</div>
							</div>
							<div class="c-tab-pane-footer t-tab-pane-footer">
								<h4 class="c-tab-pane-title t-tab-pane-title">Legend:</h4>
								<span class="c-tab-pane-text t-tab-pane-text">
									<a class="c-tab-pane-link t-tab-pane-link" style="color:#4F6772;" href="./memberlist.php">Management</a>
									,
									<a class="c-tab-pane-link t-tab-pane-link" style="color:#00BFA5;" href="./memberlist.php">Development</a>
									,
									<a class="c-tab-pane-link t-tab-pane-link" style="color:#B84FDB;" href="./memberlist.php">Customisations</a>
									,
									<a class="c-tab-pane-link t-tab-pane-link" style="color:#FFAB40;" href="./memberlist.php">Support</a>
									,
									<a class="c-tab-pane-link t-tab-pane-link" style="color:#3F54C0;" href="./memberlist.php">Community</a>
									,
									<a class="c-tab-pane-link t-tab-pane-link" style="color:#00BCD4;" href="./memberlist.php">Infrastructure</a>
								</span>
							</div>
						</div>
						<div class="c-tab-pane t-tab-pane" id="birthdays" role="tabpanel">
							<div class="c-tab-pane-row t-tab-pane-row">
								<h4 class="c-tab-pane-title t-tab-pane-title">Congragulations: </h4>
								<span class="c-tab-pane-text t-tab-pane-text">
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php">user11</a> (53)
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php">myNameBart</a> (47)
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php" style="color: #FFAB40;">ihelp</a> (35)
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php">user32</a> (38)
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php">meInIrene</a> (15)
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php">Dave</a> (31)
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php">francony</a> (42)
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php">widgetFree</a> (26)
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php" style="color: #4F6772;">imanage</a> (33)
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php">scubaSteve</a> (67)
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php">pickleRick</a> (22)
									,
									<a class="c-tab-pane-link t-tab-pane-link" href="./memberlist.php">suboba</a> (17)
								</span>
							</div>
						</div>
					</div>
				</div>
				<div class="c-footer t-footer">
					<nav class="c-footer-nav t-footer-nav">
						<a class="c-footer-nav-link t-footer-nav-link" href="">
							<svg class="o-icon iconify c-footer-nav-link-icon t-footer-nav-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
								<path fill-rule="evenodd" d="M4,4H20A2,2 0 0,1 22,6V18A2,2 0 0,1 20,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4M12,11L20,6H4L12,11M4,18H20V8.37L12,13.36L4,8.37V18z" />
							</svg>
							<span class="c-footer-nav-link-text t-footer-nav-link-text">Contact Us</span>
						</a>
						<a class="c-footer-nav-link t-footer-nav-link" href="">
							<svg class="o-icon iconify c-footer-nav-link-icon t-footer-nav-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
								<path fill-rule="evenodd" d="M12 11c-1.609 0-2.917-1.345-2.917-3 0-1.654 1.308-3 2.917-3 1.609 0 2.917 1.346 2.917 3 0 1.655-1.308 3-2.917 3zm0-4.5c.804 0 1.458.672 1.458 1.5 0 .827-.654 1.5-1.458 1.5-.804 0-1.458-.673-1.458-1.5 0-.828.654-1.5 1.458-1.5zM17.833 17H6.167v-.75c0-2.65 2.399-4.5 5.833-4.5s5.833 1.85 5.833 4.5V17zM7.741 15.5h8.519c-.436-1.356-2.066-2.25-4.26-2.25-2.193 0-3.823.894-4.26 2.25zM5.333 17H2v-.643C2 14.086 4.056 12.5 7 12.5h.072c-1.094.934-1.739 2.226-1.739 3.75V17zm13.334 0v-.75c0-1.524-.645-2.816-1.74-3.75H17c2.944 0 5 1.586 5 3.857V17h-3.333zm-9.709-6.746c.07.1.144.196.223.288A2.491 2.491 0 0 1 7 11.857c-1.379 0-2.5-1.153-2.5-2.571 0-1.418 1.121-2.572 2.5-2.572.496 0 .959.15 1.348.407a3.963 3.963 0 0 0 .61 3.133zm6.767-2.7a3.936 3.936 0 0 0-.073-.433A2.44 2.44 0 0 1 17 6.714c1.379 0 2.5 1.154 2.5 2.572 0 1.418-1.121 2.571-2.5 2.571a2.49 2.49 0 0 1-2.181-1.315 3.905 3.905 0 0 0 .906-2.989z" />
							</svg>
							<span class="c-footer-nav-link-text t-footer-nav-link-text">The Team</span>
						</a>
						<a class="c-footer-nav-link t-footer-nav-link" href="">
							<svg class="o-icon iconify c-footer-nav-link-icon t-footer-nav-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
								<path fill-rule="evenodd" d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H4V6h16v12zM4 0h16v2H4zm0 22h16v2H4zm8-10c1.38 0 2.5-1.12 2.5-2.5S13.38 7 12 7 9.5 8.12 9.5 9.5 10.62 12 12 12zm0-3.5c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm5 7.49C17 13.9 13.69 13 12 13s-5 .9-5 2.99V17h10v-1.01zm-8.19-.49c.61-.52 2.03-1 3.19-1 1.17 0 2.59.48 3.2 1H8.81z" />
							</svg>
							<span class="c-footer-nav-link-text t-footer-nav-link-text">Members</span>
						</a>
						<a class="c-footer-nav-link t-footer-nav-link" href="">
							<svg class="o-icon iconify c-footer-nav-link-icon t-footer-nav-link-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="false" role="img">
								<path fill-rule="evenodd" d="M9,3V4H4V6H5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V6H20V4H15V3H9M7,6H17V19H7V6M9,8V17H11V8H9M13,8V17H15V8H13Z" />
							</svg>
							<span class="c-footer-nav-link-text t-footer-nav-link-text">Delete Cookies</span>
						</a>
					</nav>
					<p class="c-footer-copyright t-footer-copyright">Powered by <a href="">phpBB</a> Forum Software © phpBB Limited</p>
					<a href="">Privacy</a> | <a href="">Terms</a>
				</div>
			</footer>
		</div>
		<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
		<script src="https://code.iconify.design/1/1.0.0-rc7/iconify.min.js"></script>
		<script src="../../all/js/temp.js"></script>
</body>

</html>
            
          
!
            
              const $drawerToggle = '[data-toggle="drawer"]';
const $drawer = '[data-container="drawer"]';
const $drawerMenuToggle = '[data-toggle="drawer-menu"]';
const $drawerMenu = '[data-container="drawer-menu"]';
const $notificationToggle = '[data-toggle="notifications"]';
const $notification = '[data-container="notificiations"]';
const $menuToggle = '[data-toggle="menu"]';
const $menu = '[data-container="menu"]';
const $searchToggle = '[data-toggle="search"]';
const $search = '[data-container="search"]';
const $profileToggle = '[data-toggle="profileToggle"]';
const $profile = '[data-container="profile"]';
const $tabs = '[data-toggle="tabs"]';
const $modalToggle = '[data-toggle="modal"]';
const $modal = '[data-container="modal"]';
const $toastToggle = '[data-toggle="toast"]';
const $toast = '[data-container="toast"]';

const clearToggle = function (e, $el, $toggle) {
	const {target} = e;

	if (
		!$(target).is($el) &&
		!$(target).parents().is($el) &&
		!$(target).is($toggle) &&
		!$(target).parents().is($toggle)
	) {
		$($el).each(function () {
			$(this).toggleClass('is-active', false);
		});
	}
};

const clearTabs = function (e, $links) {
	$($links).children().each(function () {
		const $this = $(this);
		const $that = $this.attr('href');

		$this.toggleClass('is-active', false);
		$($that).toggleClass('is-active', false);
	});
};

//---------------------------------------------

$($modalToggle).click(e => {
	e.preventDefault();
	e.stopPropagation();
	$($modal).toggleClass('is-active');
});

//---------------------------------------------

$($toastToggle).click(e => {
	e.preventDefault();
	e.stopPropagation();
	$($toast).toggleClass('is-active');
});

//---------------------------------------------

$($tabs).children().each(function () {
	const $this = $(this);
	const $that = $this.attr('href');

	$this.on({
		'mouseup': e => {
			e.preventDefault();
			e.stopPropagation();
			clearTabs(e, $tabs);
			$this.toggleClass('is-active');
			$($that).toggleClass('is-active');
		}
	});
});

//---------------------------------------------

$($drawerToggle).click(e => {
	e.preventDefault();
	e.stopPropagation();
	$($drawer).toggleClass('is-active');
});

$($drawerMenuToggle).click(function (e) {
	e.preventDefault();
	e.stopPropagation();
	$(this).next($drawerMenu).toggleClass('is-active');
});

//---------------------------------------------

$($searchToggle).click(e => {
	e.preventDefault();
	e.stopPropagation();
	$($search).toggleClass('is-active');
});

//---------------------------------------------

$($notificationToggle).click(function (e) {
	e.preventDefault();
	e.stopPropagation();
	const $this = $(this);
	const $that = $($notification);
	const $targetOffset = $(window).width() - ($this.offset().left + $this.width());
	$that.toggleClass('is-active');
	$that.css('right', $targetOffset);
});

//---------------------------------------------

$($profileToggle).click(e => {
	e.preventDefault();
	e.stopPropagation();
	$($profile).toggleClass('is-active');
});

//---------------------------------------------

$($menu).each(function () {
	const $this = $(this);
	const $targetOffset = $this.offset();
	if ($targetOffset.left > $(window).width() / 2) {
		$this.css({'transform-origin': 'right top', 'right': 0});
	} else {
		$this.css('transform-origin', 'left top');
	}
});

$($menuToggle).click(function (e) {
	const $this = $(this);
	const $that = $($menu);
	e.preventDefault();
	e.stopPropagation();
	$that.each(() => {
		$this.toggleClass('is-active', false);
	});
	$this.next($menu).toggleClass('is-active');
});

// Clear menus

$(document).on({
	'touchstart': e => {
		clearToggle(e, $drawer, $drawerToggle);
		clearToggle(e, $search, $searchToggle);
		clearToggle(e, $notification, $notificationToggle);
		clearToggle(e, $menu, $menuToggle);
		clearToggle(e, $profile, $profileToggle);
	},
	'mouseup': e => {
		clearToggle(e, $drawer, $drawerToggle);
		clearToggle(e, $search, $searchToggle);
		clearToggle(e, $notification, $notificationToggle);
		clearToggle(e, $menu, $menuToggle);
		clearToggle(e, $profile, $profileToggle);
	}
});

            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console