From 864c4f966438e6ba8e6ebbbe30e074f6ae79c1c5 Mon Sep 17 00:00:00 2001 From: Ashley McDonnell Date: Thu, 14 Sep 2017 12:21:32 +1000 Subject: [PATCH] completed jumbotron reproduction --- README.md | 2 + index.html | 105 +++++++++++++++++++++++++++++++++++++++++++++++++++++ styles.css | 4 ++ 3 files changed, 111 insertions(+) create mode 100644 index.html create mode 100644 styles.css diff --git a/README.md b/README.md index a38d4d6..5bdf645 100644 --- a/README.md +++ b/README.md @@ -3,4 +3,6 @@ assignment_bootstrap_sprint Pick yourself up! +Ashley McDonnell + [A Bootstrap, HTM5 and SASS project from the Viking Code School](http://www.vikingcodeschool.com) diff --git a/index.html b/index.html new file mode 100644 index 0000000..73d9a75 --- /dev/null +++ b/index.html @@ -0,0 +1,105 @@ + + + + + + + + Jumbotron! + + + + + + + + + + + + +
+
+

Hello World!

+

This is a template for a simple marketing or informational website. + It includes a large callout called a jumbotron and three supporting + pieces of content. Use it as a starting point to create something + more unique.

+ +
+
+ +
+
+
+

Heading1

+

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

+

+ View details +

+
+ +
+

Heading2

+

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

+

+ View details +

+
+ +
+

Heading3

+

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

+

+ View details +

+
+ +
+ +
+
+
+ + +
2017 Ashley McDonnell
+
+ + + + + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..9fc7d65 --- /dev/null +++ b/styles.css @@ -0,0 +1,4 @@ +body { + padding-top: 50px; + padding-bottom: 20px; +}