File size: 15.22Kb
<!doctype html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- favicon -->
<link rel="icon" sizes="16x16" href="assets/img/favicon.png">
<!-- Title -->
<title> Elmiz - Personal Portfolio Template </title>
<!-- CSS Plugins -->
<link rel="stylesheet" href="assets/css/all.css">
<link rel="stylesheet" href="assets/css/elegant-font-icons.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/owl.carousel.css">
<link rel="stylesheet" href="assets/css/animate.css">
<!-- Font Google -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli:300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<!-- main style -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/colors/color-6.css">
<link rel="stylesheet" href="assets/css/custom.css">
</head>
<body>
<!--Menu-->
<div class="main-menu fixed-top main-menu-left">
<nav class="nav-menu">
<ul class="menu">
<li><a href="index-1.html" >Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="works.html" class="active">Works</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!--hamburger-menu-->
<a class="hamburger-menu js-toggle-menu" href="#">
<div class="g-lines">
<span class="line line-dark"></span>
<span class="line line-dark"></span>
<span class="line line-dark"></span>
</div>
</a>
</div>
<!-- works section-->
<div class="section">
<div class="container">
<!--Section title-->
<div class="row">
<div class="col-12">
<div class="section-heading">
<p class="section-description bg-base-color">My Featured portfolio</p>
<h2 class="section-title">My works</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<!--works-filters-->
<div class="works-filters">
<ul class="list-inline">
<li class="filter" data-filter="all">Everything</li>
<li class="filter" data-filter=".photography">Photography</li>
<li class="filter" data-filter=".illustrator"> Illustrator</li>
<li class="filter" data-filter=".graphic">Graphic Design</li>
</ul>
</div>
</div>
</div>
<div class="works-items">
<div class="row">
<!--works-item-->
<div class="col-lg-4 col-md-6 mix photography ">
<div class="works-item wow customFadeInUp slow">
<div class="image">
<img src="assets/img/works/1.jpg" alt="">
<div class="overly">
<div class="info d-flex align-items-center">
<p>Name - photography</p>
<div class="details d-flex align-items-center ml-auto">
<a href="assets/img/works/1.jpg" class="view-work">
<i class="fas fa-images"></i>
</a>
<a href="#"><i class="fas fa-link"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--works-item-->
<div class="col-lg-4 col-md-6 mix illustrator ">
<div class="works-item wow customFadeInUp delay-0-2s slow">
<div class="image">
<img src="assets/img/works/2.jpg" alt="">
<div class="overly">
<div class="info d-flex align-items-center">
<p >Name - illustrator</p>
<div class="details d-flex align-items-center ml-auto">
<a href="assets/img/works/2.jpg" class="view-work">
<i class="fas fa-images"></i>
</a>
<a href="#">
<i class="fas fa-link"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--works-item-->
<div class="col-lg-4 col-md-6 mix graphic ">
<div class="works-item wow customFadeInUp delay-0-3s slow">
<div class="image">
<img src="assets/img/works/3.jpg" alt="">
<div class="overly">
<div class="info d-flex align-items-center">
<p>Name - Graphic design</p>
<div class="details d-flex align-items-center ml-auto">
<a href="assets/img/works/3.jpg" class="view-work">
<i class="fas fa-images"></i>
</a>
<a href="#">
<i class="fas fa-link"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--works-item-->
<div class="col-lg-4 col-md-6 mix photography ">
<div class="works-item wow customFadeInUp delay-0-4s slow">
<div class="image">
<img src="assets/img/works/4.jpg" alt="">
<div class="overly">
<div class="info d-flex align-items-center">
<p>Name - photography</p>
<div class="details d-flex align-items-center ml-auto">
<a href="assets/img/works/4.jpg" class="view-work">
<i class="fas fa-images"></i>
</a>
<a href="#">
<i class="fas fa-link"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--works-item-->
<div class="col-lg-4 col-md-6 mix graphic ">
<div class="works-item wow customFadeInUp delay-0-5s slow">
<div class="image">
<img src="assets/img/works/5.jpg" alt="">
<div class="overly">
<div class="info d-flex align-items-center">
<p>Name - Graphic design</p>
<div class="details d-flex align-items-center ml-auto">
<a href="assets/img/works/5.jpg" class="view-work">
<i class="fas fa-images"></i>
</a>
<a href="#">
<i class="fas fa-link"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--works-item-->
<div class="col-lg-4 col-md-6 mix graphic ">
<div class="works-item wow customFadeInUp delay-0-6s slow">
<div class="image">
<img src="assets/img/works/6.jpg" alt="">
<div class="overly">
<div class="info d-flex align-items-center">
<p>Name - Graphic design</p>
<div class="details d-flex align-items-center ml-auto">
<a href="assets/img/works/6.jpg" class="view-work">
<i class="fas fa-images"></i>
</a>
<a href="#">
<i class="fas fa-link"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--works-item-->
<div class="col-lg-4 col-md-6 mix graphic ">
<div class="works-item wow customFadeInUp delay-0-7s slow">
<div class="image">
<img src="assets/img/works/7.jpg" alt="">
<div class="overly">
<div class="info d-flex align-items-center">
<p> Name - Graphic design</p>
<div class="details d-flex align-items-center ml-auto">
<a href="assets/img/works/7.jpg" class="view-work">
<i class="fas fa-images"></i>
</a>
<a href="#">
<i class="fas fa-link"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--works-item-->
<div class="col-lg-4 col-md-6 mix illustrator ">
<div class="works-item wow customFadeInUp delay-0-8s slow">
<div class="image">
<img src="assets/img/works/8.jpg" alt="">
<div class="overly">
<div class="info d-flex align-items-center">
<p>Name - illustrator</p>
<div class="details d-flex align-items-center ml-auto">
<a href="assets/img/works/8.jpg" class="view-work">
<i class="fas fa-images"></i>
</a>
<a href="#">
<i class="fas fa-link"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--works-item-->
<div class="col-lg-4 col-md-6 mix photography">
<div class="works-item wow customFadeInUp delay-0-9s slow">
<div class="image">
<img src="assets/img/works/9.jpg" alt="">
<div class="overly">
<div class="info d-flex align-items-center">
<p>Name - photography</p>
<div class="details d-flex align-items-center ml-auto">
<a href="assets/img/works/9.jpg" class="view-work">
<i class="fas fa-images"></i>
</a>
<a href="#">
<i class="fas fa-link"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--loading -->
<div class="loading">
<div class="circle"></div>
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="assets/js/jquery-3.5.0.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- JS Plugins -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.mixitup.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/ajax-contact.js"></script>
<script src="assets/js/jquery.animatedheadline.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>