894 lines
52 KiB
HTML
894 lines
52 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" class="no-js">
|
|
<head>
|
|
<meta charset="UTF-8"/>
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>Denys Medvid</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
|
|
<meta name="description" content="Denis M, Denys Medvid, Personal website"/>
|
|
<meta name="keywords" content="Denys Medvid, fullstack developer"/>
|
|
<meta name="author" content="lmpixels, Denys Medvid"/>
|
|
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
<link rel="stylesheet" href="/css/reset.css?v2" type="text/css">
|
|
<link rel="stylesheet" href="/css/bootstrap-grid.min.css?v2" type="text/css">
|
|
<link rel="stylesheet" href="/css/animations.cs?v2s" type="text/css">
|
|
<link rel="stylesheet" href="/css/perfect-scrollbar.css?v2" type="text/css">
|
|
<link rel="stylesheet" href="/css/owl.carousel.css?v2" type="text/css">
|
|
<link rel="stylesheet" href="/css/magnific-popup.css?v2" type="text/css">
|
|
<link rel="stylesheet" href="/css/main.css?v2" type="text/css">
|
|
<script src="/js/modernizr.custom.js"></script>
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LD1ZGS2S55"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
|
|
function gtag() {
|
|
dataLayer.push(arguments);
|
|
}
|
|
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'G-LD1ZGS2S55');
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Animated Background -->
|
|
<div class="lm-animated-bg" style="background-image: url(img/main_bg.png);"></div>
|
|
<!-- /Animated Background -->
|
|
|
|
<!-- Loading animation -->
|
|
<div class="preloader">
|
|
<div class="preloader-animation">
|
|
<div class="preloader-spinner">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- /Loading animation -->
|
|
|
|
<div class="page">
|
|
<div class="page-content">
|
|
|
|
<header id="site_header" class="header mobile-menu-hide">
|
|
<div class="header-content">
|
|
<div class="header-photo">
|
|
<img src="img/main_photo.jpg" alt="Denys Medvid">
|
|
</div>
|
|
<div class="header-titles">
|
|
<h2>Denys Medvid</h2>
|
|
<h4>Full Stack Software Engineer</h4>
|
|
</div>
|
|
</div>
|
|
|
|
<ul class="main-menu">
|
|
<li class="active">
|
|
<a href="#home" class="nav-anim">
|
|
<span class="menu-icon lnr lnr-home"></span>
|
|
<span class="link-text">Home</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#about-me" class="nav-anim">
|
|
<span class="menu-icon lnr lnr-user"></span>
|
|
<span class="link-text">About Me</span>
|
|
</a>
|
|
</li>
|
|
<!-- <li>-->
|
|
<!-- <a href="#resume" class="nav-anim">-->
|
|
<!-- <span class="menu-icon lnr lnr-graduation-hat"></span>-->
|
|
<!-- <span class="link-text">Resume</span>-->
|
|
<!-- </a>-->
|
|
<!-- </li>-->
|
|
<li>
|
|
<a href="#portfolio" class="nav-anim">
|
|
<span class="menu-icon lnr lnr-briefcase"></span>
|
|
<span class="link-text">Portfolio</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#blog" class="nav-anim">
|
|
<span class="menu-icon lnr lnr-book"></span>
|
|
<span class="link-text">Blog</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#contact" class="nav-anim">
|
|
<span class="menu-icon lnr lnr-envelope"></span>
|
|
<span class="link-text">Contact</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="social-links">
|
|
<ul>
|
|
<li><a href="https://www.instagram.com/denys.medvid.cc/" target="_blank"><i
|
|
class="fab fa-instagram"></i></a></li>
|
|
<li><a href="https://twitter.com/mdenis_org" target="_blank"><i class="fab fa-twitter"></i></a></li>
|
|
<li><a href="https://github.com/DenysMedvid" target="_blank"><i class="fab fa-github"></i></a></li>
|
|
<li><a href="https://git.medvid.cc/" target="_blank"><i class="fab fa-git"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- <div class="header-buttons">-->
|
|
<!-- <a href="#" target="_blank" class="btn btn-primary">Download CV</a>-->
|
|
<!-- </div>-->
|
|
|
|
<div class="copyrights">
|
|
|
|
<p>© 2021 All rights reserved.</p>
|
|
<p class="build">
|
|
<a href="https://drone.medvid.cc/DenysMedvid/new.mdenis.org">
|
|
<img src="https://drone.medvid.cc/api/badges/DenysMedvid/new.mdenis.org/status.svg?ref=refs/heads/master" />
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Mobile Navigation -->
|
|
<div class="menu-toggle">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<!-- End Mobile Navigation -->
|
|
|
|
<!-- Arrows Nav -->
|
|
<div class="lmpixels-arrows-nav">
|
|
<div class="lmpixels-arrow-right"><i class="lnr lnr-chevron-right"></i></div>
|
|
<div class="lmpixels-arrow-left"><i class="lnr lnr-chevron-left"></i></div>
|
|
</div>
|
|
<!-- End Arrows Nav -->
|
|
|
|
<div class="content-area">
|
|
<div class="animated-sections">
|
|
<!-- Home Subpage -->
|
|
<section data-id="home" class="animated-section start-page">
|
|
<div class="section-content vcentered">
|
|
|
|
<div class="row">
|
|
<div class="col-sm-12 col-md-12 col-lg-12">
|
|
<div class="title-block">
|
|
<h2>Denys Medvid</h2>
|
|
<div class="owl-carousel text-rotation">
|
|
<div class="item">
|
|
<div class="sp-subtitle">Software Engineer</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="sp-subtitle">Full stack engineer</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="sp-subtitle">Backend-developer</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
<!-- End of Home Subpage -->
|
|
|
|
<!-- About Me Subpage -->
|
|
<section data-id="about-me" class="animated-section">
|
|
<div class="page-title">
|
|
<h2>About <span>Me</span></h2>
|
|
</div>
|
|
|
|
<div class="section-content">
|
|
<!-- Personal Information -->
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-7 about-me">
|
|
<p>
|
|
I am a full stack software engineer. I take pleasure when a raw idea from a paper
|
|
becomes implemented in real life. In my job I try to implement best practices, and
|
|
solutions because I believe that in long distance it is more profitable than fast
|
|
and low quality solutions. Life is a movement, so I always try to follow the latest
|
|
news in the software world to keep myself updated.
|
|
</p>
|
|
<p>
|
|
In my teenages i carried away by the ideas of free and open-source software (FOSS),
|
|
which are deep in my mind nowadays. Ideas of collective work under common issues,
|
|
and solving common problems. In my work I strongly prefer to use open-source
|
|
solutions. I believe that open-source tools become better and more protected than
|
|
proprietary software, and also give us better possibilities for developing end
|
|
products.
|
|
</p>
|
|
<p>
|
|
In my free time I like to go outside with my wife, walk in a park, museum, or spend
|
|
a couple of hours playing poker or some video game with my friends.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-5">
|
|
<div class="info-list">
|
|
<ul>
|
|
<li>
|
|
<span class="title">Name</span>
|
|
<span class="value">Denys Medvid</span>
|
|
</li>
|
|
<li>
|
|
<span class="title">E-mail</span>
|
|
<span class="value load-email-contact"></span>
|
|
</li>
|
|
<li>
|
|
<span class="title">Address</span>
|
|
<span class="value">Ukraine, Kyiv</span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Personal Information -->
|
|
|
|
<div class="white-space-50"></div>
|
|
|
|
<!-- Services -->
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12">
|
|
<div class="block-title">
|
|
<h3>What <span>I Do</span></h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-6">
|
|
<div class="col-inner">
|
|
<div class="info-block-w-icon">
|
|
<div class="ci-icon">
|
|
<i class="fas fa-server"></i>
|
|
</div>
|
|
<div class="ci-text">
|
|
<h4>Backend</h4>
|
|
<p>Develop applications based on Python, PHP, Symfony / Doctrine, have
|
|
experience with Yii. Learning GO and other server-side
|
|
technologies.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-6">
|
|
<div class="col-inner">
|
|
<div class="info-block-w-icon">
|
|
<div class="ci-icon">
|
|
<i class="lnr lnr-laptop-phone"></i>
|
|
</div>
|
|
<div class="ci-text">
|
|
<h4>Frontend</h4>
|
|
<p>I work with ReactJs, Redux, and MobX. Prefer use TypeScript which
|
|
gives me more type control inside an application and clearer
|
|
architecture. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-6">
|
|
<div class="col-inner">
|
|
<div class="info-list-w-icon">
|
|
<div class="info-block-w-icon">
|
|
<div class="ci-icon">
|
|
<i class="lnr lnr-cog"></i>
|
|
</div>
|
|
<div class="ci-text">
|
|
<h4>Administration</h4>
|
|
<p>I can configure a gnu/linux server, with web servers, DBMS, mail
|
|
services, configure CI/CD. I understand and use Docker. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-6">
|
|
<div class="col-inner">
|
|
<div class="info-list-w-icon">
|
|
<div class="info-block-w-icon">
|
|
<div class="ci-icon">
|
|
<i class="lnr lnr-rocket"></i>
|
|
</div>
|
|
<div class="ci-text">
|
|
<h4>Cpp</h4>
|
|
<p>Can write programs with C or Cpp, using Qt Framework, and STL,
|
|
Generic programming.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-6">
|
|
<div class="col-inner">
|
|
<div class="info-list-w-icon">
|
|
<div class="info-block-w-icon">
|
|
<div class="ci-icon">
|
|
<i class="lnr lnr-pencil"></i>
|
|
</div>
|
|
<div class="ci-text">
|
|
<h4>Architecture</h4>
|
|
<p>I use principles: YAGNI, DRY, KIS, SOLID, DDD when creating software
|
|
architecture. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-6">
|
|
<div class="col-inner">
|
|
<div class="info-list-w-icon">
|
|
<div class="info-block-w-icon">
|
|
<div class="ci-icon">
|
|
<i class="lnr lnr-database"></i>
|
|
</div>
|
|
<div class="ci-text">
|
|
<h4>Databases</h4>
|
|
<p>Create architecture of databases using normal forms, normalization
|
|
etc.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Services -->
|
|
<div class="white-space-50"></div>
|
|
|
|
</div>
|
|
</section>
|
|
<!-- End of About Me Subpage -->
|
|
|
|
<!-- <!– Resume Subpage –>-->
|
|
<!-- <section data-id="resume" class="animated-section">-->
|
|
<!-- <div class="page-title">-->
|
|
<!-- <h2>Resume</h2>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="section-content">-->
|
|
|
|
<!-- <div class="row">-->
|
|
<!-- <div class="col-xs-12 col-sm-7">-->
|
|
|
|
<!-- <div class="block-title">-->
|
|
<!-- <h3>Education</h3>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="timeline timeline-second-style clearfix">-->
|
|
<!-- <div class="timeline-item clearfix">-->
|
|
<!-- <div class="left-part">-->
|
|
<!-- <h5 class="item-period">2008</h5>-->
|
|
<!-- <span class="item-company">University of Studies</span>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="divider"></div>-->
|
|
<!-- <div class="right-part">-->
|
|
<!-- <h4 class="item-title">Frontend Development</h4>-->
|
|
<!-- <p>Maecenas finibus nec sem ut imperdiet. Ut tincidunt est ac dolor aliquam-->
|
|
<!-- sodales. Phasellus sed mauris hendrerit, laoreet sem in, lobortis-->
|
|
<!-- ante.</p>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="timeline-item clearfix">-->
|
|
<!-- <div class="left-part">-->
|
|
<!-- <h5 class="item-period">2007</h5>-->
|
|
<!-- <span class="item-company">University of Studies</span>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="divider"></div>-->
|
|
<!-- <div class="right-part">-->
|
|
<!-- <h4 class="item-title">Graphic Design</h4>-->
|
|
<!-- <p>Aliquam tincidunt malesuada tortor vitae iaculis. In eu turpis iaculis,-->
|
|
<!-- feugiat risus quis, aliquet urna. Quisque fringilla mollis risus, eu-->
|
|
<!-- pulvinar dolor.</p>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="white-space-50"></div>-->
|
|
|
|
<!-- <div class="block-title">-->
|
|
<!-- <h3>Experience</h3>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="timeline timeline-second-style clearfix">-->
|
|
<!-- <div class="timeline-item clearfix">-->
|
|
<!-- <div class="left-part">-->
|
|
<!-- <h5 class="item-period">2016 - Current</h5>-->
|
|
<!-- <span class="item-company">Google</span>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="divider"></div>-->
|
|
<!-- <div class="right-part">-->
|
|
<!-- <h4 class="item-title">Lead Ui/Ux Designer</h4>-->
|
|
<!-- <p>Praesent dignissim sollicitudin justo, sed elementum quam lacinia quis.-->
|
|
<!-- Phasellus eleifend tristique posuere. Sed vitae dui nec magna.</p>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="timeline-item clearfix">-->
|
|
<!-- <div class="left-part">-->
|
|
<!-- <h5 class="item-period">2013 - 2016</h5>-->
|
|
<!-- <span class="item-company">Adobe</span>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="divider"></div>-->
|
|
<!-- <div class="right-part">-->
|
|
<!-- <h4 class="item-title">Senior Ui/Ux Designer</h4>-->
|
|
<!-- <p>Maecenas tempus faucibus rutrum. Duis eu aliquam urna. Proin vitae nulla-->
|
|
<!-- tristique, ornare felis id, congue libero. Nam volutpat euismod-->
|
|
<!-- quam.</p>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="timeline-item clearfix">-->
|
|
<!-- <div class="left-part">-->
|
|
<!-- <h5 class="item-period">2011 - 2013</h5>-->
|
|
<!-- <span class="item-company">Google</span>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="divider"></div>-->
|
|
<!-- <div class="right-part">-->
|
|
<!-- <h4 class="item-title">Junior Ui/Ux Designer</h4>-->
|
|
<!-- <p>Duis mollis nunc quis quam viverra venenatis. Nulla nulla arcu, congue-->
|
|
<!-- vitae nunc ac, sodales ultricies diam. Nullam justo leo, tincidunt sit-->
|
|
<!-- amet.</p>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
<!-- <!– Skills & Certificates –>-->
|
|
<!-- <div class="col-xs-12 col-sm-5">-->
|
|
<!-- <!– Design Skills –>-->
|
|
<!-- <div class="block-title">-->
|
|
<!-- <h3>Design <span>Skills</span></h3>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="skills-info skills-second-style">-->
|
|
<!-- <!– Skill 1 –>-->
|
|
<!-- <div class="skill clearfix">-->
|
|
<!-- <h4>Web Design</h4>-->
|
|
<!-- <div class="skill-value">95%</div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="skill-container skill-1">-->
|
|
<!-- <div class="skill-percentage"></div>-->
|
|
<!-- </div>-->
|
|
<!-- <!– End of Skill 1 –>-->
|
|
|
|
<!-- <!– Skill 2 –>-->
|
|
<!-- <div class="skill clearfix">-->
|
|
<!-- <h4>Print Design</h4>-->
|
|
<!-- <div class="skill-value">65%</div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="skill-container skill-2">-->
|
|
<!-- <div class="skill-percentage"></div>-->
|
|
<!-- </div>-->
|
|
<!-- <!– End of Skill 2 –>-->
|
|
|
|
<!-- <!– Skill 3 –>-->
|
|
<!-- <div class="skill clearfix">-->
|
|
<!-- <h4>Logo Design</h4>-->
|
|
<!-- <div class="skill-value">80%</div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="skill-container skill-3">-->
|
|
<!-- <div class="skill-percentage"></div>-->
|
|
<!-- </div>-->
|
|
<!-- <!– End of Skill 3 –>-->
|
|
|
|
<!-- <!– Skill 4 –>-->
|
|
<!-- <div class="skill clearfix">-->
|
|
<!-- <h4>Graphic Design</h4>-->
|
|
<!-- <div class="skill-value">90%</div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="skill-container skill-4">-->
|
|
<!-- <div class="skill-percentage"></div>-->
|
|
<!-- </div>-->
|
|
<!-- <!– End of Skill 4 –>-->
|
|
|
|
<!-- </div>-->
|
|
<!-- <!– End of Design Skills –>-->
|
|
|
|
<!-- <div class="white-space-10"></div>-->
|
|
|
|
<!-- <!– Coding Skills –>-->
|
|
<!-- <div class="block-title">-->
|
|
<!-- <h3>Coding <span>Skills</span></h3>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="skills-info skills-second-style">-->
|
|
<!-- <!– Skill 5 –>-->
|
|
<!-- <div class="skill clearfix">-->
|
|
<!-- <h4>JavaScript</h4>-->
|
|
<!-- <div class="skill-value">95%</div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="skill-container skill-5">-->
|
|
<!-- <div class="skill-percentage"></div>-->
|
|
<!-- </div>-->
|
|
<!-- <!– End of Skill 5 –>-->
|
|
|
|
<!-- <!– Skill 6 –>-->
|
|
<!-- <div class="skill clearfix">-->
|
|
<!-- <h4>PHP</h4>-->
|
|
<!-- <div class="skill-value">85%</div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="skill-container skill-6">-->
|
|
<!-- <div class="skill-percentage"></div>-->
|
|
<!-- </div>-->
|
|
<!-- <!– End of Skill 6 –>-->
|
|
|
|
<!-- <!– Skill 7 –>-->
|
|
<!-- <div class="skill clearfix">-->
|
|
<!-- <h4>HTML/CSS</h4>-->
|
|
<!-- <div class="skill-value">100%</div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="skill-container skill-7">-->
|
|
<!-- <div class="skill-percentage"></div>-->
|
|
<!-- </div>-->
|
|
<!-- <!– End of Skill 7 –>-->
|
|
|
|
<!-- <!– Skill 8 –>-->
|
|
<!-- <div class="skill clearfix">-->
|
|
<!-- <h4>Smarty/Twig</h4>-->
|
|
<!-- <div class="skill-value">75%</div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="skill-container skill-8">-->
|
|
<!-- <div class="skill-percentage"></div>-->
|
|
<!-- </div>-->
|
|
<!-- <!– End of Skill 8 –>-->
|
|
|
|
<!-- <!– Skill 9 –>-->
|
|
<!-- <div class="skill clearfix">-->
|
|
<!-- <h4>Perl</h4>-->
|
|
<!-- <div class="skill-value">90%</div>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="skill-container skill-9">-->
|
|
<!-- <div class="skill-percentage"></div>-->
|
|
<!-- </div>-->
|
|
<!-- <!– End of Skill 9 –>-->
|
|
<!-- </div>-->
|
|
<!-- <!– End of Coding Skills –>-->
|
|
|
|
<!-- <div class="white-space-10"></div>-->
|
|
|
|
<!-- <!– Knowledges –>-->
|
|
<!-- <div class="block-title">-->
|
|
<!-- <h3>Knowledges</h3>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <ul class="knowledges">-->
|
|
<!-- <li>Marketing</li>-->
|
|
<!-- <li>Print</li>-->
|
|
<!-- <li>Digital Design</li>-->
|
|
<!-- <li>Social Media</li>-->
|
|
<!-- <li>Time Management</li>-->
|
|
<!-- <li>Communication</li>-->
|
|
<!-- <li>Problem-Solving</li>-->
|
|
<!-- <li>Social Networking</li>-->
|
|
<!-- <li>Flexibility</li>-->
|
|
<!-- </ul>-->
|
|
<!-- <!– End of Knowledges –>-->
|
|
<!-- </div>-->
|
|
<!-- <!– End of Skills & Certificates –>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="white-space-50"></div>-->
|
|
|
|
<!-- <!– Certificates –>-->
|
|
<!-- <div class="row">-->
|
|
<!-- <div class="col-xs-12 col-sm-12">-->
|
|
<!-- <div class="block-title">-->
|
|
<!-- <h3>Certificates</h3>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="row">-->
|
|
<!-- <!– Certificate 1 –>-->
|
|
<!-- <div class="col-xs-12 col-sm-6">-->
|
|
<!-- <div class="certificate-item clearfix">-->
|
|
<!-- <div class="certi-logo">-->
|
|
<!-- <img src="img/clients/client-1.png" alt="logo">-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="certi-content">-->
|
|
<!-- <div class="certi-title">-->
|
|
<!-- <h4>Psyhology of Intertnation Design</h4>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="certi-id">-->
|
|
<!-- <span>Membership ID: XXXX</span>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="certi-date">-->
|
|
<!-- <span>19 April 2018</span>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="certi-company">-->
|
|
<!-- <span></span>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <!– End of Certificate 1 –>-->
|
|
|
|
<!-- <!– Certificate 2 –>-->
|
|
<!-- <div class="col-xs-12 col-sm-6">-->
|
|
<!-- <div class="certificate-item clearfix">-->
|
|
<!-- <div class="certi-logo">-->
|
|
<!-- <img src="img/clients/client-1.png" alt="logo">-->
|
|
<!-- </div>-->
|
|
|
|
<!-- <div class="certi-content">-->
|
|
<!-- <div class="certi-title">-->
|
|
<!-- <h4>Psyhology of Intertnation Design</h4>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="certi-id">-->
|
|
<!-- <span>Membership ID: XXXX</span>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="certi-date">-->
|
|
<!-- <span>19 April 2018</span>-->
|
|
<!-- </div>-->
|
|
<!-- <div class="certi-company">-->
|
|
<!-- <span></span>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- <!– End of Certificate 2 –>-->
|
|
|
|
<!-- </div>-->
|
|
<!-- <!– End of Certificates –>-->
|
|
<!-- </div>-->
|
|
<!-- </section>-->
|
|
<!-- <!– End of Resume Subpage –>-->
|
|
|
|
<!-- Portfolio Subpage -->
|
|
<section data-id="portfolio" class="animated-section">
|
|
<div class="page-title">
|
|
<h2>Portfolio</h2>
|
|
</div>
|
|
|
|
<div class="section-content">
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12">
|
|
<!-- Portfolio Content -->
|
|
<div class="portfolio-content">
|
|
|
|
<!-- Portfolio Grid -->
|
|
<div class="portfolio-grid three-columns">
|
|
|
|
|
|
<figure class="item lbimage">
|
|
<div class="portfolio-item-img">
|
|
<img src="/img/portfolio/1.png" alt="portfolio work" title=""/>
|
|
<a class="lightbox"
|
|
href="/img/portfolio/full/1.png"></a>
|
|
</div>
|
|
|
|
<i class="far fa-image"></i>
|
|
</figure>
|
|
<figure class="item lbimage">
|
|
<div class="portfolio-item-img">
|
|
<img src="/img/portfolio/2.png" alt="portfolio work" title=""/>
|
|
<a class="lightbox"
|
|
href="/img/portfolio/full/2.png"></a>
|
|
</div>
|
|
|
|
<i class="far fa-image"></i>
|
|
</figure>
|
|
<figure class="item lbimage">
|
|
<div class="portfolio-item-img">
|
|
<img src="/img/portfolio/3.png" alt="portfolio work" title=""/>
|
|
<a class="lightbox"
|
|
href="/img/portfolio/full/3.png"></a>
|
|
</div>
|
|
|
|
<i class="far fa-image"></i>
|
|
</figure>
|
|
<figure class="item lbimage">
|
|
<div class="portfolio-item-img">
|
|
<img src="/img/portfolio/4.png" alt="portfolio work" title=""/>
|
|
<a class="lightbox"
|
|
href="/img/portfolio/full/4.png"></a>
|
|
</div>
|
|
|
|
<i class="far fa-image"></i>
|
|
</figure>
|
|
<figure class="item lbimage">
|
|
<div class="portfolio-item-img">
|
|
<img src="/img/portfolio/5.png" alt="portfolio work" title=""/>
|
|
<a class="lightbox"
|
|
href="/img/portfolio/full/5.png"></a>
|
|
</div>
|
|
|
|
<i class="far fa-image"></i>
|
|
</figure>
|
|
<figure class="item lbimage">
|
|
<div class="portfolio-item-img">
|
|
<img src="/img/portfolio/6.png" alt="portfolio work" title=""/>
|
|
<a class="lightbox"
|
|
href="/img/portfolio/full/6.png"></a>
|
|
</div>
|
|
|
|
<i class="far fa-image"></i>
|
|
</figure>
|
|
|
|
<figure class="item lbimage">
|
|
<div class="portfolio-item-img">
|
|
<img src="/img/portfolio/7.png" alt="portfolio work" title=""/>
|
|
<a class="lightbox"
|
|
href="/img/portfolio/full/7.png"></a>
|
|
</div>
|
|
|
|
<i class="far fa-image"></i>
|
|
</figure>
|
|
|
|
<figure class="item lbimage">
|
|
<div class="portfolio-item-img">
|
|
<img src="/img/portfolio/8.png" alt="portfolio work" title=""/>
|
|
<a class="lightbox"
|
|
href="/img/portfolio/full/8.png"></a>
|
|
</div>
|
|
|
|
<i class="far fa-image"></i>
|
|
</figure>
|
|
|
|
<figure class="item lbimage">
|
|
<div class="portfolio-item-img">
|
|
<img src="/img/portfolio/9.png" alt="portfolio work" title=""/>
|
|
<a class="lightbox"
|
|
href="/img/portfolio/full/9.png"></a>
|
|
</div>
|
|
|
|
<i class="far fa-image"></i>
|
|
</figure>
|
|
</div>
|
|
</div>
|
|
<!-- End of Portfolio Content -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End of Portfolio Subpage -->
|
|
|
|
<!-- Blog Subpage -->
|
|
<section data-id="blog" class="animated-section">
|
|
<div class="page-title">
|
|
<h2>Blog</h2>
|
|
</div>
|
|
|
|
<div class="section-content">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12">
|
|
<div class="blog-masonry two-columns clearfix">
|
|
<div class="twitter-blog-wrap">
|
|
<a class="twitter-timeline" data-lang="en" data-width="575" data-height="690"
|
|
href="https://twitter.com/mdenis_org?ref_src=twsrc%5Etfw">Tweets by
|
|
mdenis_org</a>
|
|
<script async src="https://platform.twitter.com/widgets.js"
|
|
charset="utf-8"></script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
<!-- End of Blog Subpage -->
|
|
|
|
<!-- Contact Subpage -->
|
|
<section data-id="contact" class="animated-section">
|
|
<div class="page-title">
|
|
<h2>Contact</h2>
|
|
</div>
|
|
<div class="section-content">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12" style="text-align: center">
|
|
<div class="block-title">
|
|
<h3>You can <span>write me</span></h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<!-- Contact Info -->
|
|
<div class="col-xs-12 col-sm-4 offset-sm-2">
|
|
<a href="https://t.me/DenysMedvid">
|
|
<span class="lm-info-block gray-default">
|
|
<i class="fab fa-telegram"></i>
|
|
<span class="block-label">@DenysMedvid</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4">
|
|
<a href="mailto://denys@medvid.cc">
|
|
<span class="lm-info-block gray-default">
|
|
<i class="lnr lnr-envelope"></i>
|
|
<span class="block-label load-email-contact"></span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12" style="text-align: center">
|
|
<div class="block-title">
|
|
<h3>My <span>repositories</span></h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-4 offset-sm-2">
|
|
<a href="https://github.com/DenysMedvid">
|
|
<span class="lm-info-block gray-default">
|
|
<i class="fab fa-github"></i>
|
|
<span class="block-label">@DenysMedvid</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4">
|
|
<a href="https://git.medvid.cc/DenysMedvid">
|
|
<span class="lm-info-block gray-default">
|
|
<i class="fab fa-git"></i>
|
|
<span class="block-label">@DenysMedvid</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12" style="text-align: center">
|
|
<div class="block-title">
|
|
<h3>You can find me in <span>social networks</span></h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-4 offset-sm-2">
|
|
<a href="https://www.instagram.com/denys.medvid.cc/">
|
|
<span class="lm-info-block gray-default">
|
|
<i class="fab fa-instagram"></i>
|
|
<span class="block-label">@denys.medvid.cc</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-4">
|
|
<a href="https://twitter.com/mdenis_org">
|
|
<span class="lm-info-block gray-default">
|
|
<i class="fab fa-twitter"></i>
|
|
<span class="block-label">@mdenis_org</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<!-- End of Contact Info -->
|
|
</div>
|
|
<!-- <div class="row">-->
|
|
<!-- <div class="col-xs-12 col-sm-4 offset-sm-4">-->
|
|
<!-- <div class="lm-info-block gray-default">-->
|
|
<!-- <i class="lnr lnr-checkmark-circle"></i>-->
|
|
<!-- <h4>Freelance Available</h4>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
|
|
</div>
|
|
</section>
|
|
<!-- End of Contact Subpage -->
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/js/jquery-2.1.3.min.js"></script>
|
|
<script src="/js/modernizr.custom.js"></script>
|
|
<script src="/js/animating.js"></script>
|
|
<script src="/js/imagesloaded.pkgd.min.js"></script>
|
|
<script src='/js/perfect-scrollbar.min.js'></script>
|
|
<script src='/js/jquery.shuffle.min.js'></script>
|
|
<script src='/js/masonry.pkgd.min.js'></script>
|
|
<script src='/js/owl.carousel.min.js'></script>
|
|
<script src="/js/jquery.magnific-popup.min.js"></script>
|
|
<script src="/js/validator.js"></script>
|
|
<script src="/js/main.js"></script>
|
|
</body>
|
|
</html>
|