Otters - Natalya Z #88
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains 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,59 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link href="../styles/index.css" rel="stylesheet"> | ||
| <link href="../styles/style.css" rel="stylesheet"> | ||
| <style> | ||
| @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Zen+Loop:ital@0;1&display=swap'); | ||
| </style> | ||
| <title>Personal Portfolio Natalya Z</title> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div id="header-text"> | ||
| <h1 id="header-h1">Personal Portfolio</h1> | ||
| <h2 id="header-h2">Natalya Zakharova</h2> | ||
| </div> | ||
| <img id="avatar" src="../images/memoji-sticker.PNG" alt="memoji-sticker-of-me"> | ||
|
|
||
| </header> | ||
| <nav> | ||
| <a class="nav-bar" href="index.html">Home</a> | ||
| <a class="nav-bar" href="../pages/about.html">About Me</a> | ||
| <a class="nav-bar" href="../pages/portfolio.html">My Portfolio</a> | ||
| <a class="nav-bar" href="../pages/contact.html">Contact Me</a> | ||
| </nav> | ||
| <article> | ||
|
There was a problem hiding this comment. Great usage of semantic HTML tags! 🥳 |
||
| <h3>Hi! I am Natalya Zakharova, a current student in Ada Developers Academy, cohort C17. | ||
| </h3> | ||
| <p> | ||
| I was always passion about computers and how they work. That's why a little more than a year ago I decided to start my journey into software development. | ||
| </p> | ||
| <p>Before applying to Ada, I spent some time learning SQL and Python. I enjoyed solving different problems and decided to take a sharp turn and change my career. | ||
| </p> | ||
| </article> | ||
| <div class="three-boxes"> | ||
| <p id="learn-more">To learn more about me you can visit the following pages:</p> | ||
| <a href="../pages/portfolio.html"> | ||
| <div> | ||
| <p>Projects made during Ada</p> | ||
| </div> | ||
| </a> | ||
| <a href="../pages/about.html"> | ||
| <div> | ||
| <p>My hobbies and interests</p> | ||
| </div> | ||
| </a> | ||
| <a href="../pages/contact.html"> | ||
| <div> | ||
| <p>My contact information</p> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| <footer> | ||
| <h4>© Made by Natalya Z || 2022</h4> | ||
|
There was a problem hiding this comment. Careful to only use You can read more about best practices here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#usage_notes |
||
| </footer> | ||
| </body> | ||
| </html> | ||
This file contains 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 |
|---|---|---|
|
|
@@ -4,9 +4,92 @@ | |
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link href="../styles/about.css" rel="stylesheet"> | ||
| <link href="../styles/style.css" rel="stylesheet"> | ||
| <style> | ||
| @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Zen+Loop:ital@0;1&display=swap'); | ||
| </style> | ||
| <title>Personal Portfolio Natalya Z</title> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div id="header-text"> | ||
| <h1 id="header-h1">Personal Portfolio</h1> | ||
| <h2 id="header-h2">Natalya Zakharova</h2> | ||
| </div> | ||
| <img id="avatar" src="../images/memoji-sticker.PNG" alt="memoji-sticker-of-me"> | ||
| </header> | ||
| <nav> | ||
| <a class="nav-bar" href="../index.html">Home</a> | ||
| <a class="nav-bar" href="about.html">About Me</a> | ||
| <a class="nav-bar" href="portfolio.html">My Portfolio</a> | ||
| <a class="nav-bar" href="contact.html">Contact Me</a> | ||
| </nav> | ||
| <article> | ||
| <h4>Hi! Besides being a software development student, I also enjoy spending some time outdoors, traveling, caring for my plants and more. You can see some more info below! | ||
| </h4> | ||
| </article> | ||
| <div class="flex-box"> | ||
| <div class="about-box img-show"> | ||
| <img src="../images/photo-of-me-and-my-partner-at-mt-rainier.JPG" alt="photo-of-me-and-my-partner-at-mt-rainier"> | ||
| <div class="hidden-text"> | ||
| <p>I love hiking in PNW! I still consider myself as a beginner, so most of my hikes are easy or moderate level.</p> | ||
| <p>Hikes on Mt. Rainier are my favorite, as there are so many paths and they are all beautiful!</p> | ||
| <p>This hike is Tolmie Peak Fire Lookout.</p> | ||
| <div class="move-to-left"> | ||
| <p>Level: Moderate</p> | ||
| <p>Length: 5.6 mi Out & Back</p> | ||
| <p>Elevation Gain: 1,541ft</p> | ||
| <p>Time: ~3hours</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="about-box img-no-show"> | ||
| <img src="../images/puzzle-start-wars.jpg" alt="completed-puzzle-star-wars"> | ||
| <div class="shown-text"> | ||
| <p>Puzzles!</p> | ||
| <p>I love solving puzzles since early childhood, I think that's why programming is so fascinating for me.</p> | ||
| <p>This Star Wars puzzle made of 1000 pieces and I completed it twice. Honestly, second time wasn't that easy as I expected.</p> | ||
| </div> | ||
| </div> | ||
| <div class="about-box img-show"> | ||
| <img src="../images/ka-iwi-hawaii.JPG" alt="lookout-on-ka-iwi-in-hawaii"> | ||
|
There was a problem hiding this comment. Alt text should be written as a short sentence so you don't need the dashes. You can read more about alt text, why it's important, and best practices here: https://moz.com/learn/seo/alt-text |
||
| <div class="hidden-text"> | ||
| <p>I love traveling, who doesn't? I visited a few countries, like Turkey, South Korea, UAE, but right now I am focused to visit more states!</p> | ||
| <p>My last trip was to Honolulu, Hawaii. The nature is so incredible there!</p> | ||
| <p>Another state I am hoping to visit is Alaska.</p> | ||
| </div> | ||
| </div> | ||
| <div class="about-box img-no-show"> | ||
| <img src="../images/two-cats-one-tabby-another-black.JPG" alt="two-cats-one-tabby-another-black"> | ||
|
There was a problem hiding this comment. Your cats are so freakin' cute! 😻 |
||
| <div class="shown-text"> | ||
| <p>If I have to choose whether I am a cat person or a dog, I'll definitely say Cat.</p> | ||
| <p>I have two cats: Denni is 3 y.o tabby cat and Nora 4 y.o black cat. They are both were taken from a shelter.</p> | ||
| <p>I was actually fostering both of them and ended up leaving them with me.</p> | ||
| <p>No more fostering since then, as there is a possibility I'll leave another cat with me as well.</p> | ||
| </div> | ||
| </div> | ||
| <div class="about-box img-show"> | ||
| <img src="../images/flowers-and-uw-building.JPG" alt="flowers-near-uw-building"> | ||
| <div class="hidden-text"> | ||
| <p>I love the photography and really enjoy finding interesting spots to memorize!</p> | ||
| <p>I plan one day to take a course on professional photography, but right now I am fine with taking the photos on my phone.</p> | ||
| <p>This is a picture of flowers in front of one of the buildings of University of Washington.</p> | ||
| </div> | ||
|
|
||
| </div> | ||
| <div class="about-box img-no-show"> | ||
| <img src="../images/indoor-plants.jpg" alt="some-indoor-plants"> | ||
| <div class="shown-text"> | ||
| <p>I also love flowers, like fresh cut and also indoor plants.</p> | ||
| <p>It's so difficult to keep something alive, but I am still trying.</p> | ||
| <p>Here is my small garden!</p> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
| <footer> | ||
| <h4>© Made by Natalya Z || 2022</h4> | ||
| </footer> | ||
| </body> | ||
| </html> | ||
This file contains 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,44 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link href="../styles/contact.css" rel="stylesheet"> | ||
| <link href="../styles/style.css" rel="stylesheet"> | ||
| <style> | ||
| @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Zen+Loop:ital@0;1&display=swap'); | ||
| </style> | ||
| <title>Personal Portfolio Natalya Z</title> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div id="header-text"> | ||
| <h1 id="header-h1">Personal Portfolio</h1> | ||
| <h2 id="header-h2">Natalya Zakharova</h2> | ||
| </div> | ||
| <img id="avatar" src="../images/memoji-sticker.PNG" alt="memoji-sticker-of-me"> | ||
| </header> | ||
| <nav> | ||
| <a class="nav-bar" href="../index.html">Home</a> | ||
| <a class="nav-bar" href="about.html">About Me</a> | ||
| <a class="nav-bar" href="portfolio.html">My Portfolio</a> | ||
| <a class="nav-bar" href="contact.html">Contact Me</a> | ||
| </nav> | ||
| <h3>Here how you can find me</h3> | ||
| <div class="flex-box"> | ||
| <a href="mailto:[email protected]"> | ||
| <img src="../images/Gmail-logo.png" alt="gmail-logo"> | ||
| </a> | ||
| <a href="https://github.com/memermaid"> | ||
| <img id="github-logo" src="../images/GitHub-Mark-120px-plus.png" alt="github-logo"> | ||
| </a> | ||
| <a href="https://www.linkedin.com/in/natalya-zakharova-a45a4515b"> | ||
| <img src="../images/LI-In-Bug.png" alt="linkedin-logo"> | ||
| </a> | ||
| </div> | ||
| <footer> | ||
| <h4>© Made by Natalya Z || 2022</h4> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains 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
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.
I would recommend using the
<link>tag instead of@import. Not sure if you made this decision because this is a 3rd party stylesheet, but it's valid to pass urls to thehrefattribute.So you could simply do:
Here's a good discussion on why the
<link>tag is preferred: https://stackoverflow.com/questions/1022695/difference-between-import-and-link-in-css