diff --git a/images/GitHub-Mark-120px-plus.png b/images/GitHub-Mark-120px-plus.png new file mode 100644 index 000000000..ea6ff545a Binary files /dev/null and b/images/GitHub-Mark-120px-plus.png differ diff --git a/images/Gmail-logo.png b/images/Gmail-logo.png new file mode 100644 index 000000000..886cc4b0e Binary files /dev/null and b/images/Gmail-logo.png differ diff --git a/images/LI-In-Bug.png b/images/LI-In-Bug.png new file mode 100644 index 000000000..8bc2d53ce Binary files /dev/null and b/images/LI-In-Bug.png differ diff --git a/images/flowers-and-uw-building.JPG b/images/flowers-and-uw-building.JPG new file mode 100644 index 000000000..3c63c8ca5 Binary files /dev/null and b/images/flowers-and-uw-building.JPG differ diff --git a/images/indoor-plants.jpg b/images/indoor-plants.jpg new file mode 100644 index 000000000..1ad39d41d Binary files /dev/null and b/images/indoor-plants.jpg differ diff --git a/images/jess-bailey-l3N9Q27zULw-unsplash.jpg b/images/jess-bailey-l3N9Q27zULw-unsplash.jpg new file mode 100644 index 000000000..39f4cee09 Binary files /dev/null and b/images/jess-bailey-l3N9Q27zULw-unsplash.jpg differ diff --git a/images/ka-iwi-hawaii.JPG b/images/ka-iwi-hawaii.JPG new file mode 100644 index 000000000..d0c5e0e8d Binary files /dev/null and b/images/ka-iwi-hawaii.JPG differ diff --git a/images/memoji-sticker.PNG b/images/memoji-sticker.PNG new file mode 100644 index 000000000..4bc5832e6 Binary files /dev/null and b/images/memoji-sticker.PNG differ diff --git a/images/photo-of-me-and-my-partner-at-mt-rainier.JPG b/images/photo-of-me-and-my-partner-at-mt-rainier.JPG new file mode 100644 index 000000000..6ae6b44a4 Binary files /dev/null and b/images/photo-of-me-and-my-partner-at-mt-rainier.JPG differ diff --git a/images/puzzle-start-wars.jpg b/images/puzzle-start-wars.jpg new file mode 100644 index 000000000..05ff8e810 Binary files /dev/null and b/images/puzzle-start-wars.jpg differ diff --git a/images/two-cats-one-tabby-another-black.JPG b/images/two-cats-one-tabby-another-black.JPG new file mode 100644 index 000000000..e9dff3e20 Binary files /dev/null and b/images/two-cats-one-tabby-another-black.JPG differ diff --git a/index.html b/index.html new file mode 100644 index 000000000..dc89b6c08 --- /dev/null +++ b/index.html @@ -0,0 +1,59 @@ + + + + + + + + + + Personal Portfolio Natalya Z + + +
+
+

Personal Portfolio

+

Natalya Zakharova

+
+ memoji-sticker-of-me +
+ +
+

Hi! I am Natalya Zakharova, a current student in Ada Developers Academy, cohort C17. +

+

+ 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. +

+

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. +

+
+
+

To learn more about me you can visit the following pages:

+ +
+

Projects made during Ada

+
+ + +
+

My hobbies and interests

+
+ + +
+

My contact information

+
+ +
+ + + \ No newline at end of file diff --git a/pages/about.html b/pages/about.html index b4ae215c4..8f16d42d8 100644 --- a/pages/about.html +++ b/pages/about.html @@ -4,9 +4,92 @@ - Document + + + + Personal Portfolio Natalya Z - +
+
+

Personal Portfolio

+

Natalya Zakharova

+
+ memoji-sticker-of-me +
+ +
+

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! +

+
+
+
+ photo-of-me-and-my-partner-at-mt-rainier +
+

I love hiking in PNW! I still consider myself as a beginner, so most of my hikes are easy or moderate level.

+

Hikes on Mt. Rainier are my favorite, as there are so many paths and they are all beautiful!

+

This hike is Tolmie Peak Fire Lookout.

+
+

Level: Moderate

+

Length: 5.6 mi Out & Back

+

Elevation Gain: 1,541ft

+

Time: ~3hours

+
+
+
+
+ completed-puzzle-star-wars +
+

Puzzles!

+

I love solving puzzles since early childhood, I think that's why programming is so fascinating for me.

+

This Star Wars puzzle made of 1000 pieces and I completed it twice. Honestly, second time wasn't that easy as I expected.

+
+
+
+ lookout-on-ka-iwi-in-hawaii +
+

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!

+

My last trip was to Honolulu, Hawaii. The nature is so incredible there!

+

Another state I am hoping to visit is Alaska.

+
+
+
+ two-cats-one-tabby-another-black +
+

If I have to choose whether I am a cat person or a dog, I'll definitely say Cat.

+

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.

+

I was actually fostering both of them and ended up leaving them with me.

+

No more fostering since then, as there is a possibility I'll leave another cat with me as well.

+
+
+
+ flowers-near-uw-building +
+

I love the photography and really enjoy finding interesting spots to memorize!

+

I plan one day to take a course on professional photography, but right now I am fine with taking the photos on my phone.

+

This is a picture of flowers in front of one of the buildings of University of Washington.

+
+ +
+
+ some-indoor-plants +
+

I also love flowers, like fresh cut and also indoor plants.

+

It's so difficult to keep something alive, but I am still trying.

+

Here is my small garden!

+
+ +
+
+ \ No newline at end of file diff --git a/pages/contact.html b/pages/contact.html new file mode 100644 index 000000000..835c5de2c --- /dev/null +++ b/pages/contact.html @@ -0,0 +1,44 @@ + + + + + + + + + + Personal Portfolio Natalya Z + + +
+
+

Personal Portfolio

+

Natalya Zakharova

+
+ memoji-sticker-of-me +
+ +

Here how you can find me

+
+ + gmail-logo + + + + + + linkedin-logo + +
+ + + \ No newline at end of file diff --git a/pages/index.html b/pages/index.html deleted file mode 100644 index b4ae215c4..000000000 --- a/pages/index.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - Document - - - - - \ No newline at end of file diff --git a/pages/portfolio.html b/pages/portfolio.html index b4ae215c4..eb4c4e0a6 100644 --- a/pages/portfolio.html +++ b/pages/portfolio.html @@ -4,9 +4,140 @@ - Document + + + + Personal Portfolio Natalya Z - +
+
+

Personal Portfolio

+

Natalya Zakharova

+
+ memoji-sticker-of-me +
+ +

These are some projects that were made during the classes at Ada

+
+
+

Task List

+
+

The task of this project was to create an API with CRUD endpoints.

+
+
+

Technologies used:

+
    +
  • Python
    • +
  • Git
    • +
  • Postman
    • +
  • Heroku
    • +
+
+
+

Skills Assessed:

+
    +
  • Client-server model, request-response cycle and RESTful routes
    • +
  • Read and used existing external web APIs
    • +
  • Used Postman as part of the development workflow
    • +
  • Create models, CRUD routes for a model
    • +
  • One-to-Many relationship between two models
    • +
+
+
+
+ + github-logo + +
+
+

Swap Meet

+
+

The task was to write a program allowing users to swap their items between inventories using OOP.

+
+
+

Technologies used:

+
    +
  • Python
    • +
  • Git
    • +
+
+
+

Skills Assessed:

+
    +
  • Created classes with attributes and instance methods
    • +
  • Worked with attributes that are lists of instances
    • +
  • Implemented instance methods that interact with other instances and objects
    • +
  • Implemented inheritance
    • +
+
+ +
+
+ + github-logo + +
+
+

Viewing Party

+
+

The task was to write functions that manipulate data, like adding and removing movies between different lists and dictionaries.

+
+
+

Technologies used:

+
    +
  • Python
    • +
  • Git
    • +
+
+
+

Skills Assessed:

+
    +
  • Conditional logic
    • +
  • Lists
    • +
  • Dictionaries
    • +
  • Nested Loops
    • +
  • Nested Data structures
    • +
+
+
+
+ + github-logo + +
+
+

These are some projects that were made before Ada

+
+
+

Snowman Project

+

It is a word game. You need to guess a word with only 7 tries!

+

Project was as a precourse for Ada.

+

Technologies used: Python

+
+ + + +
+

Name a Country Game

+

It is a word game. You need to name a country that starts with the last letter of the previous country.

+

This is a final project for Code in Place course by Stanford

+

Technologies used: Python

+
+ + +
+ \ No newline at end of file diff --git a/styles/about.css b/styles/about.css new file mode 100644 index 000000000..3921d4f41 --- /dev/null +++ b/styles/about.css @@ -0,0 +1,103 @@ +article { + padding: 0px 35px; + border-top: thick double; + border-bottom: thick double; + margin-top: 40px; + text-align: center; + line-height: 38px; + font-size: 24px; + font-family: 'Roboto Mono', monospace; + background-color: #FDCCAE; +} + + +.flex-box { + display: flex; + justify-content: center; + flex-wrap: wrap; + align-items: stretch; + margin: 35px; +} + + +img { + max-width: 100%; + height: 100%; +} + + +.about-box { + width: 300px; + height: 350px; + padding: 15px 0px; + margin: 30px; + border-radius: 4%; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 5px 5px 10px #FE3A43; + background-color: #F8DCB5; + +} + + +.about-box:hover{ + width: 350px; + height: 400px; +} + + +.hidden-text { + position: absolute; + width: 260px; + height: 400px; + text-align: center; + padding: 0px 20px; + visibility: hidden; +} + + +.move-to-left { + padding-top: 5px; + text-align: left; + line-height: 5px; + color: rgb(135, 16, 16); +} + + +.img-show:hover .hidden-text{ + visibility: visible; + background-color: rgba(248, 220, 181, 0.700); + +} + + +.shown-text { + width: 230px; + height: 350px; + padding: 10px 20px; + text-align: center; + position: absolute; +} + + +.img-no-show img { + display: none; +} + + +.img-no-show:hover img { + display: block; +} + + +.img-no-show:hover .shown-text { + display: none; +} + + +.hidden-text, .shown-text { + display: flex; + flex-direction: column; + justify-content: center; +} \ No newline at end of file diff --git a/styles/contact.css b/styles/contact.css new file mode 100644 index 000000000..a8106f96d --- /dev/null +++ b/styles/contact.css @@ -0,0 +1,25 @@ +.flex-box img { + max-width: 200px; + max-height: 100px; +} + + +h3 { + padding: 10px; + border-top: thick double; + border-bottom: thick double; + margin: 40px 0; + text-align: center; + font-size: 18px; + font-family: 'Roboto Mono', monospace; + background-color: #732d398e; +} + + +.flex-box { + display: flex; + width: 700px; + height: 100px; + margin: 50px auto; + justify-content: space-around; +} \ No newline at end of file diff --git a/styles/index.css b/styles/index.css new file mode 100644 index 000000000..509ce0793 --- /dev/null +++ b/styles/index.css @@ -0,0 +1,43 @@ +article { + padding: 15px 35px; + border-style: dashed; + margin-top: 40px; + text-align: center; + line-height: 24px; + font-size: 18px; + font-family: 'Roboto Mono', monospace; + background-color: #F8DCB5; +} + + +#learn-more { + text-align: center; + font-size: 34px; + font-family: 'Roboto Mono', monospace; + grid-column: span 3; +} + + +.three-boxes { + border: dotted; + display: grid; + grid-template-columns: 33.33% 33.33% 33.33%; + grid-template-rows: auto auto; + margin-top: 40px; + background-color: #fdccae52; +} + + +.three-boxes div{ + border: dotted; + border-radius: 10px; + margin: 0px 15px 20px; + background-color: #F4F7FE; + padding: 0 15px; + text-align: center; +} + + +.three-boxes div:hover { + background-color: #FDCCAE; +} diff --git a/styles/portfolio.css b/styles/portfolio.css new file mode 100644 index 000000000..f150371f8 --- /dev/null +++ b/styles/portfolio.css @@ -0,0 +1,89 @@ +.ada-projects-grid { + display: grid; + grid-template-columns: 100%; + grid-template-rows: auto auto; + margin: 30px 150px; +} + + +.ada-projects-grid .flex-box{ + margin: 15px; + background-color: #732d3948; + padding: 10px 30px; + display: flex; + justify-content: space-between; + align-items: center; + border-radius: 10px; + box-shadow: 5px 5px 10px #732d39e5; + +} + + +.ada-projects-grid h3, p{ + text-align: center; +} + + +.projects-intro { + padding: 10px; + border-top: thick double; + border-bottom: thick double; + margin-top: 40px; + text-align: center; + font-size: 18px; + font-family: 'Roboto Mono', monospace; + background-color: #FFCB00; +} + + +.other-projects-grid { + display: grid; + grid-template-columns: 20% 2% 78%; + grid-template-rows: auto 20px auto; + margin: 10px 90px; +} + + +.other-projects-grid div { + border-style: groove; + background-color: #F8DCB5; + border-radius: 10px; + padding: 20px; +} + + +iframe { + width: 95%; + height: 400px; + padding: 10px; +} + + +.span-3 { + grid-column: span 3; +} + + +ul { + list-style-type: none; +} + + +.technologies-skills { + display: flex; + flex-direction: row-reverse; + justify-content: space-evenly; +} + + +.other-projects-grid p:first-child, .project-description { + font-weight: bold; + font-size: 18px; + color: #732d39; +} + + +.technologies-skills p { + font-weight: bold; +} + diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 000000000..2b8054ac2 --- /dev/null +++ b/styles/style.css @@ -0,0 +1,80 @@ +body { + margin: 0px; + background-color: #F4F7FE; +} + + +header { + background: url('../images/jess-bailey-l3N9Q27zULw-unsplash.jpg'); + background-size: contain; + width: 100%; + height: 50vh; + display: flex; + justify-content: space-between; + align-items: flex-end; + font-family: 'Zen Loop'; + text-shadow: 2px 2px #732d3975; + +} + + +#header-text { + margin-left: 20px; + color: #732D39; + line-height: 15px; + +} + + +#avatar { + width: 200px; + height: 200px; + margin-right: 80px; + padding: 5px; + border: #FFCB00 thick double; + border-radius: 100%; + background-color: #732d3975; +} + + +h1 { + font-size: 64px; +} + + +h2 { + font-size: 36px; + font-style: italic; +} + + +nav { + padding: 15px 0px; + width: 700px; + background-color: #ffcc00c0; + margin: 0 auto; +} + + +a { + color: #732D39; + font-weight: bold; + font-size: 18px; + text-decoration: none; +} + + +.nav-bar { + margin-left: 45px; + padding: 15px 20px; +} + + +.nav-bar:hover { + background-color: #FFCB00; +} + + +footer { + margin-left: 20px; +} \ No newline at end of file