diff --git a/index.html b/index.html index d01f779ff..8acbcfb92 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,70 @@ - - - - Document - - - - + + + + + + + +
+

Jon Sawyers

+ +
+
+
+ Picture of Jon Sawyers +
+
+

Jon Sawyers

+ My Projects +

Here are some words about me and my journey in coding so far. These words are authentic and inspiring. These words tell my story.

+
+
+
+
+
+ Woman and her Siberian Husky sitting on edge of cliff overlooking canyon. +

Title of a

+
+
+ +

Project

+
+
+ +

Might Go

+
+
+ +

Right Here

+
+
+ +

Cool Thing

+
+
+ +

Fun Thing

+
+
+ +

Spicy Thing

+
+
+ +

Special Thing

+
+
+
+ + \ No newline at end of file diff --git a/pictures/profilepic.jpg b/pictures/profilepic.jpg new file mode 100644 index 000000000..82a0fd05c Binary files /dev/null and b/pictures/profilepic.jpg differ diff --git a/style/index.css b/style/index.css index 440e53514..9656c6608 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,75 @@ -/* Add CSS styling here */ \ No newline at end of file +html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, +del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, +dl, dt, dd, ol, ul, li, fieldset, form, label, legend { + vertical-align: baseline; + font-family: inherit; + font-weight: inherit; + font-style: inherit; + font-size:100%; + outline: 0; + padding: 0; + margin: 0; + } +/* remember to define focus styles! */ +:focus { + outline: 0; + } +ol, ul { + list-style: none; + } +/* tables still need cellspacing="0" in the markup */ +table { + border-collapse: separate; + border-spacing: 0; + } +caption, th, td { + font-weight: normal; + text-align: left; + } +/* remove possible quote marks (") from &
*/ +blockquote:before, blockquote:after, q:before, q:after { + content: ""; + } +blockquote, q { + quotes: "" ""; + } +*{ + box-sizing: border-box; + max-width: 100%; + border:1px solid black; +} +html{ + font-size: 62.5%; +} + +/*Header Style*/ + +header{ + background-color: gray; +} +h1{ + font-size: 5.5rem; + color: white; + +} +header nav a{ + text-decoration:none; + font-size: 2rem; + color:white; + background-color: black; + +} + +/*About Style*/ + +#about { + display: flex; + justify-content: space-between; + width:50%; + height:50vh; +} +#about .left{ + width:20%; + +} \ No newline at end of file