diff --git a/html/about.html b/html/about.html new file mode 100644 index 000000000..12c97b0ec --- /dev/null +++ b/html/about.html @@ -0,0 +1,104 @@ + + + + + + Kimberley Zell: About + + + +
+ +

Kimberley Zell

+ + + +
+ +
+
+ + +
+

+ About Me +

+

+ Newly embarking on a career in software development, I am a student at Ada Developer's Academy, Cohort 8. I thoroughly enjoy and believe in continuous learning and self-development. This makes software development a fitting path for me. +

+ +

+ In addition to my knowledge of programming languages - Ruby, HTML, CSS - I also speak several human languages: English, Spanish, French, Italian, some German, and working on Mandarin. +

+ +

+ Professionally, I also have experience in management, sales, teaching, and marketing. I have a BA in Sociology from McGill University, Montreal, Canada. +

+ +

+ While I am originally from the USA, I lived abroad for 12 years after completing my primary education. I strongly believe in the beauty and benefit of diversity, and enjoy working with people from all backgrounds. +

+ +

+ Health and wellness are of utmost importance for me. I try to maintain a healthy balance in life, eat well, and be active. I recently became a certified yoga instructor, and am generally happy to partake in most sporting activities, especially hiking, bouldering, paddleboarding, kayaking, biking, rollerblading, and skiing +

+ +

+ Finally, traveling is one of my greatest passions. +

+ +
+
+
+ + + + diff --git a/html/hobbies.html b/html/hobbies.html new file mode 100644 index 000000000..6a403c6fa --- /dev/null +++ b/html/hobbies.html @@ -0,0 +1,88 @@ + + + + + Kimberley Zell: Hobbies + + + +
+ +

Kimberley Zell

+ + + +
+ +
+

+ LIVE --> EXPLORE --> YOGA EVERYWHERE +

+
+ +
+ + + + + + + + + + + + + + + + + + + + + +

Sometimes a photo can say more than words. Namaste.

+ +
+ + + + + + + diff --git a/html/index.html b/html/index.html new file mode 100644 index 000000000..2c11d02b8 --- /dev/null +++ b/html/index.html @@ -0,0 +1,71 @@ + + + + + + Kimberley Zell + + + +
+ +

Kimberley Zell

+ + + +
+ +
+ Pofile Picture +

+ Future Software Developer in Training +

+

+ Check out my Portfolio to see what I've been working on! +

+ +

+ Life balance is important -- check out my Hobbies to see what I do when I'm not coding. +

+ + +

+
+ + + + diff --git a/html/portfolio.html b/html/portfolio.html new file mode 100644 index 000000000..07e683f94 --- /dev/null +++ b/html/portfolio.html @@ -0,0 +1,138 @@ + + + + + + Kimberley Zell: Portfolio + + + + +
+ +

Kimberley Zell

+ + + +
+ +
+ +

+ Portfolio +

+ +
+ + +

+
+
+ + + + diff --git a/images/Alaska-headstand.jpg b/images/Alaska-headstand.jpg new file mode 100644 index 000000000..ae9232faf Binary files /dev/null and b/images/Alaska-headstand.jpg differ diff --git a/images/Alaska-snowy-wheel.jpg b/images/Alaska-snowy-wheel.jpg new file mode 100644 index 000000000..54a38e59f Binary files /dev/null and b/images/Alaska-snowy-wheel.jpg differ diff --git a/images/GC-hike.jpg b/images/GC-hike.jpg new file mode 100644 index 000000000..d7dce35da Binary files /dev/null and b/images/GC-hike.jpg differ diff --git a/images/Indo-dancer-pose.jpg b/images/Indo-dancer-pose.jpg new file mode 100644 index 000000000..052451d50 Binary files /dev/null and b/images/Indo-dancer-pose.jpg differ diff --git a/images/Indo-extreme-backbend.jpg b/images/Indo-extreme-backbend.jpg new file mode 100644 index 000000000..4b2741323 Binary files /dev/null and b/images/Indo-extreme-backbend.jpg differ diff --git a/images/Indo-water-backbend.jpg b/images/Indo-water-backbend.jpg new file mode 100644 index 000000000..7a728760b Binary files /dev/null and b/images/Indo-water-backbend.jpg differ diff --git a/images/Indo-yoga-flipped-dog.jpg b/images/Indo-yoga-flipped-dog.jpg new file mode 100644 index 000000000..3a02156d5 Binary files /dev/null and b/images/Indo-yoga-flipped-dog.jpg differ diff --git a/images/Indonesia-volcano.jpg b/images/Indonesia-volcano.jpg new file mode 100644 index 000000000..9ae0d2747 Binary files /dev/null and b/images/Indonesia-volcano.jpg differ diff --git a/images/Malaysia-beach-balance.jpg b/images/Malaysia-beach-balance.jpg new file mode 100644 index 000000000..bba33e69c Binary files /dev/null and b/images/Malaysia-beach-balance.jpg differ diff --git a/images/Malaysia-beach-dancer.jpg b/images/Malaysia-beach-dancer.jpg new file mode 100644 index 000000000..7b11cd9a9 Binary files /dev/null and b/images/Malaysia-beach-dancer.jpg differ diff --git a/images/Malaysia-beach-headstand.jpg b/images/Malaysia-beach-headstand.jpg new file mode 100644 index 000000000..25998fb8e Binary files /dev/null and b/images/Malaysia-beach-headstand.jpg differ diff --git a/images/RampartRidge.jpg b/images/RampartRidge.jpg new file mode 100644 index 000000000..c5d7c5403 Binary files /dev/null and b/images/RampartRidge.jpg differ diff --git a/images/Seattle-wheel-kayaking.jpg b/images/Seattle-wheel-kayaking.jpg new file mode 100644 index 000000000..d03e75a84 Binary files /dev/null and b/images/Seattle-wheel-kayaking.jpg differ diff --git a/images/Thailand-camel-pose.jpg b/images/Thailand-camel-pose.jpg new file mode 100644 index 000000000..be093c7dc Binary files /dev/null and b/images/Thailand-camel-pose.jpg differ diff --git a/images/Thailand-island-view.jpg b/images/Thailand-island-view.jpg new file mode 100644 index 000000000..a2bc398ce Binary files /dev/null and b/images/Thailand-island-view.jpg differ diff --git a/images/Thailand-lizard-balance.jpg b/images/Thailand-lizard-balance.jpg new file mode 100644 index 000000000..a2ab155a2 Binary files /dev/null and b/images/Thailand-lizard-balance.jpg differ diff --git a/images/dancer-lake-serene.jpg b/images/dancer-lake-serene.jpg new file mode 100644 index 000000000..0477a4437 Binary files /dev/null and b/images/dancer-lake-serene.jpg differ diff --git a/images/mountain.jpg b/images/mountain.jpg new file mode 100644 index 000000000..7eafb7648 Binary files /dev/null and b/images/mountain.jpg differ diff --git a/images/paddleboarding-with-Lola.jpg b/images/paddleboarding-with-Lola.jpg new file mode 100644 index 000000000..d0c8e2fb5 Binary files /dev/null and b/images/paddleboarding-with-Lola.jpg differ diff --git a/images/profile-photo.jpg b/images/profile-photo.jpg new file mode 100644 index 000000000..05605aa0f Binary files /dev/null and b/images/profile-photo.jpg differ diff --git a/images/running-woods-Lola.jpg b/images/running-woods-Lola.jpg new file mode 100644 index 000000000..774410f08 Binary files /dev/null and b/images/running-woods-Lola.jpg differ diff --git a/images/snow-balance.jpg b/images/snow-balance.jpg new file mode 100644 index 000000000..35454f4f0 Binary files /dev/null and b/images/snow-balance.jpg differ diff --git a/images/snow-inversion-splits.jpg b/images/snow-inversion-splits.jpg new file mode 100644 index 000000000..3673062dd Binary files /dev/null and b/images/snow-inversion-splits.jpg differ diff --git a/styles/style-portfolio.css b/styles/style-portfolio.css new file mode 100644 index 000000000..434f79e1a --- /dev/null +++ b/styles/style-portfolio.css @@ -0,0 +1,27 @@ + +h2.portfolio { + text-align: left; + padding: .2% 0; + border-bottom: solid; +} + +.portfolio-link a { + color: #3a7f92; + font-weight: bold; + /*font-size: 1.5em*/ +} + +.portfolio-link a:hover { + /*background-color: black;*/ + background-color: white; + text-decoration: none; + padding-bottom: 1%; + border: outset; + border: solid; + border-color: lightblue; +} + +article.portfolio { + background: lightgrey; + padding: 2%; +} diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 000000000..2f9866c84 --- /dev/null +++ b/styles/style.css @@ -0,0 +1,254 @@ +@import url(https://fonts.googleapis.com/css?family=Oswald); +@import url(https://fonts.googleapis.com/css?family=Lato); +@import url(https://fonts.googleapis.com/css?family=Asap); +@import url(https://fonts.googleapis.com/css?family=Abril+Fatface); +@import url(https://fonts.googleapis.com/css?family=Karla); +@import url(https://fonts.googleapis.com/css?family=Pacifico); +@import url(https://fonts.googleapis.com/css?family=Acme); +@import url(https://fonts.googleapis.com/css?family=Questrial); + +* { + font-family: Lato; +} + +.wrapper { +margin: 0 3%; +} + +h2 { + font-size: 2em; +} + +h1 { + font-size: 3em; + color: white; +} + +/** { +border: solid; +}*/ + +header { + /*background-color: #66CCFF;*/ + background-color: #3a7f92; + display: inline-block; + clear: both; + width: 100%; + padding: 0 10%; + /*position: fixed;*/ + /*text-align: center;*/ +} + +header h1 { + + float: left; + clear: both; + display: inline-block; + width: 30%; + text-align: left; + font-family: Acme; + /*padding-left: 5%;*/ +} + +header nav { + display: inline-block; + float: right; + clear: right; + width: 35%; + text-align: left; + padding-right: 7%; +} + +header nav ul { + width: 95%; + display: inline-block; +} +header nav li { + display: inline-block; + list-style: none; + border-radius: 10px; + /*border: solid;*/ + text-align: center; + padding: 1%; + padding-right: 1%; + margin-right: 10px; + background-color: white; +} + +a { + text-decoration: none; + font-weight: bold; + /*color: #3a7f92;*/ + +} + + +a:hover { + color: purple; + text-decoration: underline; + background-color: lightgrey; + padding: 1%; + border-radius: 10px; +} + +a:visited { + + color: blue; + +} + +footer { + clear: both; + /*position: relative; + display: inline-block;*/ + padding-left: 42%; + padding-top: 2%; +} + +/*footer nav { +padding 50% +}*/ + +footer nav li { + display: inline-block; + list-style: none; + /*border-radius: 10px;*/ + /*border: solid;*/ + text-align: center; + /*padding: 2%;*/ + /*padding-right: 1%;*/ + margin-right: 10px; +} + +.homepage-intro h2{ + color: #3a7f92; +} + +.homepage-intro a:hover { + background-color: white; + padding: 0 +} + +.homepage-intro a { + color: #3a7f92; +} + +.homepage-intro { + text-align: center; + padding: 5% +} + +.homepage-intro img { + width: 25%; + padding-bottom: 2%; + border-radius: 50%; +} + +.about { + clear: both; + padding: 2%; + padding-bottom: 10%; +} + +.about aside { + clear: left; + float: left; + max-width: 30%; + /*display: inline-block;*/ + /*overflow: hidden;*/ + padding-top: 2%; + vertical-align: top; + border-right: solid; + padding-bottom: 5%; + + /*border-style: outset;*/ +} + +.about aside img { + border-radius: 25%; + width: 85%; + margin-left: 8%; +} + +.about li{ + width: 100%; + line-height: 1.5em; + font-weight: bold; +} + + +.about h2, p { + float: right; + display: inline-block; + vertical-align: top; + /*padding: 10px;*/ + clear: right; + width: 68%; +} + + + + +/*.about article { +padding: 10px; +min-width: 350px; +}*/ + +.about h2 { + /*text-align: center;*/ +} + +.about p { + vertical-align: top; + text-align: justify; + /*width: 65%;*/ + /*min-width: 10em;*/ + margin: top; +} + +/*Hobbies*/ + +.hobby-banner { + vertical-align: top; + background-image: url(/Users/kzell/Documents/Ada/Static-Site/images/Indo-yoga-flipped-dog.jpg); + height: 400px; + width: 60%; + background-size: contain; + background-repeat: no-repeat; + display: block; + padding: 10%; + z-index: 1; + align-content: center; + margin: 1% 10%; + font-weight: bold; + font: white; + font: 50px; +} + +#hobby-headline { + text-align: right; + margin-right: -8%; + font-weight: bold; + color: white; + font-size: 50px; + font-family: Acme; +} + +.image-collage img { + width: auto; + height: 250px; + max-width: 325px; + display: inline-block; +} + +.image-collage { + margin: 0 5%; + align-items: stretch; + align-content: center; + text-align: center; +} + +#Namaste { + font-family: Pacifico; + color: #3a7f92; +}