Skip to content

Instantly share code, notes, and snippets.

@RobertLidberg
Last active December 28, 2015 18:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save RobertLidberg/7542041 to your computer and use it in GitHub Desktop.
Save RobertLidberg/7542041 to your computer and use it in GitHub Desktop.
lidkoping.se framework
<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7" lang="sv"><![endif]--><!--[if IE 7]><html class="lt-ie9 lt-ie8 ie7" lang="sv"><![endif]--><!--[if IE 8]><html class="lt-ie9 ie8" lang="sv"><![endif]--><!--[if gt IE 8]><!--><html lang="sv"><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>%input%</title>
<meta name="viewport" content="width=device-width">
<meta name="description" content="%input%">
<meta name="keywords" content="">
<meta name="author" content="%input%">
<meta property="og:description" content="%input%">
<meta property="og:image" content="http://cdn.lidkoping.se/img/lidkopings-kommun.png">
<meta property="og:title" content="%input%">
<meta property="og:url" content="%input%">
<link rel="alternate" type="application/rss+xml" title="%input%" href="%input%">
<link rel="stylesheet" href="http://cdn.lidkoping.se/css/screen.css" media="screen, projection">
<link rel="stylesheet" href="http://cdn.lidkoping.se/css/print.css" media="print">
<!--[if lte IE 8]><link href="http://cdn.lidkoping.se/css/ie.css" media="screen, projection" rel="stylesheet" type="text/css" /><![endif]-->
<link rel="icon" type="image/x-icon" href="http://cdn.lidkoping.se/img/favicon.png">
<script type="text/javascript" src="http://cdn.lidkoping.se/js/modernizr-latest.js"></script>
<script type="text/javascript">(function() { var config = { kitId: 'njq5xjf', scriptTimeout: 3000 }; var h=document.getElementsByTagName("html")[0];h.className+=" wf-loading";var t=setTimeout(function(){h.className=h.className.replace(/(\s|^)wf-loading(\s|$)/g," ");h.className+="
wf-inactive"},config.scriptTimeout);var tk=document.createElement("script"),d=false;tk.src='//use.typekit.net/'+config.kitId+'.js';tk.type="text/javascript";tk.async="true";tk.onload=tk.onreadystatechange=function(){var
a=this.readyState;if(d||a&&a!="complete"&&a!="loaded")return;d=true;clearTimeout(t);try{Typekit.load(config)}catch(b){}};var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(tk,s) })();</script>
</head>
<body>
<div id="skip"><a href="#navigation" tabindex="1">Till navigationen</a><a href="#main" accesskey="S" tabindex="1">Till innehållet</a></div>
<div id="header">
<header>
<div id="top" class="container">
<div class="row">
<div class="span12">
<h1 id="logo"><a href="/" accesskey="1" tabindex="1">Lidköpings kommun</a></h1>
</div>
</div>
</div>
<div id="navigation">
<div class="container">
<div class="row">
<div class="span12">
<a href="" class="visible-phone toggle-menu">Öppna meny</a>
<nav>
<ul id="main-navigation">
<li>
<a href="http://cdn.lidkoping.se/om-lidkoping/" tabindex="1"><span class="hidden-tablet">%input%</span> %input%</a>
<div class="sub_nav">
<div class="row">
<div class="span4">
<div class="left-column">
<h2 class="small">%input%</h2>
</div>
</div>
<div class="span8 right-column">
<div class="wrap">
<h2 class="small">%input%</h2>
<div class="row-fluid">
<div class="span4">
<ul>
<li><a href="#">%input%</a></li>
</ul>
</div>
<div class="span4">
<ul>
<li><a href="#">%input%</a></li>
</ul>
</div>
<div class="span4">
<ul>
<li><a href="%input%">%input%</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div id="filter">
<div class="container">
<div class="row">
<div class="span12">
<ul id="filter-container">
<li class="filter-wrap" id="filter-shortcut">
<nav>
<p class="meta">
<a tabindex="1" href="#">%input%</a> / <a tabindex="1" href="#"><strong>%input%</strong></a>
</p>
</nav>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
</div>
<div id="main" class="container" role="main">
<div class="row">
<div class="span3" id="sidebar">
<h2 class="hidden-phone"><a href="#">%input%</a></h2>
<ul id="leaf-navigation">
<li>
<a class="has_sub" href="#">%input%</a>
<ul>
<li><a class="has_sub" href="#">%input%</a>
</ul>
</li>
</ul>
</div>
<div id="content" class="span9">
<h1>%input%</h1>
<div class="row">
<div class="span6">
%input%
</div>
</div>
<div id="secondary" class="span3">
<div class="widget">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div id="footer_wrap">
<footer>
<div class="container">
<div class="row">
<div class="span3">
<h2 class="phone">Telefon och e-post</h2>
<p>Växel <strong><span class="intern">(+46)</span>0510-77 00 00</strong><br>
Fax <strong><span class="intern">(+46)</span>0510-77 00 00</strong><br>
<a href="mailto:kommun@lidkoping.se">kommun@lidkoping.se</a></p>
<h2>Post- och besöksadress</h2>
<address>
Lidköpings kommun<br>
531 88 Lidköping vid Vänern<br>
<a href="http://lidkoping.se/kontakt">Besöksadress: Skaragatan 8</a>
</address>
<h2>Sociala medier</h2>
<p>Följ oss på <a href="https://www.facebook.com/lidkopingskommun">Facebook</a> och <a href="https://twitter.com/lidkopingkommun">Twitter</a>.<br><a href="http://cdn.lidkoping.se/om-webbplatsen/sociala-medier/">Vi finns på fler ställen i sociala medier</a></p>
<p><a class="muted" href="http://cdn.lidkoping.se/wp-admin/">Redaktörsinloggning</a></p>
</div>
<div class="span3 hidden-phone limit">
<h2><a href="#">%input%</a></h2>
<p><a href="#">%input%</a>,</p>
</div>
<div class="span3 hidden-phone limit">
<h2><a href="#">%input%</a></h2>
<p><a href="#">%input%</a>,</p>
</div>
<div class="span3 hidden-phone limit">
<h2><a href="#">%input%</a></h2>
<p><a href="#">%input%</a>,</p>
</div>
</div>
</div>
<div id="legal_and_authors" role="contentinfo">
<div class="container">
<div class="row">
<div id="legal" class="span5">
<p>
<a href="%input%" accesskey="0">%in<span class="visible-desktop">put%</span></a><span>
</p>
</div>
<div id="authors" class="span7">
<p>
<a href="#">
<small>%input%</small>
%input%
</a>
</p>
<p>
<a href="#">
<small>%input%</small>
%input%
</a>
</p>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
<script src="http://cdn.lidkoping.se/js/scripts.js" type="text/javascript"></script>
</body>
</html>
<div class="row-fluid small-news push">
<div class="span3">
<article>
<header>
<time>%input%</time>
<a href="#">
<img width="270" height="168" alt="" src="#">
</a>
<h1><a href="#">%input%</a></h1>
</header>
<p>%input%</p>
</article>
</div>
<div class="span3">
<article>
<header>
<time>%input%</time>
<a href="#">
<img width="270" height="168" alt="" src="#">
</a>
<h1><a href="#">%input%</a></h1>
</header>
<p>%input%</p>
</article>
</div>
<div class="span3">
<article>
<header>
<time>%input%</time>
<a href="#">
<img width="270" height="168" alt="" src="#">
</a>
<h1><a href="#">%input%</a></h1>
</header>
<p>%input%</p>
</article>
</div>
<div class="span3">
<article>
<header>
<time>%input%</time>
<a href="#">
<img width="270" height="168" alt="" src="#">
</a>
<h1><a href="#">%input%</a></h1>
</header>
<p>%input%</p>
</article>
</div>
</div>
<div class="tab-container active">
<article>
<div data-group-id="%input%" class="tabs onlyjs">
<nav>
<ul>
<li><a class="active" data-toggle="tab" data-tab-id="0" href="#tab_1_0">%input%</a></li>
<li><a data-toggle="tab" data-tab-id="3" href="#tab_1_3">%input%</a></li>
<li><a data-toggle="tab" data-tab-id="2" href="#tab_1_2">%input%</a></li>
</ul>
</nav>
</div>
<div class="tab-content tab-content-1 onlyjs">
<div id="tab_1_0" class="row-fluid tab tab-pane">
%input%
</div>
<div id="tab_1_2" class="row-fluid tab tab-pane">
%input%
</div>
<div id="tab_1_3" class="row-fluid tab tab-pane">
%input%
</div>
</div>
</article>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment