Add a primary content (e.g. avatar, name, job, contacts, intro, etc.)
dmytro-komlyk opened this issue · comments
- Primary content template
<main>
<div class="resume">
<div class="container">
<div class="resume__block">
<h1 class="contact-info__header">Bulka</h1>
<h3 class="contact-info__sub-header">Senior Hooman Manager</h3>
<div class="contact_info_container fh">
<div class="contact-info__block"></div>
<div class="contact-info__block contact-info__block--center">
<img class="contact-info__avatar" src="assets/avatar.png" alt="Avatar">
</div>
<div class="contact-info__block"></div>
</div>
</div>
</div>
</div>
</main>
- Contact info items example (should be place inside the contact-info__block
<a href="" rel="author" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg class="contact-info__item-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
<path
d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z">
</path>
</svg>
</div>
<span>Lviv, Ukraine</span>
</a>
<a href="https://ua.linkedin.com/company/binary-studio_241166" rel="author" class="contact-info__item">
<div class="contact-info__item-icon-wrapper">
<svg class="contact-info__item-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path
d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z">
</path>
</svg>
</div>
<span>binary-studio</span>
</a>
- Intro block (should be put below the previous container)
<div class="container">
<div class="resume__block">
<div class="intro">
<div class="intro__icon-wrapper">
<svg class="intro__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z">
</path>
</svg>
</div>
<p class="intro_text">Meow.
I am a Binary Studio cat. Still got 7 lives. Work in IT, Full Stack Evil,
all I do is sleep and try to help out hoomans with their projects whenever
they need me.
</p>
</div>
</div>
</div>