tiritaki · tiritaki · Jul 13, 2021 · Jul 13, 2021 · Jul 13, 2021 · Jul 13, 2021
diff --git a/.DS_Store b/.DS_Store
diff --git a/README.md b/README.md
diff --git a/assets/img/photo.jpeg b/assets/img/photo.jpeg
diff --git a/assets/img/rs_school_js.svg b/assets/img/rs_school_js.svg
diff --git a/cv.md b/cv.md
@@ -0,0 +1,71 @@
+# Oleg Pysmenko
+
+mob: +380508573010
+email: [email protected]
+
+
+
+# Experience
+
+# Upwork, Freelancer
+2016 – Current                             Freelancer  
+https://www.upwork.com/freelancers/~01e8ab4eaf36a27c5c
+
+Airconditioning & Heating International FZE, Ukraine
+Aug 2006 – Nov 2009                          Country Sales Manager 
+
+Key Responsibilities are:
+- B2C and B2B Sales of HVAC Equipment (up to 8 MW, up to 160000 sq.m) to Shopping Malls, Class A Business Centres, Luxury Living Apartments, Arenas, Processing Factories 
+- Design Green Buildings (LEED), BMS, Fire & Security, Smoke Control, Clean Rooms according to 
+local construction norm and regulations
+- Hour Load & Enegy Analysis 
+- Cooperation with General Contractors, Developers, Architects, Design Bureau
+- Establish a proper price policy and sales incentives aligned to the long term business strategy 
+and follow company's procedure & policies with regards to Sales/Credit & Recoveries
+- Develop existing and new distribution channels
+
+Reference list: BC Parus, BC Gulliver, BC Domotehnika, Mall Mandarin Plaza, Mall Dream Town, Mall Opera Passage Lviv, Apartments Riviera Riverside, Apartments Ambassador House, Apartments Karpatskiy Dim, Aluminium factory in Brovary , FC Dnipro Arena 
+
+# LG Electronics, Ukraine
+Mar 2005 – Aug 2006                             Marketing Manager
+
+Key Responsibilities are:
+- Developing and Execution of ATL, BTL and PR campaign (Art Cool)
+- Being responsible for new launches (Multi V System)
+- Development of all creative materials
+- Analyze market volume, structure and trends
+- B2B communication (retailers, A/C companies)
+· Monthly and quarterly sales, product demand forecasting 
+
+
+
+# KlonDaik-Authorized Trade Partner DAIKIN EUROPE NV, Ukraine
+Jun. 2003 – Mar. 2005                             Product Manager
+
+Key Responsibilities are:
+- Develop product categories (Splits, Multi Splits,Super Multi Plus, VRV, Chillers, Fancoils, HRV)
+- Prepare technical commercial proposals
+- Negotiate customers with sub contractors & submit recommendation to register them as approved
+contractors for installation of Air conditioners
+
+Education, Ukraine
+National Technical University of Ukraine "KPI"
+1994 – 1999                                        Engineer
+                                                    Specialist in Radio-Technics
+# Training courses
+* Nov. 2011 – June 2012,  Volunteer EURO 2012,UEFA, Kyiv
+* Sep. 2010, Accounting,(250hrs), Golden Staff, Kyiv
+* Oct. 2008,  Heating and Ventilation,Carrier, Waalwijk
+* Dec. 2006,2008 Commercial Air Conditioning,Carrier, Dubai
+* Jul. 2007, Chillers,Carrier, Lyon
+* Jul. 2006, Commercial Air Conditioning,LG, Seoul
+* Mar. 2006,2008 Air Conditioning,LG, Carrier, Moscow
+* Oct. 2005, Development of Sales Strategy, LG, AchieveGlobal, Kyiv
+* Jan.2003-Feb.2003, Marketing and Sales, Business-Link, Kyiv
+* Sep. 2002-Jan. 2003, Intensive Language Course, (400hrs, IELTS-6,5 Band), The British Council,Kyiv
+
+# Skills
+* Excellent skill in organizing, conducting, training, Demos, Seminars & Exhibitions
+* Customer oriented work behavior
+* Advanced knowledge of English (fluent oral/writing)
+* Driving licence
diff --git a/index.html b/index.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <link rel="stylesheet" href="styles.css">
+  <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
+  <title>CV Oleg Pysmenko</title>
+</head>
+<body>
+
+
+<div class="header">
+  <div class="info">
+    <div class="contacts">
+      <h1 class="name">Pysmenko Oleg</h1>
+      <span class="color_social"> Telegram:</span><span> @tiritaki</span>
+      <span class="color_social">Email: </span> <span>[email protected]</span>
+      <span class="color_social">GitHub:</span><span> tiritaki</span>
+    </div>
+  </div>
+  <div class="shadow">
+    <div class="shadow_item">
+      <a target="_blank" href="https://www.upwork.com/freelancers/~01e8ab4eaf36a27c5c">
+        <img class="photo" src="./assets/img/photo.jpeg" alt="Photo">
+      </a>
+    </div>
+  </div>
+</div>
+<div class="delimiter"></div>
+
+<div class="information">
+  <h1>Information</h1>
+  <span>I want to learn new things and develop as a developer. I have PM experience</span>
+</div>
+<div class="delimiter"></div>
+
+<div class="skills">
+  <div class="center">
+    <h1>Professional skills</h1>
+    <div class="wrap">
+      <span>CSS</span>
+      <span> HTML</span>
+      <span>BEM</span>
+      <span>ReactJS</span>
+      <span> JavaScript</span>
+      <span>Sass</span>
+      <span>Less</span>
+      <span>Typescript</span>
+      <span>Webpack</span>
+    </div>
+  </div>
+</div>
+<div class="delimiter"></div>
+
+<div class="code">
+  <h1>Сode examples</h1>
+  <h3>All my work lies on GitHub</h3>
+</div>
+
+<div class="delimiter"></div>
+
+<div class="experience">
+  <h1>Experience</h1>
+  <h3>I have PM experience</h3>
+  <h3>English Advanced level</h3>
+</div>
+
+<div class="delimiter"></div>
+
+<footer class="footer">
+  <div class="wrapper">
+    <img class="school" src="./assets/img/rs_school_js.svg" alt="logo">
+    <a class='href' target="_blank" href="https://rs.school/js-stage0/">School</a>
+    <a class='href' href="https://github.com/tiritaki" target="_blank">GitHub</a>
+    <h3>2021</h3>
+  </div>
+</footer>
+
+<div class="delimiter"></div>
+
+
+<script src="js.js"></script>
+
+
+</body>
+</html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,178 @@
+
+body {
+    margin: 0 auto;
+    box-sizing: border-box;
+    width: 1200px;
+    max-width: 1440px;
+    font-family: 'Open Sans', sans-serif;
+}
+
+*, *:before, *:after {
+    box-sizing: border-box;
+}
+
+h1, h2, h3, h4 {
+    margin: 0;
+}
+
+.delimiter {
+    background-color: #1382ff;
+    width: 100%;
+    height: 3px;
+}
+
+/*header*/
+
+.header {
+    display: flex;
+    justify-content: space-between;
+}
+
+.info {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.name {
+    margin: 20px 0;
+}
+
+.contacts {
+    display: flex;
+    flex-direction: column;
+}
+
+.color_social {
+    color: #1382ff;
+}
+
+.color_social {
+    color: #1382ff;
+}
+
+.color_social {
+    color: #1382ff;
+}
+
+.photo {
+    width: 300px;
+}
+
+.shadow {
+    margin: 60px 0;
+    cursor: pointer;
+    background-color: #c5c5c5;
+}
+
+.shadow:hover .shadow_item {
+    transform: translate3d(-8px, -8px, 0);
+}
+
+.shadow_item {
+    transition: transform .2s linear;
+}
+
+a img {
+    display: block;
+}
+
+/*Information*/
+
+.information {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 300px;
+    margin: 40px 0;
+    flex-direction: column;
+}
+
+.information h1 {
+    margin: 10px 0;
+}
+
+/*Skills*/
+
+.skills {
+    height: 300px;
+    margin: 40px 0;
+}
+
+.center {
+    justify-content: center;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}
+
+.center h1 {
+    margin: 70px 0;
+}
+
+.wrap span {
+    margin: 0 20px;
+}
+
+/*Code*/
+.code {
+    height: 300px;
+    margin: 40px 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+
+.code h1 {
+    margin: 10px 0;
+}
+
+/*experience*/
+
+.experience {
+    height: 300px;
+    margin: 40px 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+
+.experience h1 {
+    margin: 10px 0;
+}
+
+.experience h3 {
+    margin: 5px 0;
+}
+
+/*footer*/
+
+.footer {
+    height: 300px;
+    margin: 40px 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+
+.wrapper {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.wrapper a {
+   margin: 10px 0;
+}
+
+.school {
+    width: 250px;
+    height: 200px;
+}
+
+.href {
+    text-decoration: none;
+    color: #1382ff;
+}