diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 000000000..f8cf47d3f Binary files /dev/null and b/.DS_Store differ diff --git a/index.html b/index.html index d01f779ff..3de1ad84f 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,63 @@ + + + + Document + - +
+
+

David Madden

+
+
+ +
+
+
+
+

David Madden

+ Hire this guy +
+
+ + \ No newline at end of file diff --git a/pics/books.JPG b/pics/books.JPG new file mode 100644 index 000000000..d5243cb23 Binary files /dev/null and b/pics/books.JPG differ diff --git a/pics/chickens.jpg b/pics/chickens.jpg new file mode 100644 index 000000000..60b7427b8 Binary files /dev/null and b/pics/chickens.jpg differ diff --git a/pics/cooking.jpg b/pics/cooking.jpg new file mode 100644 index 000000000..b5102cc72 Binary files /dev/null and b/pics/cooking.jpg differ diff --git a/pics/garden.JPG b/pics/garden.JPG new file mode 100644 index 000000000..586629a61 Binary files /dev/null and b/pics/garden.JPG differ diff --git a/pics/garden2.jpg b/pics/garden2.jpg new file mode 100644 index 000000000..4614375a8 Binary files /dev/null and b/pics/garden2.jpg differ diff --git a/pics/hero.JPG b/pics/hero.JPG new file mode 100644 index 000000000..ad3672248 Binary files /dev/null and b/pics/hero.JPG differ diff --git a/pics/homestead.JPG b/pics/homestead.JPG new file mode 100644 index 000000000..ca1f49e50 Binary files /dev/null and b/pics/homestead.JPG differ diff --git a/pics/nap.jpg b/pics/nap.jpg new file mode 100644 index 000000000..a379868cf Binary files /dev/null and b/pics/nap.jpg differ diff --git a/pics/rainbow.JPG b/pics/rainbow.JPG new file mode 100644 index 000000000..ec34ea2c8 Binary files /dev/null and b/pics/rainbow.JPG differ diff --git a/pics/scythe.JPG b/pics/scythe.JPG new file mode 100644 index 000000000..66b295672 Binary files /dev/null and b/pics/scythe.JPG differ diff --git a/pics/vgg.jpg b/pics/vgg.jpg new file mode 100644 index 000000000..1be0dc22b Binary files /dev/null and b/pics/vgg.jpg differ diff --git a/style/index.css b/style/index.css index 440e53514..3d48258c4 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,163 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Add CSS styling here */ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + /* border: 0; */ + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1.5; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +/* end of reset */ + +/*defaults*/ +*{ + box-sizing: border-box; /*respect the width*/ + max-width: 100%; /*stops images from being larger than their parent*/ + padding:0; + margin:0; + /* border: 1px solid grey; */ +} + +html{ + font-size:62.5%; /*makes 1 rem == 10px*/ +} +body{ + font-size:1.6rem; /*brings back to 16px, but responsive*/ + color: #4F4F4F; + margin:2%; +} +/*end of defaults*/ + +h1, h2, h3{ + font-family: 'Old Standard TT', serif; + text-transform: uppercase; +} +a{ + font-family: 'Fira Mono', monospace; + text-transform:lowercase; + text-decoration: none; + padding:1%; + text-align:center; + color: black; +} +p{ + font-family: 'Fira Sans', sans-serif; +} + +h1{ + font-size: 7rem; + text-align: center; +} +h2{ + font-size:3rem; +} + +header{ + display:flex; + justify-content: space-between; + /* align-content:center; */ +} +header div{ + width:40%; +} + +header .right{ + /* display:flex; */ +} +nav{ + align-content:center; + display:flex; + justify-content: space-between; +} + +nav a, .hero div a, footer a{ + border:1px solid black; + border-radius: 5px;; +} +nav a{ + background-color:pink; +} + +.hero div a, footer a{ + background-color: white; +} + +.hero{ + display:flex; + justify-content: center; + align-items: center; + height:50vh; + color: white; +} +.hero div{ + display:flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 80%; + height: 90%; + background-image: url(/pics/rainbow.JPG); + background-size: cover; + background-position: center; +} +.gallery{ + display:flex; + flex-wrap: wrap; + justify-content: space-around; + margin-top: 20px; + margin-bottom: 20px; +} +.gallery-item{ + width:30%; + display:flex; + flex-direction: column; +} +footer { + background-color: pink; + display:flex; + justify-content: center; + align-items: center; + min-height: 100px; + +} \ No newline at end of file