diff --git a/about.html b/about.html index df1043036..ed034080d 100644 --- a/about.html +++ b/about.html @@ -3,9 +3,39 @@ - Document + About + + + + -

ABOUT

- +
+ +
+ +
+
+
+

Rich Mayor

+
+ +
+ +
+ +
+

Here are some words about me and my journey in coding so far. These words are here.

+
+
+
+ + \ No newline at end of file diff --git a/contact.html b/contact.html index 7c293bd11..4e3777ab4 100644 --- a/contact.html +++ b/contact.html @@ -3,9 +3,20 @@ - Document - - -

CONTACT

- - \ No newline at end of file + Contact + + + + \ No newline at end of file diff --git a/images/aaron-burden-6jYoil2GhVk-unsplash.jpg b/images/aaron-burden-6jYoil2GhVk-unsplash.jpg new file mode 100644 index 000000000..0c1f82095 Binary files /dev/null and b/images/aaron-burden-6jYoil2GhVk-unsplash.jpg differ diff --git a/images/annie-spratt-4-4WPFLVhAY-unsplash.jpg b/images/annie-spratt-4-4WPFLVhAY-unsplash.jpg new file mode 100644 index 000000000..98f946e74 Binary files /dev/null and b/images/annie-spratt-4-4WPFLVhAY-unsplash.jpg differ diff --git a/images/hal-gatewood-alntq-WvZZM-unsplash.jpg b/images/hal-gatewood-alntq-WvZZM-unsplash.jpg new file mode 100644 index 000000000..1bf36cd4a Binary files /dev/null and b/images/hal-gatewood-alntq-WvZZM-unsplash.jpg differ diff --git a/images/jonathan-borba-Z1Oyw2snqn8-unsplash.jpg b/images/jonathan-borba-Z1Oyw2snqn8-unsplash.jpg new file mode 100644 index 000000000..7e309e88d Binary files /dev/null and b/images/jonathan-borba-Z1Oyw2snqn8-unsplash.jpg differ diff --git a/images/josh-applegate-p_KJvKVsH14-unsplash.jpg b/images/josh-applegate-p_KJvKVsH14-unsplash.jpg new file mode 100644 index 000000000..4f158a6f3 Binary files /dev/null and b/images/josh-applegate-p_KJvKVsH14-unsplash.jpg differ diff --git a/images/kid.jpeg b/images/kid.jpeg new file mode 100644 index 000000000..71de43e86 Binary files /dev/null and b/images/kid.jpeg differ diff --git a/index.html b/index.html index d01f779ff..1be8b334a 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,20 @@ - + - - - Document + + + Rich's portfolio + + - - - - \ No newline at end of file + + + + \ No newline at end of file diff --git a/projects.html b/projects.html index 266e620b0..4d9f303ad 100644 --- a/projects.html +++ b/projects.html @@ -6,6 +6,52 @@ Document -

PROJECTS

+ +
+

My Projects

+ +
+
+

Here's photo one

+
+ +
+
+

Here's photo two

+
+ +
+
+

Here's photo three

+
+ +
+
+

Here's photo four

+
+ +
+
+

Here's photo five

+
+ +
+
+

Here's photo six

+
+ +
+
+

Here's photo seven

+
+ +
+
+

Here's photo eight

+
+ +
+ + \ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..918e77dbe 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,79 @@ -/* Add CSS styling here */ \ No newline at end of file +/* Add CSS styling here */ + +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; +} + +* { + box-sizing: border-box; + padding: 2px; + margin: 2px; + max-width: 100%; /*this is saying you can never be bigger than your parent*/ + border: 1px solid grey; + } + + html { + font-size: 62.5%; + } + + body { + line-height: 2; + font-size: 1.5rem; + font-family: "Nunito Sans", sans-serif; + } + + section { + padding: 4% 0; + } + + /* Navigation section styles */ + + .navigation + + /* about section styles */ + + footer { + background-color: grey; + text-align: center; + width: 50%; + height: 20%; + } + + /* photos section */ + + .Photos{ + width:50%; + display: flex; + flex-wrap: wrap; + /* justify-content:space-around; */ + } + + + @media (max-width: 800px) { + .navigation { + font-size: 2rem; + display: flex; + flex-wrap: wrap; + } + } + + @media (max-width: 500px) { + } + \ No newline at end of file