diff --git a/images/contact.png b/images/contact.png new file mode 100644 index 0000000..c99dcb2 Binary files /dev/null and b/images/contact.png differ diff --git a/index.html b/index.html index 932eb4c..44b77be 100644 --- a/index.html +++ b/index.html @@ -104,17 +104,19 @@

Katherine Konrad

kaybiz.net
+ +
- +

Education

@@ -233,8 +235,9 @@

Volunteer Work

  • Local Area Language tutor
  • Assistant at senior center
  • -
    -
    - + + + Contact Me Button + diff --git a/style/style.css b/style/style.css index ab6cd03..141f117 100644 --- a/style/style.css +++ b/style/style.css @@ -26,13 +26,11 @@ body{ left: 0; right: 0; position: fixed; - height: 130px; z-index:10; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6); - - padding:0px 10px 20px 10px; + padding:0px 10px 0px 10px; } h3 { @@ -45,7 +43,8 @@ h3 { .header h1 { font-family: 'Glass Antiqua', cursive; - margin: 30px 0px 10px 16px; + position:relative; + margin: 15px auto; padding:0px 10px 0px 10px; font-size:42px; text-shadow:1px 1px 0 white; @@ -54,8 +53,8 @@ h3 { } .header .name { float: right; - position:fixed; - left:390px; + margin: 15px 30% 25px 30%; + } .header h2 { font-family: 'Glass Antiqua', cursive; @@ -63,7 +62,7 @@ h3 { font-style: italic; color:#666; text-shadow:1px 1px 0 black; - margin-left:40px; + margin-left:40px; } .header dl {float:right; position:fixed; right:15px;} @@ -120,12 +119,12 @@ h4.quote { } #nav { - position:fixed; - top:110px; - left:325px; - z-index:11; + position:absolute; + height:20px; + top:80px; + left:290px; + padding-bottom:5px; } - #nav li { display:inline; padding:10px; @@ -148,7 +147,7 @@ a:hover { #pagewrap { overflow:auto; - top:150px; + top:100px; position:absolute; bottom: 0px; right:0px; @@ -206,4 +205,16 @@ button { span #headline { display:inline; +} + +#contact_button{ + position:fixed; + bottom:5px; + left:5px; +} + +img:hover{ + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6); + -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6); } \ No newline at end of file