vitalik-ez / homepage Goto Github PK
View Code? Open in Web Editor NEWMy very own personal website. Basically this is just a résumé.
License: MIT License
My very own personal website. Basically this is just a résumé.
License: MIT License
Скласти інтро (вступ), де в 2-4 реченнях описати, що замовник робить, що подобається робити, що хочеться робити краще, що важливо робити, тощо.
Скласти список всіх (важливих) життєвих подій, визначних дат, досягнень, періодів, що дали приємний і неприємний досвід, тощо. В цьому конкретному випадку довгих списків не буває, натомість бувають погано згорнуті, тому пакуємо сюди все підряд, а про "лишні" події можна буде промовчати пізніше. Список повинен бути систематизованим і посортованим в такий спосіб, щоб читач швидко зрозумів "паттерн" і міг легко орієнтуватись в просторі і часі цього резюме.
Посилання на соцмережі (Facebook чи Instagram, тощо), номер телефону чи адреса електронної скриньки, тощо. Може не всі лінки в світі, а тільки ті, що дійсно доречні.
<div class = "rectangle">
<div class = "indent"></div>
<div class = "left_block">
<div class = "who"><h1>Who am I?</h1></div>
<div><p>Hello. I'm Vitaliy and I'm a multi-talented human. I study at the best university in the world "Igor Sikorsky Kyiv Polytechnic Institute", specialty software engineer, so most of my time I write software products.</p></div>
<div>Technical skills:
<ul class = "wrap_t">
<li><span>Java</span></li>
<li><span>C</span></li>
<li><span>Python</span></li>
<li><span>C++</span></li>
<li><span>HTML, CSS</span></li>
<li><span>MySQL</span></li>
</ul></div>
<div>Hard skills:
<ul class = "wrap_h">
<li><span>Diligence and attention to detail</span></li>
<li><span>High self-motivation in working individually or other teams</span></li>
<li><span>Great storytelling and collaboration skills</span></li>
</ul></div>
<div class = "indent_1">Soft (real) skills:
<ul class = "wrap_s">
<li><span>Self-organized and able to work independently</span></li>
<li><span>Great time management for faster and efficient work</span></li>
<li><span>Good at stress management</span></li>
<li><span>Team player</span></li>
</ul></div>
</div>
<div class = "right_block"><img src = "images/norm.png"></div>
</div>
<div class = "hobbies">
<div><img src = "images/road.png"></div>
<div><h1>I have a few hobbies.</h1></div>
</div>
<div class = "bike_foto">
<div class = "intend_1"></div>
<div><div class = "center_image"><img class = "hobbies_foto" src = "images/weightlifting.png"></div><p>One of which is sports, namely weightlifting. I work out 5 times a week, every day for a separate group of muscles. My weightlifting does not exceed 270 pounds.</p>
<p>I also like to ride a bike. I usually drive at least 50 km a day. Cycling develops me not only physically but also spiritually. Who skates knows how it affects the overall emotional state. Immediately thoughts disappear, obsessive ideas recede into the background, mood improves.</p></div>
<div class = "intend_2"></div>
<div><div class = "center_image"><img class = "hobbies_foto" src = "images/foto.png"></div><p>Taking images is one of my favorite hobbies. It is very nice and fun. My personal and great way to relax is to walk around the city with a camera in my hands and take images of the city's special moments.</p>
<p>Photography helps me forget my worries and see the beauty of everyday life. This is the best way to stop the moment and catch the moment that can stay with me forever and. It's a great feeling when you get a good shot and can share it with other people. Here are some of my works.</p></div>
<div class = "intend_1"></div>
</div>
<div class="rectangle_foto">
<div><img src = "images/phone.jpg"></div>
<div><img src = "images/sea.jpg"></div>
<div><img src = "images/horse.jpg"></div>
</div>
</main>
Можна зробити резюме менш формальним, додавши додаткові блоки, які містять корисну інформацію, але подають її в "розважальній" формі. Наприклад, що подобається і не подобається, сильні і слабкі сторони, перелік навиків чи хобі, інфографіка або ж інтерактивні модулі, тощо. Варто написати контент такого блоку раніше, ніж починати верстку, бо його розміри впливатимуть на розміщення елементів на сторінці.
'''
<title>Résumé</title> ― Hello World! 😉 ''' <div class="header-center">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div>
<a href="#"><img class = "social_img" src="pictures/instagram.png"></a>
<a href="#"><img class = "social_img" src="pictures/facebook.png"></a>
</div>
</header>
'''
<div class="header-center">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div>
<a href="#"><img class = "social_img" src="pictures/instagram.png"></a>
<a href="#"><img class = "social_img" src="pictures/facebook.png"></a>
</div>
</header>
'''
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.