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,102 @@
<!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: 15px 0px 0px 0px;
height: 450px;
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>
<!-- 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">
<a class="nav-link" href="/index.html">Home
</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">About</a>
<span class="sr-only">(current)</span>
</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">About LoremCorp</h1>
<p class="lead">A family business since 1865</p>
</div>
</div>
<div class="row">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.</p>
<p>Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.</p>
<p>Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.</p>
<p>Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan a, consectetuer eget, posuere ut, mauris. Praesent adipiscing. Phasellus ullamcorper ipsum rutrum nunc. Nunc nonummy metus. Vestibulum volutpat pretium libero. Cras id dui. Aenean ut eros et nisl sagittis vestibulum. Nullam nulla eros, ultricies sit amet, nonummy id, imperdiet feugiat, pede. Sed lectus. Donec mollis hendrerit risus. Phasellus nec sem in justo pellentesque facilisis. Etiam imperdiet imperdiet orci. Nunc nec neque. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Maecenas malesuada. Praesent congue erat at massa. Sed cursus turpis vitae tortor. Donec posuere vulputate arcu. Phasellus accumsan cursus velit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac</p>
</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>

View File

@@ -0,0 +1,106 @@
<!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 - Contact us!</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;
}
}
</style>
</head>
<body>
<!-- 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">
<a class="nav-link" href="/index.html">Home
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about.html">About</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="#">Contact</a>
<span class="sr-only">(current)</span>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<div class="row">
<div class="col-lg-4"></div>
<div class="col-lg-4 text-center">
<h1 class="mt-5">Contact</h1>
<p class="lead">Contact our competent staff.</p>
<form action="/send.php" method="post">
<div class="form-group">
<label for="email">Your E-Mail:</label>
<input name="mail" type="email" class="form-control" id="email">
</div>
<div class="form-group">
<label for="contact">Select Contact:</label>
<select name="contact" class="form-control" id="contact">
<option disabled selected>-- Select a contact --</option>
<option value="dorothy">Dorothy R.</option>
<option value="juan">Juan F. H.</option>
<option value="janice">Janice A.</option>
<option value="dale">Dale B.</option>
</select>
</div>
<div class="form-group">
<label for="subject">Subject:</label>
<input type="text" class="form-control" id="subject">
</div>
<div class="form-group">
<label for="text">Text:</label>
<textarea class="form-control" id="text"></textarea>
</div>
<div class="checkbox">
<label>
<input type="checkbox" required> I accept <a href="https://www.youtube.com/watch?v=oHg5SJYRHA0">everything</a>!</label>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
</div>
<div class="col-lg-4"></div>
</div>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
</body>
</html>

View File

@@ -0,0 +1,5 @@
Dale Booher<br>
Technical Support - S0<br>
Mail: dale.b@loremcorp.local<br>
Tel.: 1-012-099-8700<br>
Cell: 1-202-555-0186

View File

@@ -0,0 +1,4 @@
Dorothy Rollison<br>
CEO - B1<br>
Mail: dorothy.r@loremcorp.local<br>
Tel.: 1-012-099-8701

View File

@@ -0,0 +1 @@
MNZ{This_Is_Not_The_Contact_You_Are_Looking_For}

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 MiB

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>

View File

@@ -0,0 +1,4 @@
Janice Anderson
Accounting - A1
Mail: janice.a@loremcorp.local
Tel.: 1-012-099-8763

View File

@@ -0,0 +1,4 @@
Juan F. Homand<br>
Sales management - A4<br>
Mail: juan.fh@loremcorp.local<br>
Tel.: 1-012-099-8722

View File

@@ -0,0 +1,28 @@
<?php
$contact = replace("..", "", $_POST["contact"]);
$recipient = $_POST['mail'];
$msg = "Thank you for contacting LoremCorp.\n<br>";
$msg .= "The contact you selected will get back to you as sool as possible.\n<br>";
$msg .= "A response can take up to 7 work days.\n<br>";
$msg .= "\n<br>";
$msg .= "In the case of an emergency, refer to the contact details below:\n<br>";
$msg .= file_get_contents($contact.".txt");
// use wordwrap() if lines are longer than 70 characters
$msg = wordwrap($msg,70);
$headers = "";
$headers .= "From: Lorem Corp <noreply@loremcorp.local> \r\n";
$headers .= "Reply-To: noreply@loremcorp.local\r\n" ."X-Mailer: PHP/" . phpversion();
$headers .= 'MIME-Version: 1.0' . "\r\n";
$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n"; // send email
mail($recipient,"We have received your email!",$msg, $headers);
?>
<style>
#thanks {
margin: 25%;
font-size: 25px;
}
</style>
<div id="thanks">You will receive a confirmation E-Mail shortly. <br>
Thank you for contacting us!<br>
<a href="/index.html">Return to our homepage</a></div>

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long