gentux-style-guide
Version:
<http://gentuxdesign.com>
87 lines (70 loc) • 2.15 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, nofollow">
<title>Hero Two Up Img Left</title>
<meta name="description" content="">
<link rel="stylesheet" href="/css/all.css">
<!-- <link rel="stylesheet" href="/css/all-menguin.css"> -->
</head>
<body>
<div class="bg-gray-lighter">
<section
class="
container-fluid
bg-offset-base bg-offset-leftbottom-5-2
pt-4 pt-md-5
pb-4 pb-sm-5 pb-lg-6
">
<div class="row align-vertical">
<div class="col-sm-8 col-md-5 col-lg-4 col-lg-offset-1">
<img class="shadow-level-4 img-responsive" src="https://media.gentux.com/afBxlPasNQvg2@kaysWHap9MTPcj">
</div>
<div class="col-sm-12 col-md-7 col-lg-6 pl-lg-5">
<h1 class="domd mb-3">
<div class="h4 mt-4 mt-sm-0 mb-1">Lorem ipsum dolor</div>
Typi non habent claritatem
</h1>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p>
<p>
<a class="btn btn-primary">Start Shopping</a>
</p>
</div><!-- /col -->
</div><!-- /row -->
</section>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<hr class="mt-5 mb-4">
</div>
</div>
</div><!-- /.container -->
<div class="container-fluid mt-3 mb-5">
<div class="row">
<div class="col-sm-12">
<a href="/modules" class="btn btn-hollow-primary">< Back to Modules</a>
</div>
</div>
</div><!-- /.container -->
</body>
<div class="
container
mt-6
pt-3
pb-6
bordered-top bordered-lighter
">
<div class="row">
<div class="col-sm-12">
<p class="small">Created by the design team at <a href="https://generationtux.com">Generation Tux.</a> Visit us on <a href="https://dribbble.com/gtux">Dribbble</a>.</p>
</div>
</div>
</div>
<script src="/js/app.js"></script>
</html>