47 lines
1.6 KiB
HTML
47 lines
1.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<title>geocation.com</title>
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
|
<meta name="Description" lang="en" content="open source html and css template">
|
||
|
|
<meta name="author" content="mlp design">
|
||
|
|
<meta name="robots" content="index, follow">
|
||
|
|
<link rel="stylesheet" href="css/style.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<div id="menu">
|
||
|
|
<nav>
|
||
|
|
<label for="show-menu" class="responsive">☰</label>
|
||
|
|
<input type="checkbox" id="show-menu" role="button">
|
||
|
|
<ul id="topnav">
|
||
|
|
<li><span class="icon"><a href="#" title="Your Logo" class="logo">👽</a></span></li>
|
||
|
|
<li><a href="#">Profile</a></li>
|
||
|
|
<li><a href="#">Gallery</a></li>
|
||
|
|
<li><a href="#">Archive</a></li>
|
||
|
|
<li><a href="#">Links</a></li>
|
||
|
|
<li><a href="#">Help</a></li>
|
||
|
|
<li><span class="icon"><a href="#" class="search">🔍</a></span></li>
|
||
|
|
</ul>
|
||
|
|
<span class="hide"><a href="#" title="Your Logo" class="logo">👽</a></span>
|
||
|
|
<span class="hide"><a href="#" class="search">🔍</a></span>
|
||
|
|
</nav>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="container">
|
||
|
|
<div id="pageheader">
|
||
|
|
<div class="col">
|
||
|
|
<h1>Lorem Ipsum</h1>
|
||
|
|
</div>
|
||
|
|
<div class="col">
|
||
|
|
<ul id="sub">
|
||
|
|
<li><a href="#">some</a></li>
|
||
|
|
<li><a href="#">sub</a></li>
|
||
|
|
<li><a href="#">menu</a></li>
|
||
|
|
<li><a href="#">items</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|