Sheva77
/
homework


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177
							<!DOCTYPE html>
<html lang="en">
<style type="text/css">
  A {
    text-decoration: none;
    /* Убирает подчеркивание для ссылок */
  }

  A:hover {
    text-decoration: underline;
    /* Добавляем подчеркивание при наведении курсора на ссылку */
    color: #ff6b08;
    /* Ссылка красного цвета */
  }
</style>

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>My resume - Andrey L. Shevchenko</title>

  <link rel="stylesheet" href="./styles/style.css">
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
</head>

<body>
  <!--main conteiner-->
  <div class="wrapper">
    <!--sidebar-->
    <aside class="sidebar">
      <img class="my-photo" src="./img/Iam.jpg" alt="Andrey S. Shevchenko" />

      <div>
        <!--Contacts container-->
        <div class="contacts-container">
          <h3 class="contacts-title">Contacts</h3>
          <div>
            <span class="contacts-link-tipe">C:</span>
            <a class="contacts-link" href=tel:"+380951138598">+38 095 113 85 98</a>
          </div>
          <div>
            <span class="contacts-link-tipe">E:</span>
            <a class="contacts-link" href="mailto:chornyiav@gmail.com">chornyiav@gmail.com</a>
          </div>
        </div>

        <!--Tech Skills container-->
        <div class="tech-skills-container">
          <h3 class="tech-skills-title">Tech Skills</h3>
          <ul class="tech-skills-item">
            <li><span class="tech-skils-text">HTML5</span></li>
            <li><span class="tech-skils-text">CSS3</span></li>
            <li><span class="tech-skils-text">GIT</span></li>
            <li><span class="tech-skils-text">WebPack</span></li>
            <li><span class="tech-skils-text">JavaScript</span></li>
            <li><span class="tech-skils-text">React.js</span></li>
            <li><span class="tech-skils-text">Node.js</span></li>
          </ul>
        </div>

        <!--Soft Skills container-->
        <!-- В "soft" можно было бы применить уже написанные стили "tech"-->
        <div class="soft-skills-container">
          <h3 class="soft-skills-title">Soft Skills</h3>
          <ul class="soft-skills-item">
            <li><span class="soft-skils-text">Scrum</span></li>
            <li><span class="soft-skils-text">Agile</span< /li>
            <li><span class="soft-skils-text">GTD</span></li>
            <li><span class="soft-skils-text">Teamwork</span></li>
          </ul>
        </div>
      </div>
    </aside>

    <!--about me conteiner-->
    <div class="about-me-container">

      <!--FIO + ocupation-->
      <div class="info-container">
        <h2 class="ocupation">Front-End Developer</h2>
        <h1 class="name">Andrey L. Shevchenko</h1>
        <p class="description">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
          eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis
          ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas
          accumsan lacus vel facilisis.
        </p>
      </div>

      <!--project contqiner-->
      <div class="project-container">
        <h3 class="projectsclass">Projects</h3>
        <ol class="projects-order-title">
          <li class="black-b">
            <a href="https://lovecamp.allinsol.com/" class="projects-order-list"> https://lovecamp.allinsol.com/
            </a>
            <span class="projects-order-dots">.............</span>
            <span><b class="black-b">[</b><span class="projects-order-list"> HTML5, CSS3 </span><b
                class="black-b">]</b></span>
          </li>
          <li class="black-b">
            <a href="https://cryptohub.goit.ua/" class="projects-order-list"> https://cryptohub.goit.ua/
            </a>
            <span class="projects-order-dots">.......................</span>
            <span><b class="black-b">[</b><span class="projects-order-list"> JavaScript </span><b
                class="black-b">]</b></span>
          </li>
          <li class="black-b">
            <a href="https://kidslike.goit.co.ua/" class="projects-order-list"> https://kidslike.goit.co.ua/
            </a>
            <span class="projects-order-dots">........................</span>
            <span><b class="black-b">[</b><span class="projects-order-list"> React.js, Node.js </span><b
                class="black-b">]</b></span>
          </li>
        </ol>
      </div>

      <!--work container-->
      <div>
        <h3 class="projectsclass">Work Experience</h3>

        <!--1 work-->
        <div>
          <h4 class="professional-title">Front-End Developer <span class="company">Freelance</span></h4>
          <span class="work-period">September 2019 - up to now <b>|</b> Ukraine</span>
          <ul class="profession-duties">
            <li class="profession-duties-item">
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
              eiusmod tempor incididunt ut labore et dolore magna aliqua.
            </li>
            <li class="profession-duties-item">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
            <li class="profession-duties-item">Risus commodo viverra maecenas.</li>
            <li class="profession-duties-item">
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
              eiusmod.
            </li>
          </ul>
        </div>

        <!--2 work-->
        <div>
          <h4 class="professional-title">Manager <span class="company">Roga & Kopyta New</span></h4>
          <span class="work-period">March 2015 - October 2018 <span class="prof-div"><b>|</b></span> Ukraine</span>
          <ul class="profession-duties">
            <li class="profession-duties-item">
              Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
              eiusmod labore et dolore magna aliqua.
            </li>
            <li class="profession-duties-item">Quis ipsum suspendisse ultrices gravida.</li>
            <li class="profession-duties-item">Risus commodo viverra maecenas.</li>
          </ul>
        </div>

        <!--3 work-->
        <div>
          <h4 class="professional-title"> Manager <span class="company">Roga & Kopyta LLC</span></h4>
          <span class="work-period">June 2014 - February 2015 <b>|</b> Ukraine</span>
          <ul class="profession-duties">
            <li class="profession-duties-item">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
            <li class="profession-duties-item">Quis ipsum suspendisse ultrices gravida.</li>
            <li class="profession-duties-item">Risus commodo viverra maecenas.</li>
          </ul>
        </div>

        <!--Education-->
        <div>
          <h3 class="education-title">Education</h3>
          <h4 class="university-title">Kharkiv National University of Radioelectronics</h4>
          <h5 class="specialty">Management</h5>
          <span class="work-period">Septermber 2009 - June 2014 <span class="prof-div"><b>|</b></span> Ukraine</span>
        </div>
      </div>
    </div>
  </div>
</body>

</html>