Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Pipes - Kimberley Zell - Static Site #44

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Pipes - Kimberley Zell - Static Site #44

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
104 changes: 104 additions & 0 deletions html/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Kimberley Zell: About</title>
<link href="../styles/style.css" rel="stylesheet">
</head>
<body>
<header>

<h1>Kimberley Zell</h1>

<nav>

<ul>
<li>
<a href="../html/index.html">Home</a>
</li>
<li>
<a href="../html/portfolio.html">Portfolio</a>
</li>
<li>
<a href="../html/hobbies.html">Hobbies</a>
</li>
<li>
<a href="../html/about.html">About</a>
</li>
<li>
<a href="https://gist.github.com/kimpossible1/595794b33272b668d8f760be8a1aff3c"target="_blank"> Resume </a>
</li>
</ul>
</nav>

</header>

<section class="about" class="wrapper">
<div class="wrapper">
<aside>
<img src="../images/mountain.jpg" alt="Personal Photo">
<ul>
<li>
Software Development Student: Ada Developer's Academy
</li>
<li>
BA Sociology: McGill University
</li>
<li>
Multi-lingual
</li>

</ul>
</aside>

<article>
<h2>
About Me
</h2>
<p>
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.
</p>

<p>
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.
</p>

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

<p>
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.
</p>

<p>
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
</p>

<p>
Finally, traveling is one of my greatest passions.
</p>

</article>
</div>
</section>

<footer>

<nav>
<ul>
<li>
<a href="mailto:[email protected]">Email</a>
</li>
<li>
<a href="https://www.linkedin.com/in/kimberley-zell/" target="_blank">LinkedIn</a>
</li>
<li>
<a href="https://github.com/kimpossible1" target="_blank">Git Hub</a>
</li>
</ul>
</nav>
</footer>
</body>
</html>
88 changes: 88 additions & 0 deletions html/hobbies.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Kimberley Zell: Hobbies</title>
<link href="../styles/style.css" rel="stylesheet">
</head>
<body>
<header>

<h1>Kimberley Zell</h1>

<nav>

<ul>
<li>
<a href="../html/index.html">Home</a>
</li>
<li>
<a href="../html/portfolio.html">Portfolio</a>
</li>
<li>
<a href="../html/hobbies.html">Hobbies</a>
</li>
<li>
<a href="../html/about.html">About</a>
</li>
<li>
<a href="https://gist.github.com/kimpossible1/595794b33272b668d8f760be8a1aff3c"target="_blank"> Resume </a>
</li>
</ul>
</nav>

</header>

<section class="hobby-banner" class="wrapper">
<h1 id="hobby-headline">
LIVE --> EXPLORE --> YOGA EVERYWHERE
</h1>
</section>

<section class="image-collage" class="wrapper">

<img src="/Users/kzell/Documents/Ada/Static-Site/images/Indo-water-backbend.jpg">

<img src="/Users/kzell/Documents/Ada/Static-Site/images/Thailand-lizard-balance.jpg">
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These are all absolute paths - they go all the way from the root of your filesystem (the directory /) to where the file lives. While this works on your computer, it does not work on mine, since I don't have a directory /Users/kzell. Instead you should use relative paths, like ../images/Thailand-island-view.jpg.

A quick search-and-replace of /Users/kzell/Documents/Ada/Static-Site/ -> ../ seems to fix the problem.


<img src="/Users/kzell/Documents/Ada/Static-Site/images/Thailand-island-view.jpg">

<img src="/Users/kzell/Documents/Ada/Static-Site/images/Thailand-camel-pose.jpg">

<img src="/Users/kzell/Documents/Ada/Static-Site/images/Malaysia-beach-headstand.jpg">

<img src="/Users/kzell/Documents/Ada/Static-Site/images/snow-inversion-splits.jpg">

<img src="/Users/kzell/Documents/Ada/Static-Site/images/Malaysia-beach-balance.jpg">

<img src="/Users/kzell/Documents/Ada/Static-Site/images/Indo-extreme-backbend.jpg">

<img src="/Users/kzell/Documents/Ada/Static-Site/images/Malaysia-beach-dancer.jpg">

<img src="/Users/kzell/Documents/Ada/Static-Site/images/snow-balance.jpg">

<h2 id="Namaste"> Sometimes a photo can say more than words. Namaste. </h2>

</section>



<footer>

<nav>
<ul>
<li>
<a href="mailto:[email protected]">Email</a>
</li>
<li>
<a href="https://www.linkedin.com/in/kimberley-zell/" target="_blank">LinkedIn</a>
</li>
<li>
<a href="https://github.com/kimpossible1" target="_blank">Git Hub</a>
</li>
</ul>
</nav>
</footer>

</body>
</html>
71 changes: 71 additions & 0 deletions html/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Kimberley Zell</title>
<link href="../styles/style.css" rel="stylesheet">
</head>
<body>
<header>

<h1>Kimberley Zell</h1>

<nav>

<ul>
<li>
<a href="../html/index.html">Home</a>
</li>
<li>
<a href="../html/portfolio.html">Portfolio</a>
</li>
<li>
<a href="../html/hobbies.html">Hobbies</a>
</li>
<li>
<a href="../html/about.html">About</a>
</li>
<li>
<a href="https://gist.github.com/kimpossible1/595794b33272b668d8f760be8a1aff3c"target="_blank"> Resume </a>
</li>
</ul>
</nav>

</header>

<section class="homepage-intro">
<img src="../images/profile-photo.jpg" alt="Pofile Picture">
<h2>
Future Software Developer in Training
</h2>
<h3>
Check out my <a href="../html/portfolio.html"> Portfolio </a> to see what I've been working on!
</h3>

<h3>
Life balance is important -- check out my <a href="../html/hobbies.html">Hobbies</a> to see what I do when I'm not coding.
</h3>


</p>
</section>

<footer>

<nav>
<ul>
<li>
<a href="mailto:[email protected]">Email</a>
</li>
<li>
<a href="https://www.linkedin.com/in/kimberley-zell/" target="_blank">LinkedIn</a>
</li>
<li>
<a href="https://github.com/kimpossible1" target="_blank">Git Hub</a>
</li>
</ul>
</nav>
</footer>
</body>
</html>
Loading