-
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
8 changed files
with
165 additions
and
39 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
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
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
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
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 |
|---|---|---|
| @@ -1,37 +1,167 @@ | ||
| import React from "react"; | ||
| import Head from "next/head"; | ||
| import { FaGithub, FaTelegramPlane } from "react-icons/fa"; | ||
| import { FaGithub } from "react-icons/fa"; | ||
| import {BsTelegram} from "react-icons/bs" | ||
|
|
||
| const resume = () => { | ||
| return ( | ||
| <> | ||
| <div className=" bg-white pb-72 text-black dark:bg-[#0c0c0c] dark:text-white"> | ||
| <Head> | ||
| <title>Resume</title> | ||
| <meta | ||
| name="description" | ||
| content="I'm a front-end web developer specializing in building (and occasionally designing) exceptional digital experiences." | ||
| content="I'm a front-end web developer specializing in building exceptional digital experiences." | ||
| /> | ||
| <link rel="icon" href="/fav.png" /> | ||
| <link rel="icon" href="/favicon.ico" /> | ||
| </Head> | ||
| <div className="bg-[#f5f5f7] dark:bg-[#0c0c0c] h-screen"> | ||
| <div className="mx-auto max-w-[940px] p-2 pt-[120px] "> | ||
| <p className="mx-4 text-center bg-gradient-to-br from-[#fd3a50] via-[#f95a5a] to-[#faa040] bg-clip-text px-7 text-[56px] font-semibold text-transparent md:mx-5"> | ||
| Resume | ||
| </p> | ||
| <p className="mx-4 text-center bg-gradient-to-br from-[#fd3a50] via-[#f95a5a] to-[#faa040] bg-clip-text text-[56px] font-semibold text-transparent md:mx-5"> | ||
| Yaroslav Yakupov | ||
| </p> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <div className="mx-4 h-full sm:mx-5 md:mx-7 lg:mx-9"> | ||
| <div className="mx-auto max-w-[700px] pt-[77px] "> | ||
| <p className="mx-4 bg-gradient-to-br from-[#fd3a50] via-[#f95a5a] to-[#faa040] bg-clip-text px-7 text-center text-[39px] font-semibold text-transparent sm:text-[56px] md:mx-5"> | ||
| Resume | ||
| </p> | ||
| <p className="mx-4 bg-gradient-to-br from-[#fd3a50] via-[#f95a5a] to-[#faa040] bg-clip-text text-center text-[39px] font-semibold text-transparent sm:text-[56px] md:mx-5"> | ||
| Yaroslav Yakupov | ||
| </p> | ||
| <div className="mt-4 text-center text-[21px] font-semibold uppercase tracking-wider"> | ||
| <div className="hidden sm:block"> | ||
| <p>Web Development Complex Problem Solving</p> | ||
| </div> | ||
| <div className="block sm:hidden"> | ||
| <p className="">Web Development</p> | ||
| <p>Complex Problem Solving</p> | ||
| </div> | ||
| </div> | ||
| <p className="mt-2"> | ||
| Analytical, innovative, and motivated web development professional | ||
| with experience in customer service, team leadership, and | ||
| organizational effectiveness in fast-paced and challenging | ||
| environments. Adept at developing strategies and driving streamlined | ||
| operations. Diverse analytical skills, team collaboration, and | ||
| relationship building. Consummate professional, and motivated | ||
| leader, with solid interpersonal abilities and complex | ||
| problem-solving skills. Effective and proven track record of | ||
| critical thinking, idea generation, and optimizing efficiencies. | ||
| </p> | ||
|
|
||
| {/* Skills */} | ||
| <div className="mt-5 text-center"> | ||
| <h5 className=" text-center text-[21px] font-semibold"> | ||
| Technical Skills | ||
| </h5> | ||
| <p className="mt-1"> | ||
| Front-End Web Developer HTML CSS React Tailwind Firebase | ||
| </p> | ||
| </div> | ||
| <div className="mt-5 text-center"> | ||
| <h5 className=" text-center text-[21px] font-semibold"> | ||
| Other Skills | ||
| </h5> | ||
| <p className="mt-1">Figma Photoshaop Illustrator Autocad</p> | ||
| </div> | ||
|
|
||
| <h5 className="mt-5 text-center text-[21px] font-semibold"> | ||
| Professional Experience | ||
| </h5> | ||
| <div className="mt-3"> | ||
| <p className=""> | ||
| <span className="text-[19px] font-semibold">Content Manager</span> | ||
| </p> | ||
| <p className="font-medium"> | ||
| Umschool{" "} | ||
| <span className="text-gray-500"> | ||
| May 2021 – July 2022, Saint-Petersburg, Russia | ||
| </span> | ||
| </p> | ||
| <p>Managing process of creating educational content.</p> | ||
|
|
||
| <p className="mt-3"> | ||
| <span className="text-[19px] font-semibold"> | ||
| Curator and moderator of informatics in online school | ||
| </span> | ||
| </p> | ||
| <p className="font-medium"> | ||
| Umschool{" "} | ||
| <span className="text-gray-500"> | ||
| March 2021 – July 2022, Saint-Petersburg, Russia | ||
| </span> | ||
| </p> | ||
| <p> | ||
| Managing process of students education, help with theoretical | ||
| problems over informatics. | ||
| </p> | ||
|
|
||
| <p className="mt-3"> | ||
| <span className="text-[19px] font-semibold"> | ||
| Audit of online school | ||
| </span> | ||
| </p> | ||
| <p className="font-medium"> | ||
| Umschool{" "} | ||
| <span className="text-gray-500"> | ||
| June 2021 – November 2021, Saint-Petersburg, Russia | ||
| </span> | ||
| </p> | ||
| <p> | ||
| Checking materials for any type of nonconformity before | ||
| publication. | ||
| </p> | ||
|
|
||
| <p className="mt-3"> | ||
| <span className="text-[19px] font-semibold"> | ||
| Graphic Designer | ||
| </span> | ||
| </p> | ||
| <p className="font-medium"> | ||
| Umschool{" "} | ||
| <span className="text-gray-500"> | ||
| September 2021 – February 2021, Saint-Petersburg, Russia | ||
| </span> | ||
| </p> | ||
| <p> | ||
| Creating educational content for printing. Creating presentations. | ||
| </p> | ||
| </div> | ||
|
|
||
| <div className="mt-5 text-center"> | ||
| <h5 className="text-center text-[21px] font-semibold"> | ||
| Образование | ||
| </h5> | ||
| <p className="mt-2 text-start"> | ||
| <span className="text-[19px] font-semibold"> | ||
| Saint Petersburg Mining University | ||
| </span> | ||
| </p> | ||
| <p className="text-start font-medium"> | ||
| 3rd course of Information technologies in management.{" "} | ||
| <span className="text-gray-500">Saint-Petersburg, Russia</span> | ||
| </p> | ||
| </div> | ||
|
|
||
| <div className="mt-5 text-center"> | ||
| <h5 className="mt-1 text-center text-[21px] font-semibold"> | ||
| Languages | ||
| </h5> | ||
| <p className="">Russian, English: B2 Advanced</p> | ||
| </div> | ||
|
|
||
| <div className="mt-5 text-center"> | ||
| <p className="mt-1 text-center text-[21px] font-semibold"> | ||
| Contacts | ||
| </p> | ||
| <p className="mt-1">[email protected]</p> | ||
| <a href="https://t.me/yaroslavxx" className="mx-auto flex w-fit items-center mt-1"> | ||
|
|
||
| <div className=" bg-white ml-2 p-0.5 rounded-lg mr-1.5"> | ||
| <BsTelegram className="h-[22px] w-[22px] cursor-pointer text-[#0088cc]" /> | ||
| </div>@yaroslavxx | ||
| </a> | ||
|
|
||
| <p className="mt-1.5">+7 922 930 94 05</p> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| </> | ||
| ); | ||
| }; | ||
|
|
||
|
|
||
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
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
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
e412544There 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.
Successfully deployed to the following URLs:
y – ./
y-git-main-yaroslavx.vercel.app
y-wheat-eight.vercel.app
y-yaroslavx.vercel.app