Skip to content

Instantly share code, notes, and snippets.

@xavortm

xavortm/gist:d2e66e798ec847112cc3

Created March 18, 2015 09:01
Show Gist options
  • Save xavortm/d2e66e798ec847112cc3 to your computer and use it in GitHub Desktop.
Save xavortm/d2e66e798ec847112cc3 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Centsoft Static Preview</title>
<meta name="description" content="RLM Static Preview">
<meta name="author" content="SitePoint">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="css/master.css">
<!-- responsive meta (css tricks) -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700,300' rel='stylesheet' type='text/css'>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="off-canvas-wrap" data-offcanvas>
<div class="inner-wrap">
<!-- Begin the site content -->
<!-- add .overaly class when there is background under the header -->
<div class="wrapper-header">
<header class="site-header">
<div class="container">
<div class="row wide">
<div class="col-md-3 logo text-left">
<h1 class="site-logo"><a href="#">CentSoft</a></h1>
</div>
<div class="col-md-6 menu text-center">
<nav class="navbar navbar-default">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="col-md-3 extra text-right">
<a href="" class="btn primary">Kom igång nu</a>
<a class="right-off-canvas-toggle" href="#" ><span class='fa fa-bars'></span></a>
</div><!-- /extra -->
</div><!-- /row -->
</div><!-- /container -->
</header><!-- /site-header -->
</div><!-- /header-wrapper -->
<!-- End site content -->
<aside class="right-off-canvas-menu">
<ul class='off-canvas-list'><!-- This is the offcanvas menu -->
<li><a href="#">Some menu link</a></li>
<li><a href="#">You can put more here</a></li>
<li><a href="#">That is menu too</a></li>
</ul>
</aside><!-- /left-off-canvas-menu -->
<!-- END HEADER -->
<section class="fullwidth gray blog-featured-post">
<div class="container">
<div class="row">
<article class="column small-12 entry featured">
<div class="col-md-6">
<a href="#" class='entry-thumbnail'><img src="img/blog-img-2.png" alt=""></a>
</div>
<div class="col-md-6">
<h1 class="entry-title"><a href="#">Lorum ipsum dolor sit amet</a></h1>
<p class="entry-excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate </p>
<a href="#" class="read-more">Läs hela artikeln</a>
</div>
</article>
</div>
</div>
</section>
<section class="fullwidth blog-posts">
<div class="row">
<div class="col-md-4">
<article class='entry'>
<a href="#" class='entry-thumbnail'><img src="img/blog-img.png"></a>
<a href="#"><h3>Lorum ipsum dolor sit amet</h3></a>
</article>
</div>
<div class="col-md-4">
<article class='entry'>
<a href="#" class='entry-thumbnail'><img src="img/blog-img.png"></a>
<a href="#"><h3>Lorum ipsum dolor sit amet</h3></a>
</article>
</div>
<div class="col-md-4">
<article class='entry'>
<a href="#" class='entry-thumbnail'><img src="img/blog-img.png"></a>
<a href="#"><h3>Lorum ipsum dolor sit amet</h3></a>
</article>
</div>
</div>
<div class="row">
<div class="col-md-4">
<article class='entry'>
<a href="#" class='entry-thumbnail'><img src="img/blog-img.png"></a>
<a href="#"><h3>Lorum ipsum dolor sit amet</h3></a>
</article>
</div>
<div class="col-md-4">
<article class='entry'>
<a href="#" class='entry-thumbnail'><img src="img/blog-img.png"></a>
<a href="#"><h3>Lorum ipsum dolor sit amet</h3></a>
</article>
</div>
<div class="col-md-4">
<article class='entry'>
<a href="#" class='entry-thumbnail'><img src="img/blog-img.png"></a>
<a href="#"><h3>Lorum ipsum dolor sit amet</h3></a>
</article>
</div>
</div>
</section>
<footer class="fullwidth site-footer">
<div class="row">
<div class="col-md-4">
<a href="#" class="logo">Centsoft</a>
</div>
<div class="col-md-3">
<p>08-790 00 29</p>
<p>info@centsoft.se</p>
</div>
<div class="col-md-3">
<p>Stureplan 15,</p>
<p>111 45 Stockholm </p>
</div>
<div class="col-md-2">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
</div>
</div>
</footer>
<!-- START FOOTER -->
</div> <!-- /inner-wrap -->
</div> <!-- /off-canvas-wrap -->
<script src="js/jquery-2.1.3.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment