Kelly Souza Static Site #35
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1 +1,3 @@ | ||
| .DS_Store | ||
| *.md | ||
| node_modules |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,94 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title>About Kelly</title> | ||
| <link rel="stylesheet" href="stylesheets/styles.css"> | ||
| <link rel="stylesheet" href="stylesheets/about.css"> | ||
|
|
||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <nav> | ||
| <ul> | ||
| <li class="logo-home"><a href="index.html"><strong>KS</strong></a></li> | ||
| <li><a href="tutorial.html">Tutorial</a></li> | ||
| <li><a href="about.html">About</a> </li> | ||
| <li><a href="code-journal.html">Code Journal</a></li> | ||
| <li><a href="portfolio.html">Portfolio</a></li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <main> | ||
|
|
||
|
|
||
| <section id="title" class="slide header"> | ||
| <h1>Kelly Likes:</h1> | ||
| <p> | ||
| (scroll down) | ||
| </p> | ||
| </section> | ||
|
|
||
| <div id="slide1" class="slide"> | ||
| <div class="title"> | ||
|
There was a problem hiding this comment. The text is a little difficult to read -- does this meet accessibility contrast guidelines? |
||
| <h1>Photography</h1> | ||
| <p> | ||
| Kelly, in the time she can find between school and the rest of life, enjoys taking photographs. Her favorite subjects are grand sweeping landscapres, and tiny ordinary things which might | ||
| usually be overlooked. A couple of courses in college on photography and film development lead to a most rewarding hobby. She hopes someday to have her own darkroom and real time to devote to it. | ||
| </div> | ||
| </div> | ||
|
|
||
| <div id="slide2" class="slide"> | ||
| <div class="title"> | ||
| <h1>Code</h1> | ||
| <p> | ||
| Kelly is currently a student at Ada developers academy in Seattle. She fell in love with code from the first look into the HTML of a website. She tinkered with the code, and loved the power to change what she saw on the screen with a few keystroke. Ada Developers Academy created a bridge into that world. | ||
| The water here is deeper than she had imagined and she loves it. | ||
| </p> | ||
| </div> | ||
| <img class="side-pic" src="images/screen_shot.png" alt="code-snippet"> | ||
| <img class="side-pic" src="images/screen_shot2.png" alt="code-snippet"> | ||
| </div> | ||
|
|
||
| <div id="slide3" class="slide"> | ||
| <div class="title"> | ||
| <h1>Nature</h1> | ||
| <p> | ||
| Having grown up in small town America, Kelly frequently took refuge from the slings and arrows of life sitting in the fork of a tree with a book in hand. There was a peace in nature not found elsewhere. | ||
| Kelly returns to find that feeling whenever possible. | ||
| </p> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div id="slide4" class="slide header"> | ||
| <h1>The End</h1> | ||
| <footer> | ||
|
There was a problem hiding this comment. The footer on this page appears different from the others (right icons are cut off/run off the right side of the page in Chrome). Should a footer tag be placed inside a main tag? |
||
| <h4> © 2017- </h4> | ||
| <p id="disclaimer"> | ||
| All rights reserved. | ||
| </p> | ||
| <nav> | ||
| <ul class="ways-to-connect"> | ||
| <li class="twitter"> | ||
| <a href="https://twitter.com/KellyMarieSouza" target="_blank"><img src="images/Twitter_Logo_White_On_Blue.png" alt="twitter-logo"></a> | ||
| </li> | ||
| <li class="github"> | ||
| <a href="https://github.com/kellysouza" target="_blank"><img src="images/GitHub-Mark-64px.png" alt="GitHub-logo"></a> | ||
| </li> | ||
| <li class="linkedin"> | ||
| <a href="https://www.linkedin.com/in/kelly-souza-59602287/" target="_blank"><img src="images/In-2C-75px-R.png" alt="linkedin-logo"></a> | ||
| </li> | ||
| <li class="email"> | ||
| <a href="mailto:kelly@kellysouza.com"><img src="images/email-logo.png" alt="email-logo"></a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </footer> | ||
| </div> | ||
| </main> | ||
| </body> | ||
| </html> | ||
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Would it have been possible to give this div id a more contextual rather than positional name? What if you wanted to swap slide 1 with slide 2 -- would the names still make sense?