my code stock.com

Modern skeleton of a canvas page with an expanding side on the right.

Snippet options

Download: Download snippet as canvas-page-right.html.
Copy snippet: For this you need a free my code stock.com account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Canvas Page Right</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="site-wrapper">
	<div id="site-canvas">
		<div id="site-menu">
			<ul class="menu" id="main-menu">
				<li>
					<a href="#" class="canvas-menu">Start</a>
					<a href="#" class="canvas-menu">Produkte</a>
					<a href="#" class="canvas-menu">Händler</a>
					<a href="#" class="canvas-menu">Kontakt</a>
					<a href="#" class="canvas-menu">Impressum</a>
				</li>
			</ul>
		</div>
		<div class="container-fluid">
			<div class="row">
				<div class="col-lg-12 text-right">
					<a href="#" class="toggle-nav btn btn-lg btn-success" id="big-sexy"><i class="fa fa-bars"></i> Toggle Nav</a>
				</div>
			</div>
		</div>
	</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/oxxcanvas.js"></script>
</body>
</html>

Additional files / attachments for this snippet

Filename Size
0.14 MB

Create a free my code stock.com account now.

my code stok.com is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!

Find out more and register now

You can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.