From c924ddc152a4bc4e6d77e1c29e0c0dead1757a10 Mon Sep 17 00:00:00 2001 From: Jacklyn Carroll Date: Wed, 1 Jul 2015 16:39:57 -0500 Subject: [PATCH 1/3] Added my name. --- index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 4b1c03f..a0bad03 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,9 @@ - + Jacklyn Carroll - +

Jacklyn

From 4f378af51fd480e84db33f01dc8a53d19702c091 Mon Sep 17 00:00:00 2001 From: Jacklyn Carroll Date: Sun, 5 Jul 2015 12:41:00 -0500 Subject: [PATCH 2/3] Social media link placeholders added, background, 'main' part of page --- index.html | 19 +++++++++---- style.css | 81 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 94 insertions(+), 6 deletions(-) create mode 100644 style.css diff --git a/index.html b/index.html index a0bad03..b4d5dbe 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,19 @@ - - + - - - Jacklyn Carroll + + JS Bin -

Jacklyn

+
+

JACKLYN CARROLL

+ + +

This is some text for the main box in the middle of the screen.

+
diff --git a/style.css b/style.css new file mode 100644 index 0000000..33ec360 --- /dev/null +++ b/style.css @@ -0,0 +1,81 @@ +html { + box-sizing: border-box; +} +*, *:before, *:after { + box-sizing: inherit; +} +* { + margin:0px; + padding:0px; + color:black; + font-family:sans-serif; + background-image:url(http://i62.tinypic.com/nl9y1d.png); +} + +.main p, h1 { + background:white; + +} + +.main { + width:550px; + height:450px; + background:white; + padding:25px; + margin:auto; + margin-top:100px; + border: 1px solid #E3E3E3; +} + +.main h1 { + text-align:center; + font-family: Futura; +} + +.main { + text-align:center; + background:white; +} + +.main li { + list-style-type: none; + display: inline; + font-family: Futura; + background:white; +} + +.main li:before { + content:"["; + padding: 5px; +} + +.main li:after { + content:"]"; + padding: 5px; +} + +.main a { + text-decoration:none; + background:white; +} + +.main ul { + background:white; +} + +a:hover { + color:#FF9999; +} + +.main p { + padding-top:15px; + font-family: garamond; + font-size: 20px; +} + +.main img { + height:200px; + display:inline-block; + padding:10px; + background:white; +} From 1eb786dd2d928b22c638dfebb02de1feaed54542 Mon Sep 17 00:00:00 2001 From: Jacklyn Carroll Date: Sun, 5 Jul 2015 16:42:31 -0500 Subject: [PATCH 3/3] Final draft. The heading, social media links and photo are all centered at the top of the box. The paragraph is below the picture. The background is a subtle design. --- index.html | 14 ++++++++------ style.css | 22 +++++++++++++--------- 2 files changed, 21 insertions(+), 15 deletions(-) diff --git a/index.html b/index.html index b4d5dbe..4dbfa64 100644 --- a/index.html +++ b/index.html @@ -2,18 +2,20 @@ - JS Bin + Jacklyn Carroll

JACKLYN CARROLL

- -

This is some text for the main box in the middle of the screen.

+ profile +

+ My name is Jacklyn Carroll and I am currently a student at The Iron Yard in Little Rock, Arkansas. I chose to learn how to develop because I love learning how things work. I used to build basic websites when I was younger, and I always loved figuring out how to write the html and why something was or wasn't working. I also know that learning how to code will help me find a better job. My main career goal is to do something that helps others, and I think coding will add the advantage I need to get a job that I love. +

diff --git a/style.css b/style.css index 33ec360..dcb6e16 100644 --- a/style.css +++ b/style.css @@ -12,24 +12,25 @@ html { background-image:url(http://i62.tinypic.com/nl9y1d.png); } -.main p, h1 { +.main p { background:white; } .main { - width:550px; - height:450px; + width:650px; + height:500px; background:white; padding:25px; margin:auto; - margin-top:100px; + margin-top:50px; border: 1px solid #E3E3E3; } -.main h1 { +h1 { text-align:center; font-family: Futura; + background:white; } .main { @@ -40,7 +41,6 @@ html { .main li { list-style-type: none; display: inline; - font-family: Futura; background:white; } @@ -57,6 +57,7 @@ html { .main a { text-decoration:none; background:white; + font-family: Futura; } .main ul { @@ -71,11 +72,14 @@ a:hover { padding-top:15px; font-family: garamond; font-size: 20px; + float:left; + text-align:left; } .main img { - height:200px; - display:inline-block; - padding:10px; + height:180px; + margin-top: 20px; + padding:5px; background:white; + border: 1px solid black; }