| Dir : /home/distinctdesign/thedistinctdesign.co.uk/ |
| 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/thedistinctdesign.co.uk/services.php |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Distinct Design | Services</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>Services</h1>
<div class="page-nav">
<ul class="bread-crumb clearfix">
<li><a href="index.php">Home</a></li>
<li class="active">Services</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--End Banner Section -->
<!--Services Section-->
<section class="services-section-three padd-top">
<div class="auto-container">
<div class="services">
<div class="row clearfix">
<!--Service Block-->
<div class="service-block-two col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp"
data-wow-delay="0ms" data-wow-duration="1500ms">
<div class="inner-box">
<div class="bottom-curve"></div>
<div class="icon-box"><span class="flaticon-vector"></span></div>
<h5><a href="#">Modern <br>Designing</a></h5>
<!--<div class="text">Lorem ipsum is are many variations of pass of majority.</div>
<div class="link-box"><a href="#"><span class="fa fa-angle-right"></span></a></div>-->
</div>
</div>
<!--Service Block-->
<div class="service-block-two col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp"
data-wow-delay="300ms" data-wow-duration="1500ms">
<div class="inner-box">
<div class="bottom-curve"></div>
<div class="icon-box"><span class="flaticon-digital"></span></div>
<h5><a href="#">MARKETING <br>STRATEGY</a></h5>
<!--<div class="text">Lorem ipsum is are many variations of pass of majority.</div>
<div class="link-box"><a href="#"><span class="fa fa-angle-right"></span></a></div>-->
</div>
</div>
<!--Service Block-->
<div class="service-block-two col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp"
data-wow-delay="600ms" data-wow-duration="1500ms">
<div class="inner-box">
<div class="bottom-curve"></div>
<div class="icon-box"><span class="flaticon-instant-camera"></span></div>
<h5><a href="#">Digital <br>Products</a></h5>
<!--<div class="text">Lorem ipsum is are many variations of pass of majority.</div>
<div class="link-box"><a href="#"><span class="fa fa-angle-right"></span></a></div>-->
</div>
</div>
<!--Service Block-->
<div class="service-block-two col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp"
data-wow-delay="900ms" data-wow-duration="1500ms">
<div class="inner-box">
<div class="bottom-curve"></div>
<div class="icon-box"><span class="flaticon-monitor"></span></div>
<h5><a href="#">Website <br>Development</a></h5>
<!--<div class="text">Lorem ipsum is are many variations of pass of majority.</div>
<div class="link-box"><a href="#"><span class="fa fa-angle-right"></span></a></div>-->
</div>
</div>
</div>
</div>
</div>
</section>
<!--Services Section-->
<section class="services-section">
<div class="auto-container">
<div class="row clearfix">
<!--Title Block-->
<div class="title-block col-xl-6 col-lg-12 col-md-12 col-sm-12">
<div class="inner">
<div class="sec-title">
<h2>We Shape the Perfect <br>Solutions<span class="dot">.</span></h2>
<div class="lower-text">We are committed to providing our customers with exceptional
service while offering our employees the best training.</div>
</div>
</div>
</div>
<!--Service Block-->
<div class="service-block col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="inner-box">
<div class="bottom-curve"></div>
<div class="icon-box"><span class="flaticon-responsive"></span></div>
<h6><a href="website.php">Website <br>Designing</a></h6>
</div>
</div>
<!--Service Block-->
<div class="service-block col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="inner-box">
<div class="bottom-curve"></div>
<div class="icon-box"><span class="flaticon-computer"></span></div>
<h6><a href="logo.php">Logo <br>Designing</a></h6>
</div>
</div>
<!--Service Block-->
<div class="service-block col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="inner-box">
<div class="bottom-curve"></div>
<div class="icon-box"><span class="flaticon-ui"></span></div>
<h6><a href="printing.php">Printing</a></h6>
</div>
</div>
<!--Service Block-->
<div class="service-block col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="inner-box">
<div class="bottom-curve"></div>
<div class="icon-box"><span class="flaticon-app-development"></span></div>
<h6><a href="app-development.php">App <br>Development</a></h6>
</div>
</div>
<!--Service Block-->
<div class="service-block col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="inner-box">
<div class="bottom-curve"></div>
<div class="icon-box"><span class="flaticon-development"></span></div>
<h6><a href="seo.php">seo & content <br>writing</a></h6>
</div>
</div>
<!--Service Block-->
<div class="service-block col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="inner-box">
<div class="bottom-curve"></div>
<div class="icon-box"><span class="flaticon-digital-marketing"></span></div>
<h6><a href="video-animation.php">Video<br>Animations</a></h6>
</div>
</div>
</div>
</div>
</section>
<!-- We Work Section
<section class="we-work-section">
<div class="auto-container">
<div class="sec-title centered">
<h2>We Work With industries<span class="dot">.</span></h2>
</div>
Work Tabs
<div class="work-tabs tabs-box">
Tab Btns
<ul class="tab-btns tab-buttons clearfix">
<li data-tab="#tab-1" class="tab-btn active-btn"><span>Latest technology</span></li>
<li data-tab="#tab-2" class="tab-btn"><span>awesome support</span></li>
<li data-tab="#tab-3" class="tab-btn"><span>1 click demo install</span></li>
</ul>
Tabs Container
<div class="tabs-content">
Tab
<div class="tab active-tab" id="tab-1">
<div class="row clearfix">
<div class="image-col col-lg-5 col-md-6 col-sm-12">
<div class="inner">
<div class="image">
<img src="images/resource/featured-image-14.jpg" alt="">
</div>
</div>
</div>
<div class="text-col col-lg-7 col-md-6 col-sm-12">
<div class="inner">
<div class="content">
<div class="text">
<p>There are many variations of passages of lorem ipsum available, but
the majority have suffered alteration in some form, by injected
humour, or randomised words which don't look even slightly
believable.</p>
<p class="theme_color">If you are going to use a passage of Lorem Ipsum,
you need to be sure there isn't anything embarrassing hidden in the
middle of text. </p>
<ul>
<li>Self-contained, state-of-the-art time clock</li>
<li>Scalability of up to 500 employees per time clock</li>
<li>The ability to connect up to 32 time clocks</li>
<li>Employee self-enrollment</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
Tab
<div class="tab" id="tab-2">
<div class="row clearfix">
<div class="image-col col-lg-5 col-md-6 col-sm-12">
<div class="inner">
<div class="image">
<img src="images/resource/featured-image-14.jpg" alt="">
</div>
</div>
</div>
<div class="text-col col-lg-7 col-md-6 col-sm-12">
<div class="inner">
<div class="content">
<div class="text">
<p>There are many variations of passages of lorem ipsum available, but
the majority have suffered alteration in some form, by injected
humour, or randomised words which don't look even slightly
believable.</p>
<p class="theme_color">If you are going to use a passage of Lorem Ipsum,
you need to be sure there isn't anything embarrassing hidden in the
middle of text. </p>
<ul>
<li>Self-contained, state-of-the-art time clock</li>
<li>Scalability of up to 500 employees per time clock</li>
<li>The ability to connect up to 32 time clocks</li>
<li>Employee self-enrollment</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
Tab
<div class="tab" id="tab-3">
<div class="row clearfix">
<div class="image-col col-lg-5 col-md-6 col-sm-12">
<div class="inner">
<div class="image">
<img src="images/resource/featured-image-14.jpg" alt="">
</div>
</div>
</div>
<div class="text-col col-lg-7 col-md-6 col-sm-12">
<div class="inner">
<div class="content">
<div class="text">
<p>There are many variations of passages of lorem ipsum available, but
the majority have suffered alteration in some form, by injected
humour, or randomised words which don't look even slightly
believable.</p>
<p class="theme_color">If you are going to use a passage of Lorem Ipsum,
you need to be sure there isn't anything embarrassing hidden in the
middle of text. </p>
<ul>
<li>Self-contained, state-of-the-art time clock</li>
<li>Scalability of up to 500 employees per time clock</li>
<li>The ability to connect up to 32 time clocks</li>
<li>Employee self-enrollment</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>-->
<!-- Call To Section -->
<section class="call-to-section-two alternate">
<div class="auto-container">
<div class="inner clearfix">
<h2>We’re Ready to Bring Bigger <br>& Stronger Projects</h2>
<div class="link-box">
<a class="theme-btn btn-style-two" href="about.php">
<i class="btn-curve"></i>
<span class="btn-title">Contact with us</span>
</a>
</div>
</div>
</div>
</section>
<!-- Main Footer -->
<footer class="main-footer">
<div class="auto-container">
<!--Widgets Section-->
<div class="widgets-section">
<div class="row clearfix">
<!--Column-->
<div class="column col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="footer-widget logo-widget">
<div class="widget-content">
<div class="logo">
<a href="index.php"><img id="fLogo" src="images/footer-logo.png" alt="" /></a>
</div>
<div class="text">
The Distinct Design-Web Design, Marketing & Branding<br>
We are the one of the most effective
Web Design Companies
Getting online is easy. Succeeding online is a different story. You’ll need more than just a beautiful website to stand out these days. Online marketing solutions. Conversion-based web design coupled with a lead generating marketing plan, your online success is inevitable.
</div>
<ul class="social-links clearfix">
<li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
<li><a href="#"><span class="fab fa-twitter"></span></a></li>
<li><a href="#"><span class="fab fa-instagram"></span></a></li>
<li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
</ul>
</div>
</div>
</div>
<!--Column-->
<div class="column col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="footer-widget links-widget">
<div class="widget-content">
<h6>Explore</h6>
<div class="row clearfix">
<div class="col-md-6 col-sm-12">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Meet Our Team</a></li>
<li><a href="#">Our Portfolio</a></li>
<li><a href="#">Latest News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="col-md-6 col-sm-12">
<ul>
<li><a href="#">Support</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Use</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--Column-->
<div class="column col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="footer-widget info-widget">
<div class="widget-content">
<h6>Contact</h6>
<ul class="contact-info">
<li class="address"><span class="icon flaticon-pin-1"></span> 85 Tottenham Court Road, London, W1T 4TQ, UK</li>
<li><span class="icon flaticon-call"></span><a href="tel:+441316187387">+441316187387
</a></li>
<li><span class="icon flaticon-email-2"></span><a
href="mailto:needhelp@thedistinctdesign.co.uk">needhelp@thedistinctdesign.co.uk</a></li>
</ul>
</div>
</div>
</div>
<!--Column-->
<div class="column col-xl-3 col-lg-6 col-md-6 col-sm-12">
<div class="footer-widget newsletter-widget">
<div class="widget-content">
<h6>Newsletter</h6>
<div class="newsletter-form">
<form method="post" action="contact.php">
<div class="form-group clearfix">
<input type="email" name="email" value="" placeholder="Email Address"
required="">
<button type="submit" class="theme-btn"><span
class="fa fa-envelope"></span></button>
</div>
</form>
</div>
<div class="text">Sign up for our latest news & articles. We won’t give you spam
mails.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="auto-container">
<div class="inner clearfix">
<div class="copyright">© Copyright 2022 by TheDistinctDesign.com</div>
</div>
</div>
</div>
</footer>
</div>
<!--End pagewrapper-->
<a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>
<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/TweenMax.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/owl.js"></script>
<script src="js/mixitup.js"></script>
<script src="js/knob.js"></script>
<script src="js/appear.js"></script>
<script src="js/wow.js"></script>
<script src="js/jQuery.style.switcher.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.2/js.cookie.min.js">
</script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/custom-script.js"></script>
<script src="js/lang.js"></script>
<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script src="js/color-switcher.js"></script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/62e83d1954f06e12d88c6330/1g9ditbi2';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
</body>
</html>