<!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" class="active">Services</a>
</li>
<li>
<a href="works.html">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>
<!--Servives section-->
<div class="section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-heading">
<p class="section-description bg-base-color">Services i offer to my clients</p>
<h2 class="section-title">My Services</h2>
</div>
</div>
</div>
<div class="row mb-20 mt-40">
<!--service-item-->
<div class="col-lg-4 col-md-6 wow customFadeInUp delay-0-2s slow">
<div class="service-item">
<div class="icon bg-base-color">
<i class="fas fa-camera-retro"></i>
</div>
<div class="content">
<h5> Photography </h5>
<p>
Working with client and community, we deliver masterplans that create vibrant new places and spaces, attract people.
</p>
</div>
</div>
</div>
<!--service-item-->
<div class="col-lg-4 col-md-6 wow customFadeInUp delay-0-3s slow">
<div class="service-item">
<div class="icon bg-base-color">
<i class="fas fa-palette"></i>
</div>
<div class="content">
<h5> Web Design </h5>
<p>
Working with client and community, we deliver masterplans that create vibrant new places and spaces, attract people.
</p>
</div>
</div>
</div>
<!--service-item-->
<div class="col-lg-4 col-md-6 wow customFadeInUp delay-0-4s slow">
<div class="service-item ">
<div class="icon bg-base-color">
<i class="fas fa-code"></i>
</div>
<div class="content">
<h5> Web Development </h5>
<p>
Working with client and community, we deliver masterplans that create vibrant new places and spaces, attract people.
</p>
</div>
</div>
</div>
<!--service-item-->
<div class="col-lg-4 col-md-6 wow customFadeInUp delay-0-5s slow">
<div class="service-item ">
<div class="icon bg-base-color">
<i class="fas fa-images"></i>
</div>
<div class="content">
<h5> Graphic Design </h5>
<p>
Working with client and community, we deliver masterplans that create vibrant new places and spaces, attract people.
</p>
</div>
</div>
</div>
<!--service-item-->
<div class="col-lg-4 col-md-6 wow customFadeInUp delay-0-6s slow">
<div class="service-item ">
<div class="icon bg-base-color">
<i class="fas fa-bullhorn"></i>
</div>
<div class="content">
<h5>Branding </h5>
<p>
Working with client and community, we deliver masterplans that create vibrant new places and spaces, attract people.
</p>
</div>
</div>
</div>
<!--service-item-->
<div class="col-lg-4 col-md-6 wow customFadeInUp delay-0-7s slow">
<div class="service-item">
<div class="icon bg-base-color">
<i class="fas fa-share-alt"></i>
</div>
<div class="content">
<h5>Marketing </h5>
<p>
Working with client and community, we deliver masterplans that create vibrant new places and spaces, attract people.
</p>
</div>
</div>
</div>
</div>
<!--Testimonials-->
<div class="section-sub-heading">
<h4 class="section-sub-title">Testimonials</h4>
</div>
<div class="row testimonials mb-50">
<div class="col-lg-12">
<div class="owl-carousel">
<!--testimonial-item-->
<div class="testimonials-item">
<div class="image">
<img src="assets/img/testimonials/1.jpg" alt="">
</div>
<h6>Donia Martin</h6>
<p class="job">Product Design </p>
<p>
Lorem ipsum dolor sit amet consec , tetur adipiscing elit. Etiam fringilla pretium lacus, eu luctus neque ultu. Phasellus
faucibus orci a purus mattis tincidunt ut non nulla.
</p>
<div class="icon bg-base-color">
<span class="icon_quotations"></span>
</div>
</div>
<!--testimonial-item-->
<div class="testimonials-item">
<div class="image">
<img src="assets/img/testimonials/2.jpg" alt="">
</div>
<h6>Alex Smith</h6>
<p class="job">Web Developer</p>
<p>
Lorem ipsum dolor sit amet consec , tetur adipiscing elit. Etiam fringilla pretium lacus, eu luctus neque ultu. Phasellus
faucibus orci a purus mattis tincidunt ut non nulla.
</p>
<div class="icon bg-base-color">
<span class="icon_quotations"></span>
</div>
</div>
<!--testimonial-item-->
<div class="testimonials-item">
<div class="image">
<img src="assets/img/testimonials/3.jpg" alt="">
</div>
<h6>Engin Dongo</h6>
<p class="job"> Mobile Developer </p>
<p>
Lorem ipsum dolor sit amet consec , tetur adipiscing elit. Etiam fringilla pretium lacus, eu luctus neque ultu. Phasellus
faucibus orci a purus mattis tincidunt ut non nulla.
</p>
<div class="icon bg-base-color">
<span class="icon_quotations"></span>
</div>
</div>
<!--testimonial-item-->
<div class="testimonials-item">
<div class="image">
<img src="assets/img/testimonials/4.jpg" alt="">
</div>
<h6>Zahra Salah</h6>
<p class="job"> UI/UX designer </p>
<p>
Lorem ipsum dolor sit amet consec , tetur adipiscing elit. Etiam fringilla pretium lacus, eu luctus neque ultu. Phasellus
faucibus orci a purus mattis tincidunt ut non nulla.
</p>
<div class="icon bg-base-color">
<span class="icon_quotations"></span>
</div>
</div>
</div>
</div>
</div>
<!--Pricing plans-->
<div class="section-sub-heading">
<h4 class="section-sub-title"> Choose a Plan</h4>
</div>
<div class="row mb-50">
<div class="col-lg-4 wow customFadeInUp delay-0-2s slow">
<!--pricing-item-->
<div class="pricing-item">
<div class="content">
<h5>Basic</h5>
<div class="price">
<h3>09
<span>$/month</span>
</h3>
</div>
<ul>
<li>10 Pages. </li>
<li>Free Installation.</li>
<li>Fee Hosting. </li>
<li>10 Addon Domains. </li>
<li>Email support</li>
</ul>
<a href="#" class="btn-custom"> Get Basic</a>
</div>
</div>
</div>
<div class="col-lg-4 wow customFadeInUp delay-0-4s slow">
<!--pricing-item-->
<div class="pricing-item">
<div class="content">
<h5>Standard</h5>
<div class="price">
<h3>19
<span>$/month</span>
</h3>
</div>
<ul>
<li>20 Pages. </li>
<li>Free Installation.</li>
<li>Fee Hosting. </li>
<li>20 Addon Domains. </li>
<li>Mon-Fri support</li>
</ul>
<a href="#" class="btn-custom"> Get Standard</a>
</div>
</div>
</div>
<div class="col-lg-4 wow customFadeInUp delay-0-6s slow">
<!--pricing-item-->
<div class="pricing-item">
<div class="content">
<h5>Premium</h5>
<div class="price">
<h3>29
<span>$/month</span>
</h3>
</div>
<ul>
<li>30 Pages. </li>
<li>Free Installation.</li>
<li>Fee Hosting. </li>
<li>30 Addon Domains. </li>
<li>24/7 support</li>
</ul>
<a href="#" class="btn-custom"> Get Premium</a>
</div>
</div>
</div>
</div>
<!--Clients-->
<div class="section-sub-heading">
<h4 class="section-sub-title">Our Clients</h4>
</div>
<div class="row">
<div class="col-lg-2 col-md-4 col-sm-4 col-6">
<div class="clients-item">
<img src="assets/img/clients/1.png" alt="">
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-4 col-6">
<div class="clients-item">
<img src="assets/img/clients/2.png" alt="">
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-4 col-6">
<div class="clients-item">
<img src="assets/img/clients/3.png" alt="">
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-4 col-6">
<div class="clients-item">
<img src="assets/img/clients/4.png" alt="">
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-4 col-6">
<div class="clients-item">
<img src="assets/img/clients/5.png" alt="">
</div>
</div>
<div class="col-lg-2 col-md-4 col-sm-4 col-6">
<div class="clients-item">
<img src="assets/img/clients/1.png" alt="">
</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>