Advertisement
YarikHrom

Untitled

Jul 6th, 2022
1,057
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.73 KB | None | 0 0
  1. <div class="cv__main">
  2.  
  3.   <div class="cv__header">
  4.     <div class="cv__header-group">
  5.       <div class="cv__header-info">
  6.         <div class="cv__logo">
  7.           <svg width="213" height="70" viewBox="0 0 163 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  8.             <g clip-path="url(#clip0_114_1531)">
  9.               <path d="M25.9072 7.25389C27.9103 7.25389 29.5342 5.63005 29.5342 3.62694C29.5342 1.62384 27.9103 0 25.9072 0C23.9041 0 22.2803 1.62384 22.2803 3.62694C22.2803 5.63005 23.9041 7.25389 25.9072 7.25389Z" fill="#EF4523"/>
  10.               <path fill-rule="evenodd" clip-rule="evenodd" d="M88.0337 8.50299V15.0135C88.0337 18.2875 89.6755 19.9245 92.9591 19.9245H104.4V10.1306H97.8422V13.3859H101.107V16.6411H92.9168C92.6951 16.6728 92.469 16.6526 92.2564 16.582C92.0439 16.5114 91.8507 16.3924 91.6923 16.2344C91.5339 16.0765 91.4146 15.8839 91.3438 15.672C91.273 15.4601 91.2527 15.2346 91.2844 15.0135V8.50299C91.2446 8.28048 91.2594 8.05168 91.3273 7.83606C91.3953 7.62043 91.5145 7.42437 91.6748 7.26455C91.8351 7.10473 92.0317 6.98588 92.2479 6.91812C92.4642 6.85036 92.6937 6.83569 92.9168 6.87536H104.358V3.6201H92.9168C89.6614 3.6201 88.0337 5.24773 88.0337 8.50299ZM105.793 19.8964H109.058V3.6201H105.793V19.8964ZM110.381 6.87536H121.765L110.381 16.6411V19.8964H126.726V16.6411H115.369L126.726 6.87536V3.6201H110.381V6.87536ZM128.035 19.8964H144.38V16.6411H131.307V13.3859H141.108V10.1306H131.307V6.87536H144.38V3.6201H128.035V19.8964ZM162.034 10.1306V8.50299C162.034 5.22903 160.392 3.59204 157.108 3.59204H145.689V19.8683H148.96V14.9574H152.479L157.404 19.8683H162.034L157.108 14.9574C160.387 14.9948 162.029 13.3859 162.034 10.1306ZM158.762 10.1306C158.794 10.3517 158.773 10.5772 158.703 10.7891C158.632 11.001 158.512 11.1936 158.354 11.3515C158.196 11.5095 158.002 11.6285 157.79 11.6991C157.577 11.7697 157.351 11.7899 157.13 11.7583H148.96V6.8473H157.13C157.353 6.80763 157.582 6.8223 157.798 6.89006C158.015 6.95782 158.211 7.07666 158.372 7.23648C158.532 7.3963 158.651 7.59237 158.719 7.80799C158.787 8.02362 158.802 8.25242 158.762 8.47493V10.1306Z" fill="#EF4523"/>
  11.               <path fill-rule="evenodd" clip-rule="evenodd" d="M0.0388184 8.50298V15.0135C0.0388184 18.2875 1.68061 19.9245 4.96418 19.9245H16.377V16.6411H4.96418C4.74057 16.6762 4.51184 16.6585 4.29631 16.5895C4.08078 16.5206 3.88445 16.4023 3.72303 16.2441C3.56161 16.0858 3.4396 15.8921 3.36677 15.6784C3.29394 15.4647 3.27232 15.237 3.30363 15.0135V8.50298C3.27232 8.27946 3.29394 8.05173 3.36677 7.83805C3.4396 7.62436 3.56161 7.43064 3.72303 7.27243C3.88445 7.11421 4.08078 6.99588 4.29631 6.92693C4.51184 6.85798 4.74057 6.84031 4.96418 6.87535H16.377V3.62009H4.96418C1.68061 3.62009 0.0388184 5.24772 0.0388184 8.50298ZM30.766 8.50298C30.7963 8.72381 30.775 8.94863 30.7036 9.15987C30.6323 9.3711 30.5129 9.56302 30.3549 9.72063C30.1968 9.87823 30.0043 9.99725 29.7925 10.0684C29.5806 10.1395 29.3551 10.1608 29.1336 10.1306H22.597C22.375 10.162 22.1487 10.1416 21.9359 10.071C21.7231 10.0004 21.5297 9.88157 21.3708 9.72382C21.2119 9.56606 21.0919 9.3737 21.0202 9.16186C20.9485 8.95002 20.927 8.72448 20.9575 8.50298V3.59203H17.6927V8.50298C17.6927 11.7769 19.3345 13.4139 22.6181 13.4139H24.2505V19.9245H27.4801V13.3859H29.1196C32.4031 13.3859 34.0449 11.7489 34.0449 8.47492V3.56396H30.766V8.50298ZM46.4217 3.59203H34.9808V19.8683H46.4217C49.7052 19.8683 51.347 18.2313 51.347 14.9574C51.4479 13.77 51.0764 12.5907 50.3127 11.6741C51.0023 11.0099 51.347 9.92482 51.347 8.41879C51.3142 5.21498 49.6724 3.61541 46.4217 3.62009V3.59203ZM46.4217 16.6131H38.2526V13.3859H46.4217C46.6448 13.3462 46.8743 13.3609 47.0906 13.4286C47.3068 13.4964 47.5035 13.6152 47.6637 13.7751C47.824 13.9349 47.9432 14.1309 48.0112 14.3466C48.0791 14.5622 48.0939 14.791 48.0541 15.0135C48.0858 15.2346 48.0655 15.4601 47.9947 15.672C47.9239 15.8839 47.8046 16.0765 47.6462 16.2344C47.4878 16.3924 47.2946 16.5114 47.0821 16.582C46.8695 16.6525 46.6434 16.6728 46.4217 16.6411V16.6131ZM46.4217 10.1025H38.2526V6.87535H46.4217C46.6448 6.83568 46.8743 6.85035 47.0906 6.91811C47.3068 6.98587 47.5035 7.10471 47.6637 7.26453C47.824 7.42435 47.9432 7.62042 48.0112 7.83604C48.0791 8.05167 48.0939 8.28047 48.0541 8.50298C48.0858 8.72409 48.0655 8.94955 47.9947 9.16147C47.9239 9.37339 47.8046 9.56596 47.6462 9.7239C47.4878 9.88185 47.2946 10.0008 47.0821 10.0714C46.8695 10.142 46.6434 10.1623 46.4217 10.1306V10.1025ZM52.6347 19.8683H68.9939V16.6411H55.9065V13.3859H65.708V10.1306H55.9065V6.87535H68.9939V3.62009H52.6347V19.8683ZM86.6267 10.1025V8.50298C86.6267 5.22901 84.9849 3.59203 81.7013 3.59203H70.2886V19.8683H73.5604V14.9574H77.0785L82.0039 19.8683H86.6337L81.7084 14.9574C84.9873 14.9948 86.6267 13.3859 86.6267 10.1306V10.1025ZM83.3619 10.1025C83.3937 10.3237 83.3733 10.5491 83.3025 10.761C83.2317 10.973 83.1124 11.1655 82.954 11.3235C82.7956 11.4814 82.6024 11.6004 82.3899 11.671C82.1774 11.7416 81.9512 11.7619 81.7295 11.7302H73.5604V6.81922H81.7295C81.9526 6.77955 82.1821 6.79422 82.3984 6.86198C82.6146 6.92974 82.8113 7.04859 82.9716 7.20841C83.1319 7.36823 83.251 7.56429 83.319 7.77992C83.387 7.99554 83.4017 8.22434 83.3619 8.44685V10.1025Z" fill="#131313"/>
  12.             </g>
  13.             <defs>
  14.               <clipPath id="clip0_114_1531">
  15.                 <rect width="162.073" height="20" fill="white"/>
  16.               </clipPath>
  17.             </defs>
  18.           </svg>
  19.         </div>
  20.         <div class="cv__fullname">
  21.           <%= @cv.employee_content["first_name"] %>
  22.           <%= @cv.employee_content["last_name"] %>
  23.         </div>
  24.         <div class="cv__job-title">
  25.           <%= @cv.employee_content["job_title"]%>
  26.         </div>
  27.         <div class="cv__experience">
  28.           <span class="work-experience">
  29.             <%= @cv.employee.years_of_experience.nil? ? " " : "#{@cv.employee.years_of_experience}"%>
  30.             <%= "year".pluralize(@cv.employee.years_of_experience)%> |
  31.           </span>
  32.           <span class="projects-count">
  33.             <%= @cv.work_experience_content.size.nil? ? " " : "#{@cv.work_experience_content.size}"%>
  34.             <%= "project".pluralize(@cv.work_experience_content.size)%>
  35.           </span>
  36.         </div>
  37.       </div>
  38.       <div class="cv__avatar">
  39.         <% if @cv.employee_content["avatar"]["url"].present? %>
  40.           <img class="img-cv img-circle" src=<%= @cv.employee_content["avatar"]["url"]%> />
  41.         <% end %>
  42.       </div>
  43.     </div>
  44.     <div class="cv__about mb-10">
  45.       <%= @cv.employee_content["about"].nil? ? "" : @cv.employee_content["about"]%>
  46.     </div>
  47.   </div>
  48.  
  49.   <div class="cv__content">
  50.     <div class="cv__left-column">
  51.  
  52.       <div class="cv__block">
  53.         <div class="cv__block-title">personal info</div>
  54.         <div class="cv__block-content">
  55.           <div class="cv__block-item">
  56.             <div class="cv__item-title--main">Address</div>
  57.             <div class="cv__item-text--main">
  58.               <%= @cv.employee_content["city"]%>
  59.             </div>
  60.           </div>
  61.           <div class="cv__block-item">
  62.             <div class="cv__item-title--main">Email</div>
  63.             <div class="cv__item-text--main">
  64.               <%= @cv.employee_content["email"]%>
  65.             </div>
  66.           </div>
  67.         </div>
  68.       </div>
  69.  
  70.       <% if (@cv.language_content.present?) %>
  71.         <div class="cv__block">
  72.           <div class="cv__block-title">languages</div>
  73.           <div class="cv__block-content">
  74.             <% @cv.language_content.each do |language| %>
  75.              <div class="cv__block-item">
  76.               <div class="cv__item-title"><%= language[0] %></div>
  77.                <div class="cv__item-text">
  78.                  <%= language[1] %>
  79.               </div>
  80.              </div>
  81.             <%end%>
  82.           </div>
  83.         </div>
  84.       <%end%>
  85.  
  86.       <% if (@cv.hard_skills_content.present?) %>
  87.         <div class="cv__block">
  88.           <div class="cv__block-title">hard skills</div>
  89.           <div class="cv__block-content">
  90.             <% @cv.hard_skills_content.each do |skill| %>
  91.               <div class="cv__block-item" >
  92.                 <div class="cv__item-title"> <%= skill[0] %></div>
  93.                 <div class="cv__item-text">
  94.                   <% if skill[1].present?%>
  95.                   <%= skill[1] + 'year'.pluralize(skill[1])%>
  96.                   <%end%>
  97.                 </div>
  98.               </div>
  99.             <%end%>
  100.           </div>
  101.         </div>
  102.       <%end%>
  103.  
  104.       <% if (@cv.soft_skills_content.present?) %>
  105.         <div class="cv__block">
  106.           <div class="cv__block-title">soft skills</div>
  107.           <div class="cv__block-content">
  108.             <% @cv.soft_skills_content.each do |skill| %>
  109.               <div class="cv__block-item" >
  110.                 <div class="cv__item-title"> <%= skill %></div>
  111.               </div>
  112.             <%end%>
  113.           </div>
  114.         </div>
  115.       <%end%>
  116.     </div>
  117.  
  118.     <div class="cv__right-column">
  119.       <% if  (@cv.work_experience_content.present?) %>
  120.         <div class="cv__block">
  121.           <div class="cv__block-title">work experience</div>
  122.           <div class="cv__block-content">
  123.             <% @cv.work_experience_content.each do |work| %>
  124.               <div class="cv__block-item--columns">
  125.                 <div class="cv__item-date">
  126.                   <%= work[-1][0].first(4)%> -
  127.                   <%= work[-1][1] === "" ? 'present' : work[-1][1].first(4) %>
  128.                 </div>
  129.                 <div class="cv__item-info">
  130.                   <div class="cv__item-header">
  131.                     <div class="cv__item-title bold"><%= work[0]%></div>
  132.                     <div class="cv__item-text"><%= work[1]%></div>
  133.                   </div>
  134.                   <div class="mb-10">
  135.                     <strong class="bold">Project details:</strong> <%= work[2]%>
  136.                   </div>
  137.                   <div class="mb-10">
  138.                     <strong class="bold">Responsibilities:</strong> <%= work[3]%>
  139.                   </div>
  140.                   <div class="mb-10">
  141.                     <strong class="bold">Environment:</strong> <%= work[4]%>
  142.                   </div>
  143.                 </div>
  144.               </div>
  145.             <%end%>
  146.           </div>
  147.         </div>
  148.       <%end%>
  149.  
  150.       <% if (@cv.education_content.present?) %>
  151.         <div class="cv__block">
  152.           <div class="cv__block-title">education</div>
  153.           <div class="cv__block-content">
  154.             <% @cv.education_content.each do |education| %>
  155.               <div class="cv__block-item--columns" >
  156.                 <div class="cv__item-date">
  157.                   <%= education[-1][0].first(4)%> -
  158.                   <%= education[-1][1] === "" ? 'present' : education[-1][1].first(4) %>
  159.                 </div>
  160.                 <div class="cv__item-info">
  161.                   <div class="cv__item-header">
  162.                     <div class="cv__item-title bold"><%= education[0]%></div>
  163.                   </div>
  164.                   <div class="mb-10">
  165.                     <strong class="bold">Fields of study:</strong> <%= education[1]%>
  166.                   </div>
  167.                 </div>
  168.               </div>
  169.             <%end%>
  170.           </div>
  171.         </div>
  172.       <%end%>
  173.  
  174.       <% if false #(@cv.certificates_content.present?) %>
  175.         <div class="cv__block">
  176.           <div class="cv__block-title">certificates</div>
  177.           <div class="cv__block-content">
  178.             <% @cv.certificates_content.each do |certificate| %>
  179.               <div class="cv__block-item--columns" >
  180.                 <div class="cv__item-info ">
  181.                   <div class="cv__item-header">
  182.                     <div class="cv__item-title bold"><%= certificate[0]%></div>
  183.                   </div>
  184.                   <div class="mb-10 link">
  185.                     <strong class="bold">Link:</strong>
  186.                     <a class="link" href="<%= certificate[1]%>"><%= certificate[1]%></a>
  187.                   </div>
  188.                 </div>
  189.               </div>
  190.             <%end%>
  191.           </div>
  192.         </div>
  193.       <%end%>
  194.  
  195.      <% if false  #(@cv.publication_content.present?) %>
  196.         <div class="cv__block">
  197.           <div class="cv__block-title">publications</div>
  198.           <div class="cv__block-content">
  199.             <% @cv.publication_content.each do |publication| %>
  200.               <div class="cv__block-item--columns">
  201.                 <div class="cv__item-info">
  202.                   <div class="cv__item-header">
  203.                     <div class="cv__item-title bold"><%= publication[0]%></div>
  204.                   </div>
  205.                   <div class="mb-10 link">
  206.                     <strong class="bold">Link: </strong>
  207.                     <a class="link" href="<%= publication[1]%>"><%= publication[1]%></a>
  208.                   </div>
  209.                 </div>
  210.               </div>
  211.             <%end%>
  212.           </div>
  213.         </div>
  214.       <%end%>
  215.     </div>
  216.   </div>
  217. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement