diff --git a/images/boy-happy-face.png b/images/boy-happy-face.png new file mode 100644 index 0000000..1b1aa92 Binary files /dev/null and b/images/boy-happy-face.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..df79f71 --- /dev/null +++ b/index.html @@ -0,0 +1,35 @@ + + + + html css lab + + + +
+ +

JOE JOHNSON

+
+
+

I ENJOY LIFE AS A DEVELOPER

+

I'm Joe Johnson, a Developer based in NYC. I Have ten years of experience in the graphic design world, specializing in the creation of responsive websites.

+
+ +
+
+ + + \ No newline at end of file diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 0000000..1e6cb68 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,60 @@ + + + + html css lab + + + +
+ +

JOE JOHNSON

+
+
+
+

Experience

+

I recently graduated from a Front-End Web Development course at General Assembly where I learned HTML, CSS, JavaScript, jQuery and how to be an awesome Front-End Web Developer! During my spare time, I enjoy senior water aerobics, pickling, and spending time with my goldfish, Jerry.

+

PORTFOLIO

+ +

EDUCATION

+ +
+ + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..7b03aa5 --- /dev/null +++ b/style.css @@ -0,0 +1,110 @@ +body { + background-color: #DCE8E4; +} + +header { + border-top: 6px solid; + margin: 40px 80px 0px 80px; + text-align: center; + font-family: arial, serif; +} + +.border > ul > li{ + display: inline; + font-size: 25px; + font-weight: bold; + margin-bottom: 0px; +} + +h1 { + margin-top: 0px; + font-size: 60px; +} + +article { + border-top: 1px solid; + border-bottom: 1px solid; + margin: 0px 120px 0px 120px; +} + +.padding{ + text-align: left; + font-size: 20px; + line-height: 1.2; + width: 400px; + margin: 80px 0px 70px 0px; +} + +h2 { + font-family: arial, serif; + letter-spacing: 5px +} + +p { + letter-spacing: 0px; +} + +#visual{ + float: right; + margin: 20px 80px 20px 5px; + border: 1px solid; + padding: 10px; +} + +footer { + border-bottom: 6px solid; + margin: 15px 80px 35px 80px; + font-size: 21px; + font-weight: bold; + text-align: center; +} + +#foot > ul > li{ + font-style: underline; + display: inline; +} + +#experience { + font-size: 40px; + letter-spacing: 0px; + +} + +#graduated { + font-size: 25px; + letter-spacing: 1px; +} + +h3 { + font-size: 30px; + font-family: arial, serif; +} + +.smaller { + font-size:25px; + font-family: arial, serif; +} + +span { + font-weight: bold; + font-variant: italic; + font-size: 25px; +} + +.small { + font-size: 20px; + font-style: normal; + font-weight: normal; + +} + +.visual2 { + border: 1px solid; + padding: 10px; + margin: 20px 300px 35px 50px; + float: center; +} + +.edu { + font-size: 25px; +} \ No newline at end of file