Skip to content

Instantly share code, notes, and snippets.

@maxymania
Created June 11, 2015 13:51
Show Gist options
  • Save maxymania/de2ab4e00f653e1dcec3 to your computer and use it in GitHub Desktop.
Save maxymania/de2ab4e00f653e1dcec3 to your computer and use it in GitHub Desktop.
Scrapland template
used template: http://www.opendesigns.org/design/html5-streets/
Other:
- http://www.opendesigns.org/design/html5-water/
- http://www.opendesigns.org/design/html5-buildings/
- http://www.opendesigns.org/design/blue-skies/
<!DOCTYPE html>
<html>
<head>
<title>{{.Title.Get}}</title>
<meta name="description" content="website description" />
<meta name="keywords" content="website keywords, website keywords" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- modernizr enables HTML5 elements and feature detects -->
<script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
</head>
<body>
<div id="main">
<header>
<div id="strapline">
<div id="welcome_slogan">
<h3>Welcome To Free HTML5 <span>Streets</span></h3>
</div><!--close welcome_slogan-->
</div><!--close strapline-->
<nav>
<div id="menubar">
<ul id="nav"><!--i,v := -->
{{range $i,$v := .Additional.sites}}
<li{{if eq $v.name $.SiteID}} class="current" {{end}}><a href="{{$v.url}}">{{$v.caption | html}}</a></li>
{{end}}
</ul>
</div><!--close menubar-->
</nav>
</header>
<div id="slideshow_container">
<div class="slideshow">
<ul class="slideshow">
<li class="show"><img width="940" height="250" src="images/home_1.jpg" alt="&quot;Enter your caption here&quot;" /></li>
<li><img width="940" height="250" src="images/home_2.jpg" alt="&quot;Enter your caption here&quot;" /></li>
</ul>
</div><!--close slideshow-->
</div><!--close slideshow_container-->
<div id="site_content">
<div class="sidebar_container">
{{range .SideBar}}
<div class="sidebar">
<div class="sidebar_item">
{{.Get}}
</div><!--close sidebar_item-->
</div><!--close sidebar-->
{{end}}
</div><!--close sidebar_container-->
<div id="content">
<div class="content_item">
{{.Main.Get}}
</div><!--close content_item-->
</div><!--close content-->
</div><!--close site_content-->
<footer>
{{range $i,$v := .Additional.sites}}{{if ne $i 0}} | {{end}}<a href="{{$v.url}}">{{$v.caption | html}}</a>{{end}}
<br/><br/>
<a href="http://fotogrph.com">Images</a> | <a href="http://www.heartinternet.co.uk/vps/">Virtual Server</a> | website template by <a href="http://www.freehtml5templates.co.uk">Free HTML5 Templates</a>
</footer>
</div><!--close main-->
<!-- javascript at the bottom for fast page loading -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/image_slide.js"></script>
</body>
</html>
{
"sites":[
{"url":"/","name":"home","caption":"Home"},
{"url":"#","name":"ourwork","caption":"Our Work"},
{"url":"#","name":"testimon","caption":"Testimonials"},
{"url":"#","name":"project","caption":"Projects"},
{"url":"#","name":"contact","caption":"Contact Us"}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment