diff --git a/images b/images new file mode 100644 index 000000000..2edd80fd2 --- /dev/null +++ b/images @@ -0,0 +1,6 @@ +https://thedestinyformula.com/wp-content/uploads/2018/07/video-game-room-ideas-wallpaper.jpg +https://sebringdesignbuild.com/wp-content/uploads/2019/09/Home-Theater-Ideas-1-Sebring-Design-Build.jpg?x41361 +https://xtremecarpetcleaning.biz/files/2019/05/xtreme1.png +https://i.pinimg.com/474x/78/9c/c9/789cc9449a0905df6c6af28432e2f201.jpg +https://i.pinimg.com/564x/4d/0a/b1/4d0ab1ed90511677a5f4b38d1d479699.jpg +https://img.jakpost.net/c/2018/05/08/2018_05_08_45539_1525755419._large.jpg \ No newline at end of file diff --git a/index.html b/index.html index d01f779ff..562a31927 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,66 @@ + - Document + + Noah Bibb + - +
+
+

Noah Bibb

+
+
+ +
+
+
+
+
+

Noah Bibb

+ + + +
+
+
+
+ Gamebling +

Gamebling Project

+
+
+ house +

Real Estate Project

+
+
+ cleaning +

Xtreme Cleaners Project

+
+
+ car +

cool thing

+
+
+ fire pit +

fun thing

+
+
+ spicy +

spicy thing

+
+
+
+ + \ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..f36e8d54f 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,258 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Add CSS styling here */ + + +/* add your reset */ + + +/* 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; +} + +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; +} + + +/* header selection styles */ + +* { + box-sizing: border-box; + /* padding: 1; */ + /* margin: 1; */ + /* max-width: 100%; */ + border: 1px solid black; +} + +a { + text-decoration: none; + color: black; +} + +img { + width: 100%; +} + +header { + height: 10vh; + display: flex; + justify-content: space-between; +} + +header div { + width: 50%; +} + +header div nav a { + width: 10rem; + height: 2rem; + display: flex; + justify-content: center; + align-items: center; + border-radius: .5rem; +} + +header div nav a:hover { + background-color: white; + color: black; +} + +.button-selected { + color: white; + background-color: black; +} + +nav { + width: 100%; + display: flex; + justify-content: space-between; + align-items: center; +} + +main { + display: flex; + flex-direction: column; +} + +.cta { + display: flex; + justify-content: center; +} + +.cta article { + background-image: url(https://www.lechzuers.com/app/uploads/2019/01/cs_20140325_lech_zuers_snowboard_0027-1920x1080.jpg); + width: 70%; + height: 30rem; + display: flex; + justify-content: space-evenly; + align-items: center; + flex-direction: column; + border-radius: 5rem; +} + +.Projects { + display: flex; + flex-wrap: wrap; + justify-content: space-around; +} + +.Projects article { + width: 30%; + display: flex; + flex-direction: column; + align-items: center; + margin-bottom: 2rem; + border-radius: .5rem; +} + +footer { + display: flex; + justify-content: center; + align-items: center; + height: 10px; +} + +h1 { + font-size: 50px; +} + +button { + border: none; + background: none; + color: black; + padding: 1; +} + +button:hover { + background-color: black; + color: white; +} \ No newline at end of file