C18 Lions - Julia Park #96
There are no files selected for viewing
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,129 @@ | ||
| <!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"> | ||
| <title>About me</title> | ||
| <link href="styles/style.css" rel="stylesheet" /> | ||
| <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
| <link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&display=swap" | ||
| rel="stylesheet"> | ||
| </head> | ||
|
|
||
| <body> | ||
| <header> | ||
| <nav> | ||
| <ul class="nav_links"> | ||
| <li> | ||
| <a href="index.html">Home</a> | ||
| </li> | ||
| <li> | ||
| <a href="about.html">About</a> | ||
| </li> | ||
| <li> | ||
| <a href="portfolio.html">Portfolio</a> | ||
| </li> | ||
| </ul> | ||
| </nav> | ||
| </header> | ||
|
|
||
|
|
||
|
|
||
|
|
||
| <main> | ||
| <div class="project-container"> | ||
|
|
||
| <div class="title"> | ||
| <h2>My skills</h2> | ||
| </div> | ||
| <div class="project-image"> | ||
| <img src="images/skills.png" alt="skills"> | ||
| </div> | ||
|
|
||
| <p class="project-description">Python, HTML, CSS, JavaScript, React, Flask, jQuery, Git, TDD, Object-Oriented | ||
| Programming, and Computer Science Fundamentals</p> | ||
| </div> | ||
|
|
||
|
|
||
| <div class="project-container"> | ||
| <div class="title"> | ||
| <h2>Previous Experience</h2> | ||
| </div> | ||
| <div class="project-image"> | ||
| <img src="images/architect.png" alt="architect"> | ||
| </div> | ||
|
|
||
| <p class="project-description"> I've always enjoyed solving math problems and creating art, even when I was in | ||
| high school. This led me to | ||
| pursue architecture. In my college days, I was a very passionate and active student. For example, I won awards | ||
| for | ||
| architecture and photography competitions. After college, I took a job as an Architect. After I got promotions, | ||
| I | ||
| led a design team. Coding is a visual language that uses text and numbers in order to create an interactive and | ||
| digital platform. Art is a visual and performing medium that uses the human senses in order to communicate with | ||
| viewers. The two share many similarities.</p> | ||
| <a href="https://drive.google.com/file/d/196Q1AwSLYU7QDniE1pEz1DFYeHON_uP1/view?usp=sharing" | ||
| class="project-button">VIEW | ||
| Architect Portfolio Sample</a> | ||
| </div> | ||
|
|
||
| <div class="project-container"> | ||
| <div class="title"> | ||
| <h2>What motivates me to tech</h2> | ||
| </div> | ||
| <div class="project-image"> | ||
| <img src="images/brent-photo.png" alt="brent-photo"> | ||
| </div> | ||
|
|
||
|
|
||
| <p class="project-description">My interest in coding actually started because of my youngest son. Three years ago, | ||
| he started learning coding from one of our neighbors. He fell in love with coding so spent every morning and | ||
| night working on his codes. Unfortunately, our neighbor became too busy to help him, so my son was disappointed. | ||
| I searched for some coding lessons for him, but it was too expensive for us. I wanted to keep up his passion so | ||
| I started to study coding to teach him. And unexpectedly, I fell in love with coding as well. One day when I was | ||
| working on a project in my coding study group, I didn’t realize that it was already 4am. I was so passionate | ||
| about it so I never felt how much time passed.I was tired, but I felt so fulfilled by seeing myself accomplish | ||
| it. | ||
|
|
||
| <br> | ||
| I want to be a software developer because it gives me a chance to use my creativity. At first, I thought | ||
| programming was somehow boring. Originally I thought software developers were just sitting in front of the | ||
| computer just writing code or doing just super boring stuff. But after I learned more about coding, it was | ||
| actually really creative. | ||
|
|
||
| </p> | ||
| </div> | ||
|
|
||
| <footer> | ||
| <ul class="social_icon"> | ||
|
|
||
| <li> | ||
| <a href="https://www.linkedin.com/in/julia-je-park/"> | ||
| <img src="data:image/png;base64,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" style="width:30px;height:30px;"> | ||
|
There was a problem hiding this comment. Remember to use alt text for every picture. |
||
| </a> | ||
| </li> | ||
| <li> | ||
| <a href="https://github.com/pje106"> | ||
| <img src="data:image/png;base64,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" style="width:30px;height:30px;"> | ||
| </a> | ||
| </li> | ||
|
|
||
| <li> | ||
| <a href="mailto:[email protected]" title="julia's Email"> | ||
| <img src="data:image/png;base64,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" style="width:30px;height:30px;"> | ||
| </a> | ||
| </li> | ||
|
|
||
| </ul> | ||
| <p class="copyright"> | ||
| "Copyright 2022 Julia Park" | ||
| </p> | ||
|
|
||
| </footer> | ||
| </main> | ||
| </body> | ||
|
|
||
| </html> | ||
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.
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.
The alt text for images should be more descriptive. People who are blind or have low vision use screen readers to tell them what is on a webpage. Screen readers read the alt text to describe the picture to the user. This picture called "skills" will not explain to the user what is in the picture.