| Dir : /home/distinctdesign/www/ |
| Server: Linux premium131.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 IP: 162.0.232.53 |
| Dir : /home/distinctdesign/www/portfolio.php |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Distinct Design | Portfolio</title>
<!-- Stylesheets -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Teko:wght@300;400;500;600;700&display=swap"
rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/fontawesome-all.css" rel="stylesheet">
<link href="css/owl.css" rel="stylesheet">
<link href="css/flaticon.css" rel="stylesheet">
<link href="css/linoor-icons-2.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/jquery-ui.css" rel="stylesheet">
<link href="css/jquery.fancybox.min.css" rel="stylesheet">
<link href="css/hover.css" rel="stylesheet">
<link href="css/custom-animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- rtl css -->
<link href="css/rtl.css" rel="stylesheet">
<!-- Responsive File -->
<link href="css/responsive.css" rel="stylesheet">
<!-- Color css -->
<link rel="stylesheet" id="jssDefault" href="css/colors/color-default.css">
<link rel="shortcut icon" href="images/favicon.png" id="fav-shortcut" type="image/x-icon">
<link rel="icon" href="images/favicon.png" id="fav-icon" type="image/x-icon">
<!-- Responsive Settings -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<body>
<div class="page-wrapper">
<!-- style switcher
<div class="style-switcher">
<a href="#" id="switcher-toggler"><i class="fa fa-cog"></i></a>
<h3>Color Skins</h3>
<ul id="styleOptions" title="Switch Color">
<li>
<a href="" data-theme="color-default" class="color-default">
</a>
</li>
<li>
<a href="" data-theme="color-2" class="color-2">
</a>
</li>
<li>
<a href="" data-theme="color-3" class="color-3">
</a>
</li>
<li>
<a href="" data-theme="color-4" class="color-4">
</a>
</li>
<li>
<a href="" data-theme="color-5" class="color-5">
</a>
</li>
<li>
<a href="" data-theme="color-6" class="color-6">
</a>
</li>
</ul>
<div class="language-feature">
<button class="ltr-switcher" data-href="#googtrans(en|en)">LTR</button /.ltr-switcher
<button class="rtl-switcher" data-href="#googtrans(en|ar)">RTL</button> /.rtl-switcher
</div> /.language-feature
<div class="layout-feature">
<a href="#" class="dark-switcher">Dark</a>
<button class="boxed-switcher">Boxed</button> /.ltr-switcher
</div>/.language-feature-->
</div>
<!-- Preloader -->
<div class="preloader">
<div class="icon"></div>
</div>
<!-- Main Header -->
<header class="main-header header-style-one">
<!-- Header Upper -->
<div class="header-upper">
<div class="inner-container clearfix">
<!--Logo-->
<div class="logo-box">
<div class="logo"><a href="index.php" title="The Distinct Design"><img
src="images/logo.png" id="thm-logo" alt="The Distinct Design"
title="The Distinct Design"></a></div>
</div>
<div class="nav-outer clearfix">
<!--Mobile Navigation Toggler-->
<div class="mobile-nav-toggler"><span class="icon flaticon-menu-2"></span><span
class="txt">Menu</span></div>
<!-- Main Menu -->
<nav class="main-menu navbar-expand-md navbar-light">
<div class="collapse navbar-collapse show clearfix" id="navbarSupportedContent">
<ul class="navigation clearfix">
<li class="dropdown"><a
href="index.php">Home</a>
<li class="dropdown">
<a href="about.php">About Us</a>
</li>
<li class="dropdown"><a href="services.php">Services</a>
<ul>
<li><a href="website.php">Website Designing</a></li>
<li><a href="logo.php">Logo Designing</a></li>
<!--<li><a href="web-development.php">Website Development</a></li>-->
<li><a href="printing.php">Printing</a></li>
<li><a href="app-development.php">App Development</a></li>
<li><a href="seo.php">SEO & Content Writting</a></li>
<li><a href="video-animation .php">Video Animations</a></li>
</ul>
</li>
<li class="dropdown"><a href="portfolio.php">Portfolio</a>
</li>
<!-- <li class="dropdown"><a href="shop.php">Shop</a>
<ul>
<li><a href="shop.php">Shop Page</a></li>
<li><a href="product-details.php">Product Details</a></li>
<li><a href="cart.php">Cart Page</a></li>
<li><a href="checkout.php">Checkout Page</a></li>
</ul>
</li>
<li class="dropdown"><a href="blog-grid.php">Blog</a>
<ul>
<li><a href="blog.php">Blog Right Sidebar</a></li>
<li><a href="blog-left.php">Blog Left Sidebar <span>new</span></a></li>
<li><a href="blog-grid.php">Blog Grid View</a></li>
<li><a href="blog-single.php">Blog Single</a></li>
</ul>
</li>
--> <li class="dropdown">
<a href="contact.php">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="other-links clearfix">
<!-- cart btn -->
<!--
<div class="cart-btn">
<a href="cart.php" class="theme-btn cart-toggler"><span
class="flaticon-shopping-cart"></span></a>
</div>
Search Btn
<div class="search-btn">
<button type="button" class="theme-btn search-toggler"><span
class="flaticon-loupe"></span></button>
</div>
-->
<div class="link-box">
<div class="call-us">
<a class="link" href="tel:+1 469 701 4007">
<span class="icon"></span>
<span class="sub-text">Call Anytime</span>
<span class="number">+1 469 701 4007</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!--End Header Upper-->
</header>
<!-- End Main Header -->
<!--Mobile Menu-->
<div class="side-menu__block">
<div class="side-menu__block-overlay custom-cursor__overlay">
<div class="cursor"></div>
<div class="cursor-follower"></div>
</div><!-- /.side-menu__block-overlay -->
<div class="side-menu__block-inner ">
<div class="side-menu__top justify-content-end">
<a href="#" class="side-menu__toggler side-menu__close-btn"><img src="images/icons/close-1-1.png"
alt=""></a>
</div><!-- /.side-menu__top -->
<nav class="mobile-nav__container">
<!-- content is loading via js -->
</nav>
<div class="side-menu__sep"></div><!-- /.side-menu__sep -->
<div class="side-menu__content">
<!-- <p>Linoor is a premium Template for Digital Agencies, Start Ups, Small Business and a wide range of
other agencies.</p>
<p><a href="mailto:needhelp@linoor.com">needhelp@linoor.com</a> <br> <a href="tel:888-999-0000">888
999 0000</a></p>
--> <div class="side-menu__social">
<a href="#"><i class="fab fa-facebook-square"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-pinterest-p"></i></a>
</div>
</div><!-- /.side-menu__content -->
</div><!-- /.side-menu__block-inner -->
</div><!-- /.side-menu__block -->
<!--Search Popup-->
<div class="search-popup">
<div class="search-popup__overlay custom-cursor__overlay">
<div class="cursor"></div>
<div class="cursor-follower"></div>
</div><!-- /.search-popup__overlay -->
<div class="search-popup__inner">
<form action="#" class="search-popup__form">
<input type="text" name="search" placeholder="Type here to Search....">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</div><!-- /.search-popup__inner -->
</div><!-- /.search-popup -->
<!-- Banner Section -->
<section class="page-banner">
<div class="image-layer" style="background-image:url(images/background/image-7.png);"></div>
<div class="shape-1"></div>
<div class="shape-2"></div>
<div class="banner-inner">
<div class="auto-container">
<div class="inner-container clearfix">
<h1>Portfolio</h1>
<div class="page-nav">
<ul class="bread-crumb clearfix">
<li><a href="index.php">Home</a></li>
<li class="active">Portfolio</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--End Banner Section -->
<!-- Gallery Section -->
<section class="gallery-section">
<div class="auto-container">
<!--MixitUp Galery-->
<div class="mixitup-gallery">
<!--Filter-->
<div class="filters centered clearfix">
<ul class="filter-tabs filter-btns clearfix">
<li class="active filter" data-role="button" data-filter="all">All<sup>[6]</sup></li>
<li class="filter" data-role="button" data-filter=".branding">Branding<sup>[3]</sup></li>
<li class="filter" data-role="button" data-filter=".illustration">illustration<sup>[3]</sup>
</li>
<li class="filter" data-role="button" data-filter=".photography">Photography<sup>[3]</sup>
</li>
<li class="filter" data-role="button" data-filter=".web-design">Web Design<sup>[4]</sup>
</li>
</ul>
</div>
<div class="filter-list row">
<!-- Gallery Item -->
<div class="gallery-item mix all web-design col-lg-4 col-md-6 col-sm-12">
<div class="inner-box">
<figure class="image"><img src="images/gallery/1.jpg" alt=""></figure>
<a href="images/gallery/1.jpg" class="lightbox-image overlay-box"
data-fancybox="gallery"></a>
<div class="cap-box">
<div class="cap-inner">
<div class="cat"><span>Graphic</span></div>
<div class="title">
<h5><a href="portfolio-single.php">Fimlor Experience</a></h5>
</div>
</div>
</div>
</div>
</div>
<!-- Gallery Item -->
<div class="gallery-item mix all photography web-design col-lg-4 col-md-6 col-sm-12">
<div class="inner-box">
<figure class="image"><img src="images/gallery/2.jpg" alt=""></figure>
<a href="images/gallery/2.jpg" class="lightbox-image overlay-box"
data-fancybox="gallery"></a>
<div class="cap-box">
<div class="cap-inner">
<div class="cat"><span>Graphic</span></div>
<div class="title">
<h5><a href="portfolio-single.php">Fimlor Experience</a></h5>
</div>
</div>
</div>
</div>
</div>
<!-- Gallery Item -->
<div class="gallery-item mix all branding web-design col-lg-4 col-md-6 col-sm-12">
<div class="inner-box">
<figure class="image"><img src="images/gallery/3.jpg" alt=""></figure>
<a href="images/gallery/3.jpg" class="lightbox-image overlay-box"
data-fancybox="gallery"></a>
<div class="cap-box">
<div class="cap-inner">
<div class="cat"><span>Graphic</span></div>
<div class="title">
<h5><a href="portfolio-single.php">Fimlor Experience</a></h5>
</div>
</div>
</div>
</div>
</div>
<!-- Gallery Item -->
<div class="gallery-item mix all branding illustration col-lg-4 col-md-6 col-sm-12">
<div class="inner-box">
<figure class="image"><img src="images/gallery/4.jpg" alt=""></figure>
<a href="images/gallery/4.jpg" class="lightbox-image overlay-box"
data-fancybox="gallery"></a>
<div class="cap-box">
<div class="cap-inner">
<div class="cat"><span>Graphic</span></div>
<div class="title">
<h5><a href="portfolio-single.php">Fimlor Experience</a></h5>
</div>
</div>
</div>
</div>
</div>
<!-- Gallery Item -->
<div
class="gallery-item mix all branding illustration photography web-design col-lg-4 col-md-6 col-sm-12">
<div class="inner-box">
<figure class="image"><img src="images/gallery/5.jpg" alt=""></figure>
<a href="images/gallery/5.jpg" class="lightbox-image overlay-box"
data-fancybox="gallery"></a>
<div class="cap-box">
<div class="cap-inner">
<div class="cat"><span>Graphic</span></div>
<div class="title">
<h5><a href="portfolio-single.php">Fimlor Experience</a></h5>
</div>
</div>
</div>
</div>
</div>
<!-- Gallery Item -->
<div class="gallery-item mix all illustration photography col-lg-4 col-md-6 col-sm-12">
<div class="inner-box">
<figure class="image"><img src="images/gallery/6.jpg" alt=""></figure>
<a href="images/gallery/6.jpg" class="lightbox-image overlay-box"
data-fancybox="gallery"></a>
<div class="cap-box">
<div class="cap-inner">
<div class="cat"><span>Graphic</span></div>
<div class="title">
<h5><a href="portfolio-single.php">Fimlor Experience</a></h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="more-box">
<a class="theme-btn btn-style-one" href="portfolio.php">
<i class="btn-curve"></i>
<span class="btn-title">Load more work</span>
</a>
</div>
</div>
</div>
</section>
<?php include 'include/footer.php'; ?>