<!DOCTYPE html>
<html lang="en">
<head>
<title>Magetique - Creative Designer & Developer</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light site-navbar-target" id="ftco-navbar">
<div class="row">
<div class="col-3">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" width="70%"></a>
</div>
<div class="col-9">
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav nav ml-auto">
<li class="nav-item "><a href="index.html" class="nav-link active"><span>Home</span></a></li>
<li class="nav-item"><a href="login.html" class="nav-link"><span>Login</span></a></li>
<li class="nav-item"><a href="register.html" class="nav-link"><span>Register</span></a></li>
<li class="nav-item"><a href="profile.php" class="nav-link"><span>Profile</span></a></li> </ul>
</div>
</div>
</div>
</nav>
</div>
<section id="home-section" class="hero">
<div class="home-slider owl-carousel">
<div class="slider-item">
<div class="overlay"></div>
<div class="container-fluid px-md-0">
<div class="row d-md-flex no-gutters slider-text align-items-end justify-content-end" data-scrollax-parent="true">
<div class="one-third order-md-last img" style="background-image:url(images/bg_1.jpg);">
<div class="overlay"></div>
<div class="overlay-1"></div>
</div>
<div class="one-forth d-flex align-items-center ftco-animate" data-scrollax=" properties: { translateY: '70%' }">
<div class="text">
<span class="subheading">Hello! This is Clyde</span>
<h1 class="mb-4 mt-3">Creative <span>UI/UX</span> Designer & Developer</h1>
<p><a href="#" class="btn btn-primary">Hire me</a> <a href="#" class="btn btn-primary btn-outline-primary">Download CV</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="slider-item">
<div class="overlay"></div>
<div class="container-fluid px-md-0">
<div class="row d-flex no-gutters slider-text align-items-end justify-content-end" data-scrollax-parent="true">
<div class="one-third order-md-last img" style="background-image:url(images/bg_2.jpg);">
<div class="overlay"></div>
<div class="overlay-1"></div>
</div>
<div class="one-forth d-flex align-items-center ftco-animate" data-scrollax=" properties: { translateY: '70%' }">
<div class="text">
<span class="subheading">We Design & Build Brands</span>
<h1 class="mb-4 mt-3">Hi, I am <span>Clyde</span> This is my favorite work.</h1>
<p><a href="#" class="btn btn-primary">Hire me</a> <a href="#" class="btn btn-primary btn-outline-primary">Download CV</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-counter img bg-light" id="section-counter">
<div class="container">
<div class="row">
<div class="col-md-3 justify-content-center counter-wrap ftco-animate">
<div class="block-18 d-flex">
<div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-suitcase"></span>
</div>
<div class="text">
<strong class="number" data-number="750">0</strong>
<span>Project Complete</span>
</div>
</div>
</div>
<div class="col-md-3 justify-content-center counter-wrap ftco-animate">
<div class="block-18 d-flex">
<div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-loyalty"></span>
</div>
<div class="text">
<strong class="number" data-number="568">0</strong>
<span>Happy Clients</span>
</div>
</div>
</div>
<div class="col-md-3 justify-content-center counter-wrap ftco-animate">
<div class="block-18 d-flex">
<div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-coffee"></span>
</div>
<div class="text">
<strong class="number" data-number="478">0</strong>
<span>Cups of coffee</span>
</div>
</div>
</div>
<div class="col-md-3 justify-content-center counter-wrap ftco-animate">
<div class="block-18 d-flex">
<div class="icon d-flex justify-content-center align-items-center">
<span class="flaticon-calendar"></span>
</div>
<div class="text">
<strong class="number" data-number="780">0</strong>
<span>Years experienced</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-about ftco-section ftco-no-pt ftco-no-pb" id="about-section">
<div class="container">
<div class="row d-flex no-gutters">
<div class="col-md-6 col-lg-5 d-flex">
<div class="img-about img d-flex align-items-stretch">
<div class="overlay"></div>
<div class="img d-flex align-self-stretch align-items-center" style="background-image:url(images/about-1.jpg);">
</div>
</div>
</div>
<div class="col-md-6 col-lg-7 pl-md-4 pl-lg-5 py-5">
<div class="py-md-5">
<div class="row justify-content-start pb-3">
<div class="col-md-12 heading-section ftco-animate">
<span class="subheading">My Intro</span>
<h2 class="mb-4" style="font-size: 34px; text-transform: capitalize;">About Me</h2>
<p>Seeking a position as an administrative assistant at Acme Inc., to leverage organizational and research skills to support internal and external communication.</p>
<ul class="about-info mt-4 px-md-0 px-2">
<li class="d-flex"><span>Name:</span> <span>Clyde Nowitzki</span></li>
<li class="d-flex"><span>Date of birth:</span> <span>January 01, 1990</span></li>
<li class="d-flex"><span>Address:</span> <span>San Francisco CA 97987 USA</span></li>
<li class="d-flex"><span>Zip code:</span> <span>99501</span></li>
<li class="d-flex"><span>Email:</span> <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="89eaf0edece7e6fee0fdf3e2e0c9eee4e8e0e5a7eae6e4">[email protected]</a></span></li>
<li class="d-flex"><span>Phone: </span> <span>+1-3650-5276</span></li>
</ul>
</div>
<div class="col-md-12">
<div class="my-interest d-lg-flex w-100">
<div class="interest-wrap d-flex align-items-center">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-listening"></span>
</div>
<div class="text">Music</div>
</div>
<div class="interest-wrap d-flex align-items-center">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-suitcases"></span>
</div>
<div class="text">Travel</div>
</div>
<div class="interest-wrap d-flex align-items-center">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-video-player"></span>
</div>
<div class="text">Movie</div>
</div>
<div class="interest-wrap d-flex align-items-center">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-football"></span>
</div>
<div class="text">Sports</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section bg-light" id="skills-section">
<div class="container">
<div class="row justify-content-center pb-5">
<div class="col-md-12 heading-section text-center ftco-animate">
<span class="subheading">Skills</span>
<h2 class="mb-4">My Skills</h2>
</div>
</div>
<div class="row progress-circle mb-5">
<div class="col-lg-4 mb-4">
<div class="bg-white rounded-lg shadow p-4">
<h2 class="h5 font-weight-bold text-center mb-4">CSS</h2>
<div class="progress mx-auto" data-value="95">
<span class="progress-left">
<span class="progress-bar border-primary"></span>
</span>
<span class="progress-right">
<span class="progress-bar border-primary"></span>
</span>
<div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
<div class="h2 font-weight-bold">95<sup class="small">%</sup></div>
</div>
</div>
<div class="row text-center mt-4">
<div class="col-6 border-right">
<div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
</div>
<div class="col-6">
<div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="bg-white rounded-lg shadow p-4">
<h2 class="h5 font-weight-bold text-center mb-4">HTML</h2>
<div class="progress mx-auto" data-value="98">
<span class="progress-left">
<span class="progress-bar border-primary"></span>
</span>
<span class="progress-right">
<span class="progress-bar border-primary"></span>
</span>
<div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
<div class="h2 font-weight-bold">98<sup class="small">%</sup></div>
</div>
</div>
<div class="row text-center mt-4">
<div class="col-6 border-right">
<div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
</div>
<div class="col-6">
<div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="bg-white rounded-lg shadow p-4">
<h2 class="h5 font-weight-bold text-center mb-4">jQuery</h2>
<div class="progress mx-auto" data-value="68">
<span class="progress-left">
<span class="progress-bar border-primary"></span>
</span>
<span class="progress-right">
<span class="progress-bar border-primary"></span>
</span>
<div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
<div class="h2 font-weight-bold">68<sup class="small">%</sup></div>
</div>
</div>
<div class="row text-center mt-4">
<div class="col-6 border-right">
<div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
</div>
<div class="col-6">
<div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="bg-white rounded-lg shadow p-4">
<h2 class="h5 font-weight-bold text-center mb-4">Photoshop</h2>
<div class="progress mx-auto" data-value="92">
<span class="progress-left">
<span class="progress-bar border-primary"></span>
</span>
<span class="progress-right">
<span class="progress-bar border-primary"></span>
</span>
<div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
<div class="h2 font-weight-bold">92<sup class="small">%</sup></div>
</div>
</div>
<div class="row text-center mt-4">
<div class="col-6 border-right">
<div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
</div>
<div class="col-6">
<div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="bg-white rounded-lg shadow p-4">
<h2 class="h5 font-weight-bold text-center mb-4">WordPress</h2>
<div class="progress mx-auto" data-value="83">
<span class="progress-left">
<span class="progress-bar border-primary"></span>
</span>
<span class="progress-right">
<span class="progress-bar border-primary"></span>
</span>
<div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
<div class="h2 font-weight-bold">83<sup class="small">%</sup></div>
</div>
</div>
<div class="row text-center mt-4">
<div class="col-6 border-right">
<div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
</div>
<div class="col-6">
<div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
</div>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="bg-white rounded-lg shadow p-4">
<h2 class="h5 font-weight-bold text-center mb-4">SEO</h2>
<div class="progress mx-auto" data-value="95">
<span class="progress-left">
<span class="progress-bar border-primary"></span>
</span>
<span class="progress-right">
<span class="progress-bar border-primary"></span>
</span>
<div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
<div class="h2 font-weight-bold">95<sup class="small">%</sup></div>
</div>
</div>
<div class="row text-center mt-4">
<div class="col-6 border-right">
<div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
</div>
<div class="col-6">
<div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section" id="services-section">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 heading-section text-center ftco-animate mb-5">
<span class="subheading">I am grat at</span>
<h2 class="mb-4">We do awesome services for our clients</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
<div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-3d-design"></span></div>
<div class="media-body">
<h3 class="heading mb-3">Web Design</h3>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
<div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-app-development"></span></div>
<div class="media-body">
<h3 class="heading mb-3">Web Application</h3>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
<div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-web-programming"></span></div>
<div class="media-body">
<h3 class="heading mb-3">Web Development</h3>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
<div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-branding"></span></div>
<div class="media-body">
<h3 class="heading mb-3">Banner Design</h3>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
<div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-computer"></span></div>
<div class="media-body">
<h3 class="heading mb-3">Branding</h3>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
<div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-vector"></span></div>
<div class="media-body">
<h3 class="heading mb-3">Icon Design</h3>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
<div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-vector"></span></div>
<div class="media-body">
<h3 class="heading mb-3">Graphic Design</h3>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
<div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-zoom"></span></div>
<div class="media-body">
<h3 class="heading mb-3">SEO</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-hireme">
<div class="container">
<div class="row justify-content-between">
<div class="col-md-8 col-lg-8 d-flex align-items-center">
<div class="w-100 py-4">
<h2>Have a project on your mind.</h2>
<p class="mb-0"><a href="#" class="btn btn-white py-3 px-4">Contact me</a></p>
</div>
</div>
<div class="col-md-4 col-lg-4 d-flex align-items-end">
<img src="images/author.png" class="img-fluid" alt>
</div>
</div>
</div>
</section>
<section class="ftco-section ftco-project" id="projects-section">
<div class="container-fluid px-md-4">
<div class="row justify-content-center pb-5">
<div class="col-md-12 heading-section text-center ftco-animate">
<span class="subheading">Accomplishments</span>
<h2 class="mb-4">Our Projects</h2>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-1.jpg);">
<div class="overlay"></div>
<div class="text text-center p-4">
<h3><a href="#">Branding & Illustration Design</a></h3>
<span>Web Design</span>
</div>
</div>
</div>
<div class="col-md-3">
<div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-2.jpg);">
<div class="overlay"></div>
<div class="text text-center p-4">
<h3><a href="#">Branding & Illustration Design</a></h3>
<span>Web Design</span>
</div>
</div>
</div>
<div class="col-md-3">
<div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-3.jpg);">
<div class="overlay"></div>
<div class="text text-center p-4">
<h3><a href="#">Branding & Illustration Design</a></h3>
<span>Web Design</span>
</div>
</div>
</div>
<div class="col-md-3">
<div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-4.jpg);">
<div class="overlay"></div>
<div class="text text-center p-4">
<h3><a href="#">Branding & Illustration Design</a></h3>
<span>Web Design</span>
</div>
</div>
</div>
<div class="col-md-3">
<div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-5.jpg);">
<div class="overlay"></div>
<div class="text text-center p-4">
<h3><a href="#">Branding & Illustration Design</a></h3>
<span>Web Design</span>
</div>
</div>
</div>
<div class="col-md-3">
<div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-6.jpg);">
<div class="overlay"></div>
<div class="text text-center p-4">
<h3><a href="#">Branding & Illustration Design</a></h3>
<span>Web Design</span>
</div>
</div>
</div>
<div class="col-md-3">
<div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-7.jpg);">
<div class="overlay"></div>
<div class="text text-center p-4">
<h3><a href="#">Branding & Illustration Design</a></h3>
<span>Web Design</span>
</div>
</div>
</div>
<div class="col-md-3">
<div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-8.jpg);">
<div class="overlay"></div>
<div class="text text-center p-4">
<h3><a href="#">Branding & Illustration Design</a></h3>
<span>Web Design</span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section testimony-section bg-primary">
<div class="container">
<div class="row justify-content-center pb-5">
<div class="col-md-12 heading-section heading-section-white text-center ftco-animate">
<span class="subheading">Testimonies</span>
<h2 class="mb-4">What client says about?</h2>
</div>
</div>
<div class="row ftco-animate">
<div class="col-md-12">
<div class="carousel-testimony owl-carousel">
<div class="item">
<div class="testimony-wrap py-4">
<div class="text">
<span class="fa fa-quote-left"></span>
<p class="mb-4 pl-5">Very helpful when building my website, I now have my ecommerce store built from scratch.</p>
<div class="d-flex align-items-center">
<div class="user-img" style="background-image: url(images/person_1.jpg)"></div>
<div class="pl-3">
<p class="name">Jake Athersmith</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testimony-wrap py-4">
<div class="text">
<span class="fa fa-quote-left"></span>
<p class="mb-4 pl-5">Warren is a great help managing a very out of date website. Everything we ask him to do is done quickly and efficiently, we would be lost without him.</p>
<div class="d-flex align-items-center">
<div class="user-img" style="background-image: url(images/person_2.jpg)"></div>
<div class="pl-3">
<p class="name">Susan Cook</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testimony-wrap py-4">
<div class="text">
<span class="fa fa-quote-left"></span>
<p class="mb-4 pl-5">Without doubt one of the most talented programmers out there. I always go back to Warren when I'm out of my depth and he's never failed to deliver what I ask for. Smart, trustworthy and professional. You won't be disappointed.</p>
<div class="d-flex align-items-center">
<div class="user-img" style="background-image: url(images/person_3.jpg)"></div>
<div class="pl-3">
<p class="name">Nick Brown</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testimony-wrap py-4">
<div class="text">
<span class="fa fa-quote-left"></span>
<p class="mb-4 pl-5">Warren is awesome, delivers exactly what you want and is a great guy as well, thanks for all your hard work on my website.</p>
<div class="d-flex align-items-center">
<div class="user-img" style="background-image: url(images/person_1.jpg)"></div>
<div class="pl-3">
<p class="name">AdziMagic</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="testimony-wrap py-4">
<div class="text">
<span class="fa fa-quote-left"></span>
<p class="mb-4 pl-5">Fantastic service and great guy. We recommend to anyone who needs a website or web services. Well be using for any further web based services we require!</p>
<div class="d-flex align-items-center">
<div class="user-img" style="background-image: url(images/person_2.jpg)"></div>
<div class="pl-3">
<p class="name">David Ursell</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ftco-section contact-section ftco-no-pb" id="contact-section">
<div class="container">
<div class="row justify-content-center mb-5 pb-3">
<div class="col-md-7 heading-section text-center ftco-animate">
<span class="subheading">Contact us</span>
<h2 class="mb-4">Have a Project?</h2>
</div>
</div>
<div class="row block-9">
<div class="col-md-8">
<form action="#" class="bg-light p-4 p-md-5 contact-form">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Your Name">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="Your Email">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<input type="text" class="form-control" placeholder="Subject">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<textarea name id cols="30" rows="7" class="form-control" placeholder="Message"></textarea>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<input type="submit" value="Send Message" class="btn btn-primary py-3 px-5">
</div>
</div>
</div>
</form>
</div>
<div class="col-md-4 d-flex pl-md-5">
<div class="row">
<div class="dbox w-100 d-flex">
<div class="icon d-flex align-items-center justify-content-center">
<span class="fa fa-map-marker"></span>
</div>
<div class="text">
<p><span>Address:</span> 198 West 21th Street, Suite 721 New York NY 10016</p>
</div>
</div>
<div class="dbox w-100 d-flex">
<div class="icon d-flex align-items-center justify-content-center">
<span class="fa fa-phone"></span>
</div>
<div class="text">
<p><span>Phone:</span> <a href="tel://1234567920">+ 1035 2355 98</a></p>
</div>
</div>
<div class="dbox w-100 d-flex">
<div class="icon d-flex align-items-center justify-content-center">
<span class="fa fa-paper-plane"></span>
</div>
<div class="text">
<p><span>Email:</span> <a href="/cdn-cgi/l/email-protection#4a23242c250a272b2d2f3e233b3f2f64292527"><span class="__cf_email__" data-cfemail="83eaede5ecc3eee2e4e6f7eaf2f6e6ade0ecee">[email protected]</span></a></p>
</div>
</div>
<div class="dbox w-100 d-flex">
<div class="icon d-flex align-items-center justify-content-center">
<span class="fa fa-globe"></span>
</div>
<div class="text">
<p><span>Website</span> <a href="#">magetique.com</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="ftco-footer ftco-section">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<p>
Copyright ©<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>document.write(new Date().getFullYear());</script> All rights reserved by magetique
</p>
</div>
</div>
</div>
</footer>
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" /><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00" /></svg></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/scrollax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
</body>
</html>