-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
3 changed files
with
1,259 additions
and
0 deletions.
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,180 @@ | ||
| <!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>Daria Kyrychenko | Front-End Developer</title> | ||
| <meta name="description" content="Daria Kyrychenko - Ukrainian Front-End Developer proficient at building responsive and accessible web applications using JavaScript, TypeScript, Angular and React"> | ||
| <script defer src="main4be84a431998ff9bae2c.js"></script><link href="main6b1db4185362c8686cc6.css" rel="stylesheet"></head> | ||
| <body> | ||
| <header class="header generic-container"> | ||
| <div class="header__content"> | ||
| <div class="header__logo"><a href="#">Resume</a></div> | ||
| <nav class="header__navigation"> | ||
| <ul class="header__navigation-list"> | ||
| <li class="header__navigation-item"><a href="#about-me" class="header__navigation-item-link">About Me</a></li> | ||
| <li class="header__navigation-item"><a href="#skills" class="header__navigation-item-link">Skills</a></li> | ||
| <li class="header__navigation-item"><a href="#experience" class="header__navigation-item-link">Experience</a></li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| </header> | ||
|
|
||
| <main class="main"> | ||
| <div class="intro"> | ||
| <div class="intro__content"> | ||
| <div class="intro__author-image-container"> | ||
| <img class="intro__author-image" src="assets/images/author.jpg" alt="CV Author"/> | ||
| </div> | ||
| <h2 class="intro__title">Hello, I'm Daria Kyrychenko!</h2> | ||
| <h2 class="intro__title_extra">Glory to Ukraine!</h2> | ||
| <p class="intro__subtitle">Middle Front-End Developer</p> | ||
| <ul class="intro__socials"> | ||
| <li class="intro__socials-item"><a href="https://www.linkedin.com/in/%F0%9F%87%BA%F0%9F%87%A6daria-kyrychenko%F0%9F%87%BA%F0%9F%87%A6-330557142/" target="_blank"><i class="fab fa-linkedin"></i></a></li> | ||
| <li class="intro__socials-item"><a href="https://github.com/Dariaky" target="_blank"><i class="fab fa-github"></i></a></li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| <section id="about-me" class="about-section generic-container"> | ||
| <header class="section-header"> | ||
| <div class="section-header__text-container"> | ||
| <h4 class="section-header__text">About me</h4> | ||
| </div> | ||
| <div class="section-header__divider"></div> | ||
| </header> | ||
| <p class="about-section__description">I am a Ukrainian Front-End Developer proficient at building | ||
| responsive and accessible web applications using JavaScript, TypeScript, Angular and React. If you have | ||
| a different stack of technologies, no problems - I am a fast learner and always excited to challenge | ||
| myself with new tools. Every day I work hard to provide modern solutions and develop reusable solid | ||
| functionality for business purposes. A good understanding of CI/CD and server-side helps me to succeed | ||
| in my career and find common ground with colleagues. | ||
| </p> | ||
| <p class="about-section__description">On February 24th, 2022, russia started a full-scale war against my | ||
| country. I am alive and able to work only due to our bravest Armed Forces of Ukraine. | ||
| Please support them | ||
| <a class="about-section__description-link" href="https://savelife.in.ua/en/donate-en/#donate-army-card-monthly">support them</a>, | ||
| so we stop dying and being distressed about the lives of our closest every day. | ||
| </p> | ||
| </section> | ||
|
|
||
| <div> | ||
| </div> | ||
| <section id="skills" class="skills skills-section generic-container"> | ||
| <header class="section-header"> | ||
| <div class="section-header__divider right-align dark"></div> | ||
| <div class="section-header__text-container"> | ||
| <h4 class="section-header__text right-align dark">Skills</h4> | ||
| </div> | ||
| </header> | ||
| <div class="skills-content"> | ||
| <div class="skills__block"> | ||
| <h4 class="skills__header">Programming</h4> | ||
| <ul class="skills-list"> | ||
| <li id="html" class="skills-list-item">HTML</li> | ||
| <li id="css" class="skills-list-item">CSS</li> | ||
| <li id="js" class="skills-list-item">JavaScript</li> | ||
| <li id="angular" class="skills-list-item">Angular</li> | ||
| <li id="react" class="skills-list-item">React</li> | ||
| <li id="webpack" class="skills-list-item">Webpack</li> | ||
| <li id="node" class="skills-list-item">Node.js</li> | ||
| <li id="git" class="skills-list-item">Git</li> | ||
| </ul> | ||
| <div class="skills__description"> | ||
| <div> | ||
| <h4 class="skills__description-header"></h4> | ||
| <div class="skills__description-icon"></div> | ||
| <p class="skills__description-text"></p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="skills__block"> | ||
| <h4 class="skills__header">Languages</h4> | ||
| <ul class="languages-list"> | ||
| <li id="ua" class="languages-list-item"> | ||
| <span class="languages-list-item-text">Ukrainian</span> | ||
| <span class="tooltip">Привіт, I'm Native!</span> | ||
| </li> | ||
| <li id="en" class="languages-list-item"> | ||
| <span class="languages-list-item-text">English</span> | ||
| <span class="tooltip">Hi, I'm Advanced!</span> | ||
| </li> | ||
| <li id="de" class="languages-list-item"> | ||
| <span class="languages-list-item-text">German</span> | ||
| <span class="tooltip">Hallo, I'm Intermediate!</span> | ||
| </li> | ||
| <li id="it" class="languages-list-item"> | ||
| <span class="languages-list-item-text different">Italian</span> | ||
| <span class="tooltip different">Ciao, I'm Newbie Here!</span> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section id="experience" class="experience experience-section generic-container"> | ||
| <header class="section-header"> | ||
| <div class="section-header__text-container"> | ||
| <h4 class="section-header__text">Experience</h4> | ||
| </div> | ||
| <div class="section-header__divider"></div> | ||
| </header> | ||
| <div class="experience__content"> | ||
| <ul class="experience__list"> | ||
| <li class="experience__list-item"> | ||
| <h4 class="experience__item-position">Middle Front-End Developer</h4> | ||
| <p class="experience__item-company">Binariks</p> | ||
| <p class="experience__item-duration">August 2021 - present</p> | ||
| <p class="experience__item-description"> | ||
| As part of the SEO team, I closely work with Web Core | ||
| Vitals, Performance, Schema Markup, Sitemaps, and Web Accessibility. I participate in | ||
| creating and releasing new UI functionality, implementing A/B tests, fixing any issues | ||
| related to the performance and visualisation, refactoring core components and introducing | ||
| better solutions within Front-End architecture. Technologies: Angular, Angular Universal, | ||
| TypeScript, Tailwind. Tools: Lighthouse, Google Search Console, Adobe Target. | ||
| </p> | ||
| </li> | ||
| <li class="experience__list-item"> | ||
| <h4 class="experience__item-position">Junior Front-End Developer</h4> | ||
| <p class="experience__item-company">EPAM Systems</p> | ||
| <p class="experience__item-duration">August 2020 - August 2021</p> | ||
| <p class="experience__item-description"> | ||
| I was promoted to a Junior Front-End Developer position for an international financial | ||
| project. My responsibilities comprised creating new UI functionality, fixing bugs, writing | ||
| unit tests, and E2E tests. Framework: Angular. Language: TypeScript. Styles: SCSS. | ||
| Unit testing: Karma & Jasmine. E2E: Protractor. Redux pattern with NGRX. | ||
| </p> | ||
| </li> | ||
| <li class="experience__list-item"> | ||
| <h4 class="experience__item-position">Intern Front-End Developer</h4> | ||
| <p class="experience__item-company">EPAM Systems</p> | ||
| <p class="experience__item-duration">February 2020 - August 2020</p> | ||
| <p class="experience__item-description"> | ||
| I've learned JavaScript concepts more profoundly and started to learn React and Angular. | ||
| By then, I began applying my knowledge to active social projects and participated in inner | ||
| EPAM laboratory activity, primarily working with React, Redux, Jest and JavaScript. | ||
| </p> | ||
| </li> | ||
| <li class="experience__list-item"> | ||
| <h4 class="experience__item-position">Student</h4> | ||
| <p class="experience__item-company">DAN.IT Education</p> | ||
| <p class="experience__item-duration">August 2019 - June 2020</p> | ||
| <p class="experience__item-description"> | ||
| An extensive course where I've learned basic features of HTML and CSS, preprocessors, | ||
| bundlers, JavaScript and its fundamentals. | ||
| </p> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| <footer class="footer generic-container"> | ||
| <div class="footer__container"> | ||
| <p>©Made by Daria Kyrychenko</p> | ||
| </div> | ||
| </footer> | ||
|
|
||
| <button class="btn btn-top"><i class="fas fa-chevron-up"></i></button> | ||
| </body> | ||
| </html> |
Large diffs are not rendered by default.
Oops, something went wrong.
Oops, something went wrong.