diff --git a/README.md b/README.md index a7ac464..2a8ffb0 100644 --- a/README.md +++ b/README.md @@ -1 +1 @@ -# rsschool-cv \ No newline at end of file +https://iso9000t.github.io/rsschool-cv/ \ No newline at end of file diff --git a/cv.md b/cv.md new file mode 100644 index 0000000..6ac95cc --- /dev/null +++ b/cv.md @@ -0,0 +1,52 @@ +# Alexander Grigorev +--- +#### _RSS School resume_ + +##### Contact information +- **Phone:** +374 91056755 +- **E-mail:** sfspbox@gmail.com +- **Telegram:** @iso9000t + +##### **Summary** +After gaining valuable experience in the financial industry and accounting, I have decided to pursue a career that allows me to tap into my creative potential. My past hobbies and experiences in audio production and photography have prepared me for a career in video editing, compositing, and motion design. I have a track record of creating popular videos on YouTube and have mastered a variety of software along the way. My skills also include scriptwriting, editing, sound design, 3D animation, and rendering. Recently, I have begun learning front-end development and am excited about the endless possibilities it presents. From creating intuitive and user-friendly websites to bringing ideas to life with interactive design, the potential of front-end development and related fields is truly limitless. I am confident that my previous experiences and self-motivation make me a strong candidate for this field. + +##### **Skills:** +- HTML, CSS, Markdown +- Git, GitHub +- Adobe Photoshop, After Effects, Premiere, Lightroom, +- Cinema 4d, Redshift, +- FL Studio, iZotope Ozone, RX, Studio One + +##### **Education:** +- The Saint Petersburg State University of Engineering and Economics + - management +- St. Petersburg Electrotechnical College. +- Accounting and translation of economic literature from English. + +##### **Courses:** +- Chief Accountant courses from the Novy Mir accounting school. +- IT Fundamentals by EPAM +- Git courses by EPAM +- Basic HTML and HTML5 by freeCodeCamp +- Responsive Web Design by freeCodeCamp +- Learn HTML by Code Academy +- Basic CSS by freeCodeCamp +- Applied Visual Design by freeCodeCamp +- HTML and CSS courses by The Net Ninja school +- EPAM lectures + +##### **Work experience:** +- Development manager in a construction company. +- Development manager for retail networks at the Russian Standard Bank and as - a senior manager for consumer lending at Credit Europe Bank. +- Accountant in an outsourcing company +- Video-editor, compositor and motion designer + + +##### **English:** +- C2 accorrding to EFset https://www.efset.org/cert/hLZP8k +- A translator certification for economic literature from English, issued by the St. Petersburg Electrotechnical College. +- I have been hosting an English club for seven years + +##### **Code examples:** + // the hello world program + console.log('Hello World'); \ No newline at end of file diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..20bd70d Binary files /dev/null and b/favicon.ico differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..5620769 --- /dev/null +++ b/index.html @@ -0,0 +1,150 @@ + + + + + + + Alex Grigorev CV + + + + + + + + + +
+
+

Alexander Grigorev

+

Junior Frontend Developer

+
+
+
+

About me

+
+

+ After gaining valuable experience in the financial industry and + accounting, I have decided to pursue a career that allows me to tap + into my creative potential. My past hobbies and experiences in audio + production and photography have prepared me for a career in video + editing, compositing, and motion design. I have a track record of + creating popular videos on YouTube and have mastered a variety of + software along the way.
+ My skills also include scriptwriting, editing, sound design, 3D + animation, and rendering. Recently, I have begun learning front-end + development and am excited about the endless possibilities it + presents. From creating intuitive and user-friendly websites to + bringing ideas to life with interactive design, the potential of + front-end development and related fields is truly limitless. I am + confident that my previous experiences and self-motivation make me a + strong candidate for this field. +

+
+
+

Education

+
+
    +
  • + + The Saint Petersburg State University of Engineering and + Economics +
      +
    • management
    • +
    +
  • +
+
    +
  • + St. Petersburg Electrotechnical College. +
      +
    • Accounting
    • +
    • Translation of economic literature from English.
    • +
    +
  • +
+
+ +
+

Courses

+
+
    +
  • + Chief Accountant courses from the Novy Mir accounting school. +
  • +
  • Fundamentals by EPAM
  • +
  • Git courses by EPAM
  • +
  • HTML and HTML5 by freeCodeCamp
  • +
  • Responsive Web Design by freeCodeCamp
  • +
  • Learn HTML by Code Academy
  • +
  • Basic CSS by freeCodeCamp
  • +
  • Applied Visual Design by freeCodeCamp
  • +
  • HTML and CSS courses by The Net Ninja school
  • +
  • EPAM lectures
  • +
+
+
+

Code examples

+
+

This JavaScript code outputs "Hello World"

+
+ console.log('Hello World'); +
+
+
+ + + +
+ + diff --git a/style.css b/style.css new file mode 100644 index 0000000..6614d0f --- /dev/null +++ b/style.css @@ -0,0 +1,253 @@ +/*////////////////////////// +// ALEXANDER GRIGOREV's CV CSS +// ALEX GRIGOREV +//////////////////////////*/ +h1, h2 { + font-family: poppins; + color: rgb(255, 255, 255); + line-height: 27px; + margin: 0 auto 0 auto; + padding: 15px; + text-shadow: 8px 8px 10px #0000008c; +} + +h2 { + font-size: larger; +} + +p, li { + font-size: 1.5 rem; + font-family: Mukta; + text-align: left; + line-height: 120%; + font-weight: 300; +} + +li{ + list-style-position: inside; +} + +h3 { + font-family: poppins; + font-variant: small-caps; + font-size: 1.29rem; + /*color: rgb(138, 76, 47); */ +} + +a { + color: rgb(255, 255, 255); + transition: color 0.7s ease-out 100ms; +} +footer a { + color: rgb(255, 255, 255); + font-family: poppins; + font-weight: 600; + font-size: 1.29rem; + transition: color 0.7s ease-out 100ms; +} + +main h3 { +color: rgb(255, 255, 255); +margin: 10px 30px 0 30px; +line-height: 150%; +text-align: center; +} + +main p { + color: rgb(255, 255, 255); + margin: 10px 30px 0 30px; + line-height: 150%; +} + +main li { +color: rgb(255, 255, 255); +} + +main h3 { + font-size: 2rem; +} + +aside h3 { + color: rgb(255, 255, 255); + text-align: center; + text-shadow: 3px 3px 6px #3100008c; +} + +aside li { + color: rgb(255, 255, 255); + line-height: 180%; + font-weight: 300; + +} + +hr { +height: 1.5px; +background-color: rgb(122, 171, 180); +border: none; +} + +aside ul{ + margin: auto; + padding-right: 30px; +} + +main ul { + padding-left: 1em; +} + +.contact { + margin: 5% auto 0 auto; + width: 96%; + /*background-color: rgba(107, 40, 19, 0.6);*/ + padding: 0 0 20px 0; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) +} + +.skills { + margin: 5% auto 0 auto; + width: 96%; + /*background-color: rgba(107, 40, 19, 0.6);*/ + padding: 0 0 20px 0; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) +} + +.english { + margin: 5% auto 0 auto; + width: 96%; + /*background-color: rgba(107, 40, 19, 0.6);*/ + padding: 0 0 20px 0; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) +} + +@media screen and (min-width: 1024px) { + .layout { + display: grid; + + grid-template-columns: minmax(auto,330px); + grid-template-rows: 120px 1fr 5em; + grid-template-areas: + "header-area header-area" + "sidebar main" + "footer footer"; + } + + head { + max-width: 80%; + } + + .contact { + margin: 0 auto 0 auto; + width: 95%; + /*background-color: rgba(107, 40, 19, 0.6);*/ + padding: 0 0 20px 0; + box-shadow: 0 0 40px rgba(0, 0, 0, 0.5) + } + + .skills { + margin: 5% auto 0 auto; + width: 95%; + /*background-color: rgba(107, 40, 19, 0.6);*/ + padding: 0 0 20px 0; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) + } + + .english { + margin: 5% auto 0 auto; + width: 95%; + /*background-color: rgba(107, 40, 19, 0.6);*/ + padding: 0 0 20px 0; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) + } + + main { + background-color: rgb(128, 155, 205); + grid-area: main; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + padding-bottom: 7px; + margin-right: 6px; + margin-left: 10px; + /*margin-bottom: 4.88%;*/ + } + } + +header { + + grid-area: header-area; + display: grid; + padding-bottom: 10px; +} + +main { + background: linear-gradient(180deg, rgb(12, 55, 75) 0%, rgb(62, 141, 163) 96%, rgb(42, 110, 150) 99.99%); + grid-area: main; + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + padding-bottom: 7px; + + box-sizing: border-box; +} + +aside { + display: grid; +} + +.code { + position: relative; + color: rgb(244, 232, 55); + margin-bottom: 15px; + margin-left: 10px; +} + +.code p { + + padding-bottom: 20px; +} + +code { +margin: 10px; +padding: 10px; +} + +body { + background: rgb(19, 79, 107); + background: linear-gradient(180deg, rgb(14, 65, 87) 0%, rgb(62, 141, 163) 96%, rgb(42, 110, 150) 99%); +} + +footer { + + grid-area: footer; + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 1fr; + justify-content: center; +} + +.my-git { + margin: auto; +} + +.date { + color: rgb(215, 215, 215); + font-family: poppins; + font-weight: 600; + font-size: 1.29rem; + margin: auto; + filter: opacity(75%) +} + +.RSS-logo { + margin: auto; + padding: 20px; + filter: opacity(75%) +} + +footer a:hover { + color: rgb(255, 223, 96); + filter: opacity(100%); + cursor: pointer; +} + +a:hover { + cursor: pointer; + color: rgb(255, 223, 96); + filter: opacity(100%); +}