-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (71 loc) · 6.51 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Title</title>
<meta name="description" content="">
<meta name="robots" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- ********* Because of Internet Explorer and old browsers... ************** -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--[if IE]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!-- this loads an error if you are using an old broswer -->
<!--[if lt IE 8]><p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p><![endif]-->
<!-- ********* End of old browser stuff *********** -->
<link rel="apple-touch-icon" href="apple-touch-icon.png"><!-- if you want an apple icon -->
<!-- Bootstrap 4 CSS-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" integrity="sha384-AysaV+vQoT3kOAXZkl02PThvDr8HYKPZhNT5h/CXfBThSRXQ6jW5DO2ekP5ViFdi" crossorigin="anonymous">
<!-- ************* Insert your CSS below **************-->
<link rel="stylesheet" type="text/css" href="screen.css" media="screen">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
<div id="container" class="container"><!-- id container is for JavaScript generic container class for bootstrap or css -->
<header>
<h1 class="text-center">Hello World!</h1>
<nav><!--Start of the Nav -->
<ul>
<li><a href="#" title="">Nav Link 1</a></li>
<li><a href="#" title="">Nav Link 2</a></li>
<li><a href="#" title="">Nav Link 3</a></li>
</ul>
</nav><!--End of the Nav -->
</header>
<main><!--this is like the wrapper-->
<section> <!-- header, main, and footer, tags can optionally be used in section if needed -->
<h2>Section Header</h2> <!-- Make sure you keep this if you use the section tag. Section should never be used in place of a div tag. -->
<p>
Lorem ipsum In irure sed in culpa nostrud ut Ut mollit consectetur Excepteur in ullamco Duis consectetur velit irure est ut fugiat do consectetur. Lorem ipsum Occaecat voluptate eu sunt amet ex eiusmod est ea ullamco ex anim laborum dolor culpa reprehenderit sint laboris in. Lorem ipsum Duis minim sint aliquip in sunt aliquip ex sint eu ut quis consectetur dolor occaecat irure nostrud qui in aute exercitation in amet tempor ea dolor et sunt laboris ad minim commodo veniam commodo mollit ex deserunt ut incididunt deserunt consectetur minim nostrud voluptate sit ea in Ut deserunt esse velit labore sunt Duis sunt non cupidatat eu occaecat mollit laborum <span>ommodo minim dolore laboris occaecat in ea nisi</span> cfugiat exercitation dolor in velit proident in enim sunt ut labore nisi commodo labore sunt eiusmod id dolor nostrud sit eu tempor dolor irure sit nisi <b>Duis reprehenderit </b>elit exercitation Excepteur Duis in in sunt est labore Duis dolore Ut fugiat in mollit laborum mollit dolore incididunt culpa Duis ut sed incididunt ea ut proident fugiat aliqua non nisi veniam <em>incididunt </em>ut Ut eu in aliquip <i>officia</i> voluptate Ut aute dolore reprehenderit labore qui qui id esse laborum magna enim velit ad quis consequat mollit ex exercitation sunt occaecat Ut anim in exercitation et fugiat aute adipisicing nostrud Ut ex reprehenderit labore incididunt in elit deserunt ullamco culpa voluptate quis nostrud proident non dolor mollit in amet veniam nulla labore ad veniam consectetur ea irure pariatur proident dolor esse magna ut.
</p>
<p>
Lorem ipsum Minim nulla nulla sint consequat Ut eiusmod dolore in dolore minim dolor quis eiusmod incididunt laboris sit in sint exercitation esse irure cupidatat anim aute elit fugiat tempor aute ullamco id esse mollit est do do aliquip anim amet fugiat tempor ullamco eiusmod anim ex adipisicing amet sint elit ad minim enim Duis qui dolore minim ad consectetur aliqua nulla consequat culpa in laborum irure deserunt laborum fugiat magna dolore ullamco dolor ut nisi anim dolor reprehenderit in occaecat veniam tempor voluptate sed esse incididunt ut nostrud eu tempor Excepteur labore aute deserunt laboris cupidatat esse dolor in occaecat mollit est veniam officia elit et cillum laboris nulla commodo ad occaecat labore do in eiusmod consequat ea dolore exercitation ad consequat dolore aliquip irure voluptate eu ullamco dolore in sunt occaecat id eiusmod.
</p>
</section>
<aside>
<img src="http://placehold.it/200x150" alt="Insert a description here.">
<p>Lorem ipsum Officia eu nisi aliquip et cillum ea do deserunt in labore ex Excepteur nulla irure non irure velit co∫nsequat ullamco aliqua cupidatat dolor voluptate fugiat dolor consequat consectetur amet sint.</p>
</aside>
</main><!-- closes the main-->
<footer>
<p>©2017 Matthew Wilkinson</p>
<a href="#" title="link title"><img src="#" alt="#"></a>
</footer>
</div><!-- Closes the container Div -->
<!-- jQuery first, then Tether, then Bootstrap JS. -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" integrity="sha384-3ceskX3iaEnIogmQchP8opvBy3Mi7Ce34nWjpBIwVTHfGYWQS9jwHDVRnpKKHJg7" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.3.7/js/tether.min.js" integrity="sha384-XTs3FgkjiBgo8qjEjBk0tGmf3wPrWtA6coPfQDfFEY8AnYJwjalXCiosYRBIBZX8" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js" integrity="sha384-BLiI7JTZm+JWlgKa0M0kGRpJbF2J8q+qreVrKBC47e3K6BW78kGLrCkeRX6I9RoK" crossorigin="anonymous"></script>
<!-- ***************** LOAD YOUR OWN CUSTOM JS HERE ************** -->
<script src="js/main.js"></script>
<!-- ________________________________________________________________________________
| |
| This template was inspired by: |
| * bootstrap | http://www.getbootstrap.com |
| * HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ |
| * forks and code variations avialable on github @chezmatt |
| * Special thanks to Prof. Audrey Blumeneau @UCSC Silicon Valley extension |
| * This code on this page is FREE (as in speech) to use in any way you want! |
| * Please see respective licenses above for details. |
| by: Matthew L. Wilkinson | http://mlwilkinson.com | @chezmatt | CMYK.ninja |
|________________________________________________________________________________|
-->
</body>
</html>