index.html

<!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" />
  <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=Montserrat:wght@400;700&display=swap" rel="stylesheet" />
  <link rel="stylesheet" href="styles/styles.css" />
  <title>Resume</title>
</head>

<body>
  <!--Main-->
  <div class="main">
    <!--Main content-->
    <div class="main-content">
      <!--About user-->
      <div class="about">
        <h2 class="title">Profile</h2>

        <p class="about-description">
          <q>Postgraduate student in the Department of Electronics at the National Technical University of Ukraine «KPI». Have excellent communication skills, a work ethic, and the ability to work within a team or individual environment, able to learn new software quickly.</q>
        </p>
      </div>

      <!--Work-->
      <div class="work">
        <h3 class="title">Work Experience</h3>
        <!--Company 1-->
        <div>
          <h4 class="work-position">
            SMM Manager <span class="line">|</span> Baby Academy
          </h4>
          <p class="period">
            February 2016 - May 2019 <span class="line">|</span> Kyiv (Remote)
          </p>
          <ul class="work-list">
            <li class="work-list-item">
              development of SMM strategy, planning of PR campaigns in social
              networks;
            </li>
            <li class="work-list-item">
              promotion and development of accounts in social networks;
            </li>
            <li class="work-list-item">
              posted social content, engaged with followers;
            </li>
            <li class="work-list-item">
              search and analysis of the target audience of the company in
              social networks.
            </li>
          </ul>
        </div>
        <!--Company 2-->
        <div>
          <h4 class="work-position">
            SMM Manager <span class="line">|</span> Kadam
          </h4>
          <p class="period">
            January 2014 - January 2016 <span class="line">|</span> Kyiv
            (Remote)
          </p>
          <ul class="work-list">
            <li class="work-list-item">
              development of SMM strategy, planning of PR campaigns in social
              networks;
            </li>
            <li class="work-list-item">
              promotion and development of accounts in social networks;
            </li>
            <li class="work-list-item">
              search and analysis of the target audience of the company in
              social networks;
            </li>
            <li class="work-list-item">
              preparation of presentations, and speeches, work with
              statistics, and efficiency analysis.
            </li>
          </ul>
        </div>
        <!--Company 3-->
        <div>
          <h4 class="work-position">
            Junior QA <span class="line">|</span> fbpager.com, boostdozer.com
          </h4>
          <p class="period">
            June 2014 - February 2015 <span class="line">|</span> Kyiv
          </p>
          <ul class="work-list">
            <li class="work-list-item">developing test plans (Testlink);</li>
            <li class="work-list-item">
              finding and reporting bugs in JIRA;
            </li>
            <li class="work-list-item">
              testing website functionalities, identifying problems and
              resolving them with the developers.
            </li>
          </ul>
        </div>
      </div>

      <!--Education-->
      <div class="education">
        <h3 class="title">Education</h3>
        <!--Period 1-->
        <h4 class="department-study">Postgraduate study in Microelectronics and Semiconductor Devices <span
            class="line">|</span> National Technical University of Ukraine «KPI», Kyiv</h4>
        <p class="period">
          November 2010 - November 2013 <span class="line">|</span> Ukraine
        </p>
      </div>
      <!--Period 2-->
      <div class="education">
        <h4 class="department-study">Master in Microelectronics and Semiconductor Devices <span class="line">|</span>
          National Technical University of Ukraine «KPI», Kyiv</h4>
        <p class="period">
          September 2008 - June 2010 <span class="line">|</span> Ukraine
        </p>
      </div>
      <!--Period 3-->
      <div class="education">
        <h4 class="department-study">Bachelor in Microelectronics and Semiconductor Devices <span class="line">|</span>
          National Technical University of Ukraine «KPI», Kyiv</h4>
        <p class="period">
          September 2004 - June 2008 <span class="line">|</span> Ukraine
        </p>
      </div>

      <!--Courses-->
      <div class="courses">
        <h3 class="title">Courses</h3>
        <!--Courses 1-->
        <h4 class="department-study">
          Web development with HTML, CSS, Javascript <span class="line">|</span> GoIT
        </h4>
        <p class="period">
          February 2022 - September 2022
        </p>
      </div>
      <!--Courses 2-->
      <div class="courses">
        <h4 class="department-study">
          English <span class="line">|</span> Green Forest
        </h4>
        <p class="period">
          September 2020 - September 2022
        </p>
      </div>
      <!--Courses 3-->
      <div class="courses">
        <h4 class="department-study">
          French <span class="line">|</span> Caritas
        </h4>
        <p class="period">
          September 2018 - June 2020
        </p>
      </div>
    </div>

    <!--Sidebar-->
    <aside class="sidebar">
      <img src="img/photo_ava_Daria.jpeg" alt="user photo" class="photo" />
      <h3 class="sidebar-title-name sidebar-title">Daria Sliusar</h3>
      <!--Contacts-->
      <div class="contacts">
        <h3 class="sidebar-title">Contacts</h3>
        <div>
          <span class="contact-type">P:</span>
          <a href="tel:+41762623538," class="contact-link">+41762623538,</a>
          <a href="tel:+41793612449" class="contact-link">+41793612449</a>

          <br /><span class="contact-type">E:</span>
          <a href="mailto:darinacat87@gmail.com" class="contact-link">darinacat87@gmail.com</a>
          <br /><span class="contact-type">A:</span>
          <a class="contact-link"> Switzerland, Gland</a>

          <br /><span class="contact-type">Nationality: </span><br />
          <a class="contact-link"> Ukraine</a>

          <br /><span class="contact-type">Date of Birth:</span><br />
          <a class="contact-link"> 26/07/1987</a>
        </div>
      </div>
      <!--Tech Skills-->
      <div class="tech-skills">
        <h3 class="sidebar-title">Skills</h3>
        <ul class="tech-skills-list">
          <li class="tech-skills-item">
            <span class="tech-skills-text">HTML</span>
          </li>
          <li class="tech-skills-item">
            <span class="tech-skills-text">CSS</span>
          </li>
          <li class="tech-skills-item">
            <span class="tech-skills-text">GIT</span>
          </li>
          <li class="tech-skills-item">
            <span class="tech-skills-text">JavaScript</span>
          </li>
          <li class="tech-skills-item">
            <span class="tech-skills-text">Social media networks</span>
          </li>
        </ul>
      </div>
      <!--Languages-->
      <div class="language">
        <h3 class="sidebar-title">Language</h3>
        <ul class="language-list">
          <li class="language-item">
            <span class="language-text">English B1</span>
          </li>
          <li class="language-item">
            <span class="language-text">French B1</span>
          </li>
          <li class="language-item">
            <span class="language-text">Ukraine native</span>
          </li>
          <li class="language-item">
            <span class="language-text">Russian native</span>
          </li>
        </ul>
      </div>

      <!--Hobbies-->
      <div class="language">
        <h3 class="sidebar-title">Hobbies</h3>
        <ul class="language-list">
          <li class="language-item">
            <span class="language-text">Pilates</span>
          </li>
          <li class="language-item">
            <span class="language-text">Cooking</span>
          </li>
          <li class="language-item">
            <span class="language-text"> Travelling</span>
          </li>
        </ul>
      </div>
    </aside>
  </div>
</body>

</html>

<!--Projects-->
<!--<div class="projects">
  <h3 class="title">Projects</h3>
  <ol class="projects-list">
    <li class="projects-item">
      <span class="project"><a href="https://sliusardaria.netlify.app/"
          class="project-link">https://sliusardaria.netlify.app/</a>
        ..........
        <span class="project-bracket">[</span> HTML5, CSS3
        <span class="project-bracket">]</span>
      </span>
    </li>
    <li class="projects-item">
      <span class="project">
        <a href="https://cryptohub.goit.global/" class="project-link">https://cryptohub.goit.global/</a>
        ...........
        <span class="project-bracket">[</span> JavaScript
        <span class="project-bracket">]</span>
      </span>
    </li>
    <li class="projects-item">
      <span class="project"><a href="https://kidslike.goit.global/"
          class="project-link">https://kidslike.goit.global/</a>
        .................
        <span class="project-bracket">[</span> React.js, Node.js
        <span class="project-bracket">]</span>
      </span>
    </li>
  </ol>
</div> -->