rob
/
Robware


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
							<!DOCTYPE html>
<html>
	<head>
		<title>Robware</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<style type="text/css">
			@import url(http://fonts.googleapis.com/css?family=Roboto);
			
			html,body,h1,h2 {
				padding:0;
				margin:0;
			}
			
			html{
				font-family: 'Roboto', sans-serif;
			}
			
			body{
				width:100%;
				background:#f9f9f9;
			}
						
			nav {
				padding:10px;
			}
			
			h1, h2{
			}
			
			#menu{
				background:#f9f9f9;
				width:240px;
				left:0;
				position:fixed;
				height:100%;
				box-shadow: 7px 0px 4px 0px rgba(0,0,0,0.15);
			}
			
			#main{
				float:left;
				padding-left:240px;
				width:100%;
			}
			
			#content{
				padding:10px;
			}
			
			#footer{
				padding:20px;
			}
			
			.header {
				height:64px;
				background:#F44336;
				color:white;
				width:100%;
				white-space:nowrap;
			}
			
			.header>*{
				line-height:64px;
				font-size:24px;
				font-weight:400;
				float:left;
				padding-left:10px;
			}
			
			.header>img{
				height:40px;
				margin-top:12px;
			}
			
			.header span{
				float:left;
			}
			
			.header span:not(:first-child):before{
				margin:2px 10px 0 10px;
				width:6px;
				float:left;
				height:62px;
				background: url("chevron.png") no-repeat scroll right center / contain  rgba(0, 0, 0, 0);
				content:"";
			}
		</style>
	</head>
	<body>
		<div id="menu">
			<div style="position: relative; overflow:auto; height:100%">
				<div class="header" style="postition:fixed">
					<img src="logo.png" />
					<h1>Robware</h1>
				</div>
				<nav>
					<dl>
						<dt>Page</dt>
						<div class="sub-pages">
							<dd><a href="">Sub Page</a></dd>
						</div>
					</dl>
				</nav>
			</div>
		</div>
		<div id="main">
			<div class="header">
				<h2>
					<span>Style</span>
					<span>Colour</span>
				</h2>
			</div>
			<div id="content">{@Body}</div>
			<div id="footer">{@Footer}</div>
		</div>
	</body>
</html>