From 6b281690a014e2085bab664188b58453c37645b4 Mon Sep 17 00:00:00 2001 From: Sean Ng Date: Wed, 13 Jan 2016 11:21:54 +0800 Subject: [PATCH] completed css website --- index.html | 32 +++++++++++++++++ mrbean.jpeg | Bin 0 -> 8714 bytes portfolio.html | 46 ++++++++++++++++++++++++ style.css | 95 +++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 173 insertions(+) create mode 100644 index.html create mode 100644 mrbean.jpeg create mode 100644 portfolio.html create mode 100644 style.css diff --git a/index.html b/index.html new file mode 100644 index 0000000..d6b6a9f --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ + + + + Joe Johnson + + + +
+ +

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/mrbean.jpeg b/mrbean.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..e7578d40b1af723ef1c7c1529b2d888a215e85ef GIT binary patch literal 8714 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 + + + Joe Johnson + + + +
+ +

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

+
    +
  • +

    Web Developer

    , Relaxr
    2015 - present
    +
    Developed a multi-column layout blog, landing page, and contact forms that render on mobile devices. +

    +
  • +
  • +

    Web Developer

    , Startup Matchmaker
    2015 - present
    +
    Used a design team's wireframes to develop this company's responsive homepage. +

    +
  • +
  • +

    Web Developer

    , Citipix
    2015 - present
    +
    Built web app prototype that allows users to store and quickly retrieve photos using keywords. +

    +
  • + + +
+ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..92b0878 --- /dev/null +++ b/style.css @@ -0,0 +1,95 @@ +.selected { + font-style: italic; +} +.para { + float: left; + width: 50%; +} +.bean { + text-align: right; + border: 2px solid; + margin: 10px 0px 10px 20px; + padding: 5px; +} +.portfolio2 { + display: block; + margin-left: 50px; +} + +.portfolioImage { + margin-left: 20px; + margin-top: 10px; + border: 2px solid; + padding: 5px; +} +.divider { + display: block; + margin-top:10px; + line-height: 20px; +} + +h1{ + font-family: arial; +} +h2 { + margin: 30px 0px; + font-family: arial; +} +h3 { + margin: 40px 0px 20px 0px; + font-size: 16px; + font-family: arial; +} +h4 { + font-weight: bold; + font-style: italic; + display:inline; + font-family: arial; +} +h5 { + display:inline; + font-weight: normal; + font-size: 15px; + font-family: arial; +} +h6 { + font-weight: normal; + display:inline; + font-family: arial; +} +body { + font-family: times; + font-size: 17px; + text-align: center; + margin: 40px 25px 40px 25px; + border-top: solid 5px; + border-bottom: solid 5px; + padding: 30px; +} +p { + font-family: times; + line-height: 22px; +} +article { + border-top: solid 1px; + border-bottom: solid 1px; + text-align: left; +} +header{ + display: inline; + font-family: arial; +} +footer { + font-style: bold; + display: inline; + font-family: arial; +} +ul { + -webkit-padding-start: 0px; +} +li { + display: inline; +} +a { + color: black; +} \ No newline at end of file