853 lines
44 KiB
HTML
853 lines
44 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?v7" type="text/css">
|
|
<link rel="stylesheet" href="/css/bootstrap-grid.min.css?v7" type="text/css">
|
|
<link rel="stylesheet" href="/css/animations.css?v7s" type="text/css">
|
|
<link rel="stylesheet" href="/css/perfect-scrollbar.css?v7" type="text/css">
|
|
<link rel="stylesheet" href="/css/owl.carousel.css?v7" type="text/css">
|
|
<link rel="stylesheet" href="/css/magnific-popup.css?v7" type="text/css">
|
|
<link rel="stylesheet" href="/css/main.css?v7" type="text/css">
|
|
|
|
<script src="/js/modernizr.custom.js"></script>
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="/gtm/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-apartment"></span>
|
|
<span class="link-text">CV</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/DenysMedvid" target="_blank"><i class="fab fa-git"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="header-buttons">
|
|
|
|
</div>
|
|
|
|
<div class="copyrights">
|
|
|
|
<p>© 2021-2022 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"
|
|
alt="build label"/>
|
|
</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>
|
|
<!-- Clients -->
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12">
|
|
<div class="block-title">
|
|
<h3>Certificate</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12">
|
|
<div class="clients">
|
|
<div class="client-block">
|
|
<a href="https://www.zend-zce.com/en/yellow-pages/ZEND027501" target="_blank"
|
|
title="Zend Certified Engineer" rel="nofollow">
|
|
<img src="/img/cert/ZCPE-logo-XS.jpg" alt="Zend Certified Engineer">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Clients -->
|
|
</div>
|
|
</section>
|
|
<!-- End of About Me Subpage -->
|
|
|
|
<!-- Resume Subpage -->
|
|
<section data-id="resume" class="animated-section"
|
|
data-ps-id="820dfa6d-b706-eaa3-ec02-979565cbc904">
|
|
<div class="section-content">
|
|
<div class="page-title">
|
|
<h2>Curriculum <span>Vitae</span></h2>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-9">
|
|
<div class="block-title">
|
|
<h3 class="align-content-center">Objective</h3>
|
|
</div>
|
|
|
|
<p class="indent">
|
|
I would like to implement my skills and experience in practice.
|
|
Check my knowledge in a new and interesting project, receive new experience and meet
|
|
new challenges in my work.
|
|
I will be happy to deliver a new idea from scratch paper to the end user.
|
|
</p>
|
|
|
|
|
|
</div>
|
|
<div class="col-xs-12 col-sm-3">
|
|
<a href="/cv.pdf" target="_blank" class="btn btn-primary">
|
|
Download
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="white-space-20"></div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12">
|
|
|
|
<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">October 2012 - Present</h5>
|
|
<span class="item-company">UVO</span>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<div class="right-part">
|
|
<h4 class="item-title">Full Stack Software Engineer</h4>
|
|
<p class="indent">
|
|
I have worked as a Fullstack Software Engineer. A lot of challenges and
|
|
difficult tasks. Created projects, support legacy. I have implemented
|
|
new features, new integrations, and payment methods. Have created
|
|
google-chrome extensions, google-doc addon, moodle LMS integrations,
|
|
canvas LMS integrations (LTI), google auth, stripe, paypal and many
|
|
others.
|
|
</p>
|
|
<p>
|
|
Create multiple SPA's, Redux, MobX, Symfony, Doctrine, etc.
|
|
</p>
|
|
<p> Design APIs, implement APIs, create dashboards in grafana, document API
|
|
in swagger.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="timeline-item clearfix">
|
|
<div class="left-part">
|
|
<h5 class="item-period">July 2010 - September 2012</h5>
|
|
<span class="item-company">Intuitec</span>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<div class="right-part">
|
|
<h4 class="item-title">Full Stack Software Engineer</h4>
|
|
<p>I have created a couple of project with Yii framework, JS, database
|
|
architecture, integrations with google calendar and have created custom
|
|
calendar UI based in jQuery, with drag&drop events, schedules, etc.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="timeline-item clearfix">
|
|
<div class="left-part">
|
|
<h5 class="item-period">August 2009 - July 2010</h5>
|
|
<span class="item-company">Freelancer</span>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<div class="right-part">
|
|
<h4 class="item-title">Full Stack Software Engineer</h4>
|
|
<p>Name of service: weblancer.net</p>
|
|
<p>Reference to <a
|
|
target="_blank"
|
|
href="https://www.weblancer.net/users/thebucefal/reviews/?type=positive"
|
|
rel="nofollow">reviews</a> in Russian</p>
|
|
<p>I have created a lot of parsers and other small scripts. Fix websites
|
|
etc.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="white-space-50"></div>
|
|
<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">2006 - 2010</h5>
|
|
<span class="item-company">Kyiv radio-mechanical college of NAU</span>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<div class="right-part">
|
|
<h4 class="item-title">Computer programming</h4>
|
|
<p></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="white-space-50"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-6">
|
|
<div class="block-title">
|
|
<h3>Skills</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-6">
|
|
<h4>PHP</h4>
|
|
<p>Doctrine 2, ActiveRecord, Yii, Phalcon, CodeIgniter, Composer, PHPUnit...
|
|
</p>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-6">
|
|
<h4>Symfony</h4>
|
|
<p>PHP Framework. I have created projects from scratch, support legacy one.</p>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="white-space-10"></div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-6">
|
|
<h4>JavaScript</h4>
|
|
<p>ReactJs, Redux, MobX, TypeScript, Webpack, SCSS.</p>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-6">
|
|
<h4>GNU / Linux</h4>
|
|
<p>I am an old linux user. I cofigure Nginx, Docker, mysql/mariadb, postfix, dovecot,
|
|
DMARK, DKIM, SPF, PHP-FPM, etc...</p>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="white-space-10"></div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-6">
|
|
<h4>Database Architecture</h4>
|
|
<p>I understand a database theory. I have created a lot of database schemas for
|
|
different projects. Use and understand normalization, denormalization, normal forms,
|
|
indexes, etc.</p>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-6">
|
|
<h4>Cpp</h4>
|
|
<p>I have created applications with using STL, Qt Framework.</p>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="white-space-10"></div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-6">
|
|
<h4>Software Architecture</h4>
|
|
<p>I have a lot of experience and deep understanding OOP. Know and follow SOLID, DRY,
|
|
KIS, YAGNI.</p>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-6">
|
|
<h4>Python</h4>
|
|
<p>Http requests, pyduktape, apis, etc.</p>
|
|
</div>
|
|
</div>
|
|
<div class="white-space-10"></div>
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-6">
|
|
<h4>Version Control System</h4>
|
|
<p>I have worked with Mercurial, SVN, GIT. In nowadays i prefer and use git as main
|
|
vcs.</p>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-6">
|
|
<h4>CI/CD</h4>
|
|
<p>I have worked with GitLab CI, TravisCI, drone.io.</p>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="white-space-20"></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">
|
|
<a href="https://www.zend-zce.com/en/yellow-pages/ZEND027501" rel="nofollow"
|
|
target="_blank">
|
|
<img src="/img/cert/ZCPE-logo-XS.jpg" alt="Zend Certified Engineer"/>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="certi-content">
|
|
<div class="certi-title">
|
|
<h4>Zend Certified Engineer</h4>
|
|
</div>
|
|
<div class="certi-id">
|
|
<span>Candidate ID: ZEND027501</span>
|
|
</div>
|
|
<div class="certi-date">
|
|
<span>18 Jun, 2015</span>
|
|
</div>
|
|
<div class="certi-company">
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Certificate 1 -->
|
|
|
|
</div>
|
|
<!-- End of Certificates -->
|
|
</div>
|
|
<div class="ps__scrollbar-x-rail" style="left: 0px; bottom: 0px;">
|
|
<div class="ps__scrollbar-x" tabindex="0" style="left: 0px; width: 0px;"></div>
|
|
</div>
|
|
<div class="ps__scrollbar-y-rail" style="top: 0px; height: 790px; right: 0px;">
|
|
<div class="ps__scrollbar-y" tabindex="0" style="top: 0px; height: 417px;"></div>
|
|
</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="elfsight-app-d440e98c-f1a1-4528-b675-9270dad136af"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</section>
|
|
<!-- End of Blog Subpage -->
|
|
|
|
<!-- Contact Subpage -->
|
|
<section data-id="contact" class="animated-section">
|
|
<div class="page-title">
|
|
<h2>Contact <span>me</span></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>
|
|
</section>
|
|
<!-- End of Contact Subpage -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-stats">
|
|
</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>
|
|
<script src="/elf/p/platform.js" defer></script>
|
|
</body>
|
|
</html>
|