1
0
Fork 0
new.mdenis.org/web/index.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>&copy; 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 -->
<!-- &lt;!&ndash; Resume Subpage &ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; Skills & Certificates &ndash;&gt;-->
<!-- <div class="col-xs-12 col-sm-5">-->
<!-- &lt;!&ndash; Design Skills &ndash;&gt;-->
<!-- <div class="block-title">-->
<!-- <h3>Design <span>Skills</span></h3>-->
<!-- </div>-->
<!-- <div class="skills-info skills-second-style">-->
<!-- &lt;!&ndash; Skill 1 &ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; End of Skill 1 &ndash;&gt;-->
<!-- &lt;!&ndash; Skill 2 &ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; End of Skill 2 &ndash;&gt;-->
<!-- &lt;!&ndash; Skill 3 &ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; End of Skill 3 &ndash;&gt;-->
<!-- &lt;!&ndash; Skill 4 &ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; End of Skill 4 &ndash;&gt;-->
<!-- </div>-->
<!-- &lt;!&ndash; End of Design Skills &ndash;&gt;-->
<!-- <div class="white-space-10"></div>-->
<!-- &lt;!&ndash; Coding Skills &ndash;&gt;-->
<!-- <div class="block-title">-->
<!-- <h3>Coding <span>Skills</span></h3>-->
<!-- </div>-->
<!-- <div class="skills-info skills-second-style">-->
<!-- &lt;!&ndash; Skill 5 &ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; End of Skill 5 &ndash;&gt;-->
<!-- &lt;!&ndash; Skill 6 &ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; End of Skill 6 &ndash;&gt;-->
<!-- &lt;!&ndash; Skill 7 &ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; End of Skill 7 &ndash;&gt;-->
<!-- &lt;!&ndash; Skill 8 &ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; End of Skill 8 &ndash;&gt;-->
<!-- &lt;!&ndash; Skill 9 &ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; End of Skill 9 &ndash;&gt;-->
<!-- </div>-->
<!-- &lt;!&ndash; End of Coding Skills &ndash;&gt;-->
<!-- <div class="white-space-10"></div>-->
<!-- &lt;!&ndash; Knowledges &ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; End of Knowledges &ndash;&gt;-->
<!-- </div>-->
<!-- &lt;!&ndash; End of Skills & Certificates &ndash;&gt;-->
<!-- </div>-->
<!-- <div class="white-space-50"></div>-->
<!-- &lt;!&ndash; Certificates &ndash;&gt;-->
<!-- <div class="row">-->
<!-- <div class="col-xs-12 col-sm-12">-->
<!-- <div class="block-title">-->
<!-- <h3>Certificates</h3>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row">-->
<!-- &lt;!&ndash; Certificate 1 &ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; End of Certificate 1 &ndash;&gt;-->
<!-- &lt;!&ndash; Certificate 2 &ndash;&gt;-->
<!-- <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>-->
<!-- &lt;!&ndash; End of Certificate 2 &ndash;&gt;-->
<!-- </div>-->
<!-- &lt;!&ndash; End of Certificates &ndash;&gt;-->
<!-- </div>-->
<!-- </section>-->
<!-- &lt;!&ndash; End of Resume Subpage &ndash;&gt;-->
<!-- 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>