Importing LoremCorp challenges

This commit is contained in:
Jan Groß
2018-07-08 19:07:37 -04:00
parent aba24b087a
commit 2c718972c7
37 changed files with 40783 additions and 0 deletions

View File

@@ -0,0 +1,127 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>LoremCorp - Providing quality service since {{founding_year}}</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<style>
body {
padding-top: 54px;
}
@media (min-width: 992px) {
body {
padding-top: 56px;
}
}
#image-footer {
overflow: hidden;
width: 100%;
padding: 0px;
margin: -150px 0px 0px 0px;
height: 350px;
background-image: url("header.jpeg");
background-size: cover;
}
.cards .card {
background-color: rgba(255, 255, 255, 0.8);
padding: 25px;
height: 300px;
}
</style>
</head>
<body>
<div style="display: none">challenge_chk</div>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">LoremCorp</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="/index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h1 class="mt-5">LoremCorp</h1>
<p class="lead">This is what peak professionalism looks like!</p>
<ul class="list-unstyled">
<li>Send business inquiries to</li>
<li>business@loremcorp.local</li>
<li>or use the form on our Contact page.</li>
</ul>
</div>
</div>
<div class="row cards">
<div class="col-lg-3">
<div class="card">
<h3>Reliable</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi utvelit esse cillum dolore eu fugiat
nulla pariatur.</div>
</div>
<div class="col-lg-3">
<div class="card">
<h3>Fast</h3>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam,
eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dolores eos qui ratione?</div>
</div>
<div class="col-lg-3">
<div class="card">
<h3>Professional</h3>
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti
quos dolores et quas molestias excepturi sint occaecati cupiditate non provident. Et facilis est et expedita.</div>
</div>
<div class="col-lg-3">
<div class="card">
<h3>Positive header</h3>
Integer et lorem risus. Nullam mattis, augue in feugiat dapibus, velit justo blandit augue, luctus placerat orci
quam quis neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra. Id mattis est posuere.
<div></div>
</div>
</div>
</div>
</div>
<div id="image-footer">
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>