<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Rizwan - Personal Portfolio HTML5 Template">
<meta name="author" content="Greyhound-Tech-Solutions">
<!-- =============== PAGE TITLE =============== -->
<title>Rizwan - Personal Portfolio HTML5 Template</title>
<!-- ============= FAVICON ICON ============= -->
<link rel="shortcut icon" href="./assets/img/favicon.ico" />
<!-- ============= CSS ============= -->
<!-- BOOTSTRAP -->
<link rel="stylesheet" href="./assets/css/vendors/bootstrap.min.css" />
<!-- ANIMATE -->
<link rel="stylesheet" href="./assets/css/vendors/animate.min.css" />
<!-- FONT AWESOME -->
<link rel="stylesheet" href="./assets/css/vendors/all.min.css">
<!-- CUBE PORTFOLIO -->
<link rel="stylesheet" type="text/css" href="./assets/css/vendors/cubeportfolio.min.css">
<!-- SWIPER -->
<link rel="stylesheet" href="./assets/css/vendors/swiper.css" />
<!--OWL -->
<link rel="stylesheet" href="./assets/css/vendors/owl.carousel.min.css" />
<link rel="stylesheet" href="./assets/css/vendors/owl.theme.default.min.css" />
<!-- MAGNIFIC POPUP -->
<link rel="stylesheet" href="./assets/css/vendors/magnific-popup.css" type="text/css" />
<!-- MAIN STYLE -->
<link rel="stylesheet" href="./assets/css/style.css" />
</head>
<!-- ============= BODY ============= -->
<body id="body" data-spy="scroll" data-target=".one-page-header">
<!-- ============= WRAPPER ============= -->
<div class="wrapper">
<!-- Cursor -->
<div class="cursor"></div>
<div class="cursor-follower"></div>
<!-- Cursor End -->
<!-- =============START HEADER ============= -->
<header class="header-main-block header-style sticky-header">
<div class="container">
<div class="cd-header-block">
<nav id="navigation" class="navigation">
<!-- Logo Area Start -->
<div class="nav-header">
<a class="nav-brand" href="onepage.html"><img src="assets/img/logo.png" alt="" class="img-fulid d-block" /> </a>
<div class="nav-toggle"></div>
<div class="overlay"></div>
</div>
<!-- End Logo Are -->
<!-- Contact Are -->
<div class="header-contact page-scroll">
<a href="#contact">Contact Me <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg> </a>
</div>
<!-- Contact Are -->
<!-- Main Menus Wrapper -->
<div class="nav-menus-wrapper">
<img class="header-menu-bg" src="assets/img/menuleft.png" alt="Before">
<button type="button" class="close-nav">
<i class="fa-regular fa-circle-xmark"></i>
</button>
<ul class="nav-menu nav-menu-centered" id="mobile-menu">
<li class="page-scroll"><a href="#body">Home</a></li>
<li class="page-scroll"><a href="#about">About Me</a></li>
<li class="page-scroll"><a href="#portfolio">Portfolio</a></li>
<li class="page-scroll"><a href="#services">Services</a></li>
<li class="page-scroll"><a href="#insights">Insights</a></li>
<li class="menu-contact-list page-scroll"><a href="#contact">Contact</a></li>
</ul>
<img class="header-menu-bg" src="assets/img/menuright.png" alt="After">
<!-- Main Menus Wrapper -->
</div>
</nav>
</div>
</div>
</header>
<!-- ============= END HEADER ========== -->
<!-- ============= START BANNER BLOCK ============= -->
<section class="banner-block clearfix" id="top">
<div class="full-width-block">
<div class="container">
<div class="banner-block-content">
<div class="row align-items-center">
<div class="col col-xl-1 col-lg-1 col-md-1 col-12 order-md-1 order-2">
</div>
<div class="col col-xl-10 col-lg-10 col-md-10 col-12 order-md-2 order-1 banner-center">
<div class="banner-image"><img src="assets/img/banner.webp" alt="" /></div>
<div class="banner-content">
<h1>HI T<span class="back-text">HER</span>E I'M <br>RIZ<span class="fornt-text">WAN</span> ROY</h1>
</div>
<div class="banner-sub-content ">
<div class="d-flex justify-content-lg-between align-items-center">
<h3 class="text-left">Creative Visual Designer</h3>
<h3 class="text-right">Based in Paris, France.</h3>
</div>
</div>
</div>
<div class="col col-xl-1 col-lg-1 col-md-1 col-12 order-md-3 order-3">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============= END BANNER BLOCK ============= -->
<!-- ============= START ABOUT BLOCK ============= -->
<section class="about-block home-main-contant-style-2" id="about">
<div class="full-width-about-block">
<div class="container">
<div class="section-title">
<h2 class="section-heading">About Me</h2>
<div class="about-content">
<h1>Hello world! I'm Rizwan Roy, a 3D & motion designer Based in France.
I enjoy creating meaningful narratives through motion graphics and
experimenting with new technology to convey stories. </h1>
</div>
</div>
</div>
</div>
</section>
<!-- ============= END ABOUT BLOCK ============= -->
<!--============= START COUNTER=============-->
<section class="home-main-contant-style-5">
<div class="container">
<div class="home-counter-block">
<div class="row">
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
<div class="single-count counter-item d-flex justify-content-lg-between align-items-center">
<div class="counter-text"><span class="count">15</span>+</div>
<h4>Years of Experance</h4>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
<div class="single-count counter-item counter-item d-flex justify-content-lg-between align-items-center">
<div class="counter-text"><span class="count">36</span>k+</div>
<h4>Project Completed</h4>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
<div class="single-count counter-item counter-item d-flex justify-content-lg-between align-items-center">
<div class="counter-text"><span class="count">10</span>k+</div>
<h4>Satisfied Clients</h4>
</div>
</div>
<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
<div class="single-count counter-item counter-last-block counter-item d-flex justify-content-lg-between align-items-center">
<div class="counter-text"><span class="count">99</span>+</div>
<h4>Worldwide languages</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!--============= END COUNTER =============-->
<!--============= START INFORMATION=============-->
<section class="home-main-contant-style-6">
<div class="container">
<div class="home-about-content-block">
<div class="row">
<div class="col-xl-6 col-lg-12 col-md-12 col-sm-12">
<div class="about-left-content">
<ul>
<li class="d-flex align-items-center justify-content-between">
<div class="about-list-content-left">
<h5>Name</h5>
</div>
<div class="about-list-content-right">
<h5>Rizwan Roy</h5>
</div>
</li>
<li class="d-flex align-items-center justify-content-between">
<div class="about-list-content-left">
<h5>Email</h5>
</div>
<div class="about-list-content-right">
<h5>contact@gmail.com</h5>
</div>
</li>
<li class="d-flex align-items-center justify-content-between">
<div class="about-list-content-left">
<h5>Skype</h5>
</div>
<div class="about-list-content-right">
<h5>rizwanroy333</h5>
</div>
</li>
<li class="d-flex align-items-center justify-content-between">
<div class="about-list-content-left">
<h5>Phone</h5>
</div>
<div class="about-list-content-right">
<h5>03.16.97.43.63</h5>
</div>
</li>
<li class="d-flex align-items-center justify-content-between">
<div class="about-list-content-left">
<h5>Address</h5>
</div>
<div class="about-list-content-right">
<h5>48 Boulevard, 75014 Paris</h5>
</div>
</li>
<li class="d-flex align-items-center justify-content-between">
<div class="about-list-content-left">
<h5>Follow Me</h5>
</div>
<div class="about-list-content-right social-icon-list">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-behance"></i></a></li>
<li><a href="#"> <i class="fa-brands fa-instagram"></i></a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div class="col-xl-6 col-lg-12 col-md-12 col-sm-12">
<div class="about-right-content">
<img class="border-radius-10" src="assets/img/about/about.jpg" alt="about me" />
</div>
</div>
</div>
</div>
</div>
</section>
<!--============= END INFORMATION =============-->
<!--============= START MARQUEE SLIDER=============-->
<div class="marquee-slider-section">
<div class="marquee-slider-block">
<div class="slide-roll">
<div class="roll-box">
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">UI/UX Design</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Product Design</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Branding Design</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Art Director</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Illustration</h4>
</div>
</div>
</div>
<div class="roll-box">
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">UI/UX Design</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Product Design</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Branding Design</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Art Director</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Illustration</h4>
</div>
</div>
</div>
</div>
</div>
<div class="text-slider-btn"><a href="#">Let's Connect <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a></div>
<div class="marquee-slider-block-three">
<div class="slide-roll">
<div class="roll-box roll-box-revers">
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">UI/UX Design</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Product Design</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Branding Design</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Art Director</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Illustration</h4>
</div>
</div>
</div>
<div class="roll-box roll-box-revers">
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">UI/UX Design</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Product Design</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Branding Design</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Art Director</h4>
</div>
</div>
<span class="portal-icon">/</span>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h4 class="title">Illustration</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<!--============= END MARQUEE SLIDER=============-->
<!-- ============= START SKILLS BLOCK ============= -->
<section class="skills-block home-main-contant-style-2">
<div class="container">
<div class="section-title">
<h2 class="section-heading">My Skills Here</h2>
<div class="about-content">
<h1><span>Over a decade of experience</span> in interactive design
and working with some of the most talented people in the business</h1>
</div>
</div>
<div class="skills-block-content">
<div class="row">
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 text-center">
<div class="skills-list">
<div class="skills-icon"><img src="assets/img/skills/01.png" alt="skills" /></div>
<div class="skills-percentage">92%</div>
<h4 class="skills-title">Figma</h4>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 text-center">
<div class="skills-list">
<div class="skills-icon"><img src="assets/img/skills/02.png" alt="skills" /></div>
<div class="skills-percentage">90%</div>
<h4 class="skills-title">Potoshop</h4>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 text-center">
<div class="skills-list">
<div class="skills-icon"><img src="assets/img/skills/03.png" alt="skills" /></div>
<div class="skills-percentage">86%</div>
<h4 class="skills-title">Sketch</h4>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 text-center">
<div class="skills-list">
<div class="skills-icon"><img src="assets/img/skills/04.png" alt="skills" /></div>
<div class="skills-percentage">80%</div>
<h4 class="skills-title">Graphic</h4>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 text-center">
<div class="skills-list">
<div class="skills-icon"><img src="assets/img/skills/05.png" alt="skills" /></div>
<div class="skills-percentage">90%</div>
<h4 class="skills-title">WordPress</h4>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-4 col-sm-6 text-center">
<div class="skills-list">
<div class="skills-icon"><img src="assets/img/skills/06.png" alt="skills" /></div>
<div class="skills-percentage">99%</div>
<h4 class="skills-title">Develop</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============= END SKILLS BLOCK ============= -->
<!-- ============= START PORTFOLIO BLOCK ============= -->
<section class="portfolio-block home-main-contant-style-2" id="portfolio">
<div class="container">
<div class="section-title">
<h2 class="section-heading">My Portfolio</h2>
<div class="about-content">
<h1><span>Here are some select projects</span> that showcase my passion
for creating memorable web experiences,products, and brands to life.</h1>
</div>
</div>
<div class="home-main-contant-style">
<div id="js-grid-lightbox-gallery" class="cbp">
<div class="cbp-item graphic">
<a href="assets/js/vendors/cubeportfolio/ajax-lightbox-gallery/project1.html" class="cbp-caption cbp-singlePageInline" data-title="World Clock Widget<br>by Paul Flavius Nechita" rel="nofollow">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/1.jpg" alt="">
</div>
<div class="cbp-1-title-bg d-flex align-items-center justify-content-between">
<div class="cbp-footer-title">
<div class="cbp-l-grid-projects-desc">Designing</div>
<div class="cbp-l-grid-projects-title">Mobile application design</div>
</div>
<div class="cbp-footer-year">
<span>2023</span>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design logos identity graphic">
<a href="assets/js/vendors/cubeportfolio/ajax-lightbox-gallery/project2.html" class="cbp-caption cbp-singlePageInline" data-title="Bolt UI<br>by Tiberiu Neamu" rel="nofollow">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/2.jpg" alt="">
</div>
<div class="cbp-1-title-bg d-flex align-items-center justify-content-between">
<div class="cbp-footer-title">
<div class="cbp-l-grid-projects-desc">Designing</div>
<div class="cbp-l-grid-projects-title">Mobile application design</div>
</div>
<div class="cbp-footer-year">
<span>2023</span>
</div>
</div>
</a>
</div>
<div class="cbp-item graphic print identity">
<a href="assets/js/vendors/cubeportfolio/ajax-lightbox-gallery/project3.html" class="cbp-caption cbp-singlePageInline" data-title="WhereTO App<br>by Tiberiu Neamu" rel="nofollow">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/3.jpg" alt="">
</div>
<div class="cbp-1-title-bg d-flex align-items-center justify-content-between">
<div class="cbp-footer-title">
<div class="cbp-l-grid-projects-desc">Designing</div>
<div class="cbp-l-grid-projects-title">Mobile application design</div>
</div>
<div class="cbp-footer-year">
<span>2023</span>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design motion logos">
<a href="assets/js/vendors/cubeportfolio/ajax-lightbox-gallery/project4.html" class="cbp-caption cbp-singlePageInline" data-title="iDevices<br>by Tiberiu Neamu" rel="nofollow">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/4.jpg" alt="">
</div>
<div class="cbp-1-title-bg d-flex align-items-center justify-content-between">
<div class="cbp-footer-title">
<div class="cbp-l-grid-projects-desc">Designing</div>
<div class="cbp-l-grid-projects-title">Mobile application design</div>
</div>
<div class="cbp-footer-year">
<span>2023</span>
</div>
</div>
</a>
</div>
<div class="cbp-item identity graphic print">
<a href="assets/js/vendors/cubeportfolio/ajax-lightbox-gallery/project5.html" class="cbp-caption cbp-singlePageInline" data-title="Seemple* Music for iPad<br>by Tiberiu Neamu" rel="nofollow">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/5.jpg" alt="">
</div>
<div class="cbp-1-title-bg d-flex align-items-center justify-content-between">
<div class="cbp-footer-title">
<div class="cbp-l-grid-projects-desc">Designing</div>
<div class="cbp-l-grid-projects-title">Mobile application design</div>
</div>
<div class="cbp-footer-year">
<span>2023</span>
</div>
</div>
</a>
</div>
<div class="cbp-item motion print logos web-design">
<a href="assets/js/vendors/cubeportfolio/ajax-lightbox-gallery/project6.html" class="cbp-caption cbp-singlePageInline" data-title="Remind~Me Widget<br>by Tiberiu Neamu" rel="nofollow">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/6.jpg" alt="">
</div>
<div class="cbp-1-title-bg d-flex align-items-center justify-content-between">
<div class="cbp-footer-title">
<div class="cbp-l-grid-projects-desc">Designing</div>
<div class="cbp-l-grid-projects-title">Mobile application design</div>
</div>
<div class="cbp-footer-year">
<span>2023</span>
</div>
</div>
</a>
</div>
</div>
<div class="portfolio-contact-btn"><a href="#">See All Projects <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a></div>
</div>
</div>
</section>
<!-- ============= END PORTFOLIO BLOCK ============= -->
<!-- ============= START SERVICE BLOCK ============= -->
<section class="service-block home-main-contant-style-2" id="services">
<div class="container">
<div class="section-title home-main-contant-style-3">
<h2 class="section-heading">My Services</h2>
<div class="about-content">
<h1><span>Our work builds more loyal </span>audiences by combining
an unwavering focus on their needs and desires, and our relentless
pursuit of design excellence.</h1>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="service-item">
<div class="service-content d-flex align-items-center justify-content-start">
<h5 class="service-number">01</h5>
<div class="service-content">
<h3><a class="service-title" href="#">Illustration Design</a></h3>
<p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</div>
<div class="service-inner d-flex align-items-center justify-content-end">
<div class="service-inner-image">
<img src="assets/img/service/1.jpg" alt="Image">
</div>
<div class="service-btn">
<a href="#"><span>Read More</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a>
</div>
</div>
</div>
<div class="service-item">
<div class="service-content d-flex align-items-center justify-content-start">
<h5 class="service-number">02</h5>
<div class="service-content">
<h3><a class="service-title" href="#">Business Branding</a></h3>
<p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</div>
<div class="service-inner d-flex align-items-center justify-content-end">
<div class="service-inner-image">
<img src="assets/img/service/2.jpg" alt="Image">
</div>
<div class="service-btn">
<a href="#"><span>Read More</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a>
</div>
</div>
</div>
<div class="service-item">
<div class="service-content d-flex align-items-center justify-content-start">
<h5 class="service-number">03</h5>
<div class="service-content">
<h3><a class="service-title" href="#">Graphic Design</a></h3>
<p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</div>
<div class="service-inner d-flex align-items-center justify-content-end">
<div class="service-inner-image">
<img src="assets/img/service/3.jpg" alt="Image">
</div>
<div class="service-btn">
<a href="#"><span>Read More</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a>
</div>
</div>
</div>
<div class="service-item">
<div class="service-content d-flex align-items-center justify-content-start">
<h5 class="service-number">04</h5>
<div class="service-content">
<h3><a class="service-title" href="#">Web Development</a></h3>
<p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</div>
<div class="service-inner d-flex align-items-center justify-content-end">
<div class="service-inner-image">
<img src="assets/img/service/4.jpg" alt="Image">
</div>
<div class="service-btn">
<a href="#"><span>Read More</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a>
</div>
</div>
</div>
<div class="service-item last-item">
<div class="service-content d-flex align-items-center justify-content-start">
<h5 class="service-number">05</h5>
<div class="service-content">
<h3><a class="service-title" href="#">Application Design</a></h3>
<p class="service-desc">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</div>
<div class="service-inner d-flex align-items-center justify-content-end">
<div class="service-inner-image">
<img src="assets/img/service/5.jpg" alt="Image">
</div>
<div class="service-btn">
<a href="#"><span>Read More</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============= END SERVICE BLOCK ============= -->
<!-- ============= START TESTIMONIAL BLOCK ============= -->
<section class="home-testimonial-block home-main-contant-style-2">
<div class="container-fluid">
<div class="marquee-slider-section testi-title d-flex justify-content-between align-items-center">
<div class="marquee-slider-block section-title">
<div class="slide-roll">
<div class="roll-box">
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h1>TESTIMONAILS</h1><span class="dot"></span><h1><span>TESTIMONAILS</span></h1>
</div>
</div>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h1>TESTIMONAILS</h1><span class="dot"></span><h1><span>TESTIMONAILS</span></h1>
</div>
</div>
</div>
<div class="roll-box">
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h1>TESTIMONAILS</h1><span class="dot"></span><h1><span>TESTIMONAILS</span></h1>
</div>
</div>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h1>TESTIMONAILS</h1><span class="dot"></span><h1><span>TESTIMONAILS</span></h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="home-main-contant-style testimonial-slider swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide item">
<span class="testimonial-icon"><i class="fa-solid fa-quote-left"></i></span>
<div class="testimonial-dec">
<p>Nam libero tempore, cum soluta nobis est eligendi cumque nihil impedit quo minus id quod maxime placeat est, omnis dolor repellendus temporibus autem</p>
</div>
<div class="testimonial-content d-flex justify-content-lg-between align-items-center">
<div class="testimonial-image">
<img src="./assets/img/client/test1.png" alt="brand" class="slider-img" />
<h4 class="testimonial-title">Richard Jonas</h4>
<h5 class="testimonial-sub-title">CEO of Teamwork</h5>
</div>
<div class="product-content-block">
<ul class="list-inline product-review">
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
</ul>
</div>
</div>
</div>
<div class="swiper-slide item">
<span class="testimonial-icon"><i class="fa-solid fa-quote-left"></i></span>
<div class="testimonial-dec">
<p>Nam libero tempore, cum soluta nobis est eligendi cumque nihil impedit quo minus id quod maxime placeat est, omnis dolor repellendus temporibus autem</p>
</div>
<div class="testimonial-content d-flex justify-content-lg-between align-items-center">
<div class="testimonial-image">
<img src="./assets/img/client/test2.png" alt="brand" class="slider-img" />
<h4 class="testimonial-title">Richard Jonas</h4>
<h5 class="testimonial-sub-title">CEO of Teamwork</h5>
</div>
<div class="product-content-block">
<ul class="list-inline product-review">
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
</ul>
</div>
</div>
</div>
<div class="swiper-slide item">
<span class="testimonial-icon"><i class="fa-solid fa-quote-left"></i></span>
<div class="testimonial-dec">
<p>Nam libero tempore, cum soluta nobis est eligendi cumque nihil impedit quo minus id quod maxime placeat est, omnis dolor repellendus temporibus autem</p>
</div>
<div class="testimonial-content d-flex justify-content-lg-between align-items-center">
<div class="testimonial-image">
<img src="./assets/img/client/test1.png" alt="brand" class="slider-img" />
<h4 class="testimonial-title">Richard Jonas</h4>
<h5 class="testimonial-sub-title">CEO of Teamwork</h5>
</div>
<div class="product-content-block">
<ul class="list-inline product-review">
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
</ul>
</div>
</div>
</div>
<div class="swiper-slide item">
<span class="testimonial-icon"><i class="fa-solid fa-quote-left"></i></span>
<div class="testimonial-dec">
<p>Nam libero tempore, cum soluta nobis est eligendi cumque nihil impedit quo minus id quod maxime placeat est, omnis dolor repellendus temporibus autem</p>
</div>
<div class="testimonial-content d-flex justify-content-lg-between align-items-center">
<div class="testimonial-image">
<img src="./assets/img/client/test2.png" alt="brand" class="slider-img" />
<h4 class="testimonial-title">Richard Jonas</h4>
<h5 class="testimonial-sub-title">CEO of Teamwork</h5>
</div>
<div class="product-content-block">
<ul class="list-inline product-review">
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
<li><i class="rating-selected fa fa-star"></i></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
</section>
<!-- ============= END TESTIMONIAL BLOCK ============= -->
<!-- ============= START BRAND BLOCK ============= -->
<section class="home-brand-block home-main-contant-style">
<div class="container">
<div class="section-title">
<h1>I’ve 1100+ Global Clients & lot’s of Project Complete</h1>
</div>
</div>
<div class="project-brands">
<div class="container">
<div class="client-slider owl-carousel">
<div class="slider-item">
<img src="./assets/img/client/1.png" alt="brand" class="slider-img" />
</div>
<div class="slider-item">
<img src="./assets/img/client/2.png" alt="brand" class="slider-img" />
</div>
<div class="slider-item">
<img src="./assets/img/client/3.png" alt="brand" class="slider-img" />
</div>
<div class="slider-item">
<img src="./assets/img/client/4.png" alt="brand" class="slider-img" />
</div>
<div class="slider-item">
<img src="./assets/img/client/5.png" alt="brand" class="slider-img" />
</div>
</div>
</div>
</div>
</section>
<!-- ============= END BRAND BLOCK ============= -->
<!-- ============= PRICING ============= -->
<section class="home-main-contant-style pricing-wrapper portfolio-block">
<div class="container">
<div class="section-title">
<h2 class="section-heading">Pricing Plans</h2>
<div class="about-content">
<h1><span>Your pricing page is a prime</span> opportunity to take control
of the price conversation and make it even easier for people to buy.</h1>
</div>
</div>
<div class="pricing-content home-main-contant-style-2">
<div class="row gy-5 gy-lg-0">
<div class="col-lg-4 col-md-6">
<div class="pricing-card">
<span class="pricing-plan">Basic Plan</span>
<div class="pricing-price">
<div class="price">
<div class="price-small-text">$99.00</div><div class="price-small-text-month">Per Month</div>
</div>
</div>
<ul class="plan-features">
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span> 1 Page with Elementor
</li>
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Content Upload
</li>
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Design Customization
</li>
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Design With XD
</li>
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Project management
</li>
</ul>
<a href="#" class="button button-primary">Start My Project Now</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="pricing-card ultra-card">
<span class="pricing-plan">Ultra Plan</span>
<div class="pricing-price">
<div class="price">
<div class="price-small-text">$199.00</div><div class="price-small-text-month">Per Month</div>
</div>
</div>
<ul class="plan-features">
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span> 1 Page with Elementor
</li>
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Content Upload
</li>
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Design Customization
</li>
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Design With XD
</li>
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Project management
</li>
</ul>
<a href="#" class="button button-primary">Start My Project Now</a>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="pricing-card">
<span class="pricing-plan">Gold Plan</span>
<div class="pricing-price">
<div class="price">
<div class="price-small-text">$399.00</div><div class="price-small-text-month">Per Month</div>
</div>
</div>
<ul class="plan-features">
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span> 1 Page with Elementor
</li>
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Content Upload
</li>
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Design Customization
</li>
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Design With XD
</li>
<li class="features-item">
<span class="icon"><i class="fa-solid fa-arrow-right"></i></span>Project management
</li>
</ul>
<a href="#" class="button button-primary">Start My Project Now</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- =============END PRICING ============= -->
<!-- ============= START BLOG BLOCK ============= -->
<section class="blog-block home-main-contant-style-2" id="insights">
<div class="container">
<div class="section-title">
<h2 class="section-heading">Latest stories</h2>
<div class="about-content">
<h1><span>Read our blog and try to see</span> everything from every
perspective. Our Passion lies in making everything accessible and
aesthetic for everyone.</h1>
</div>
</div>
<div class="home-main-contant-style">
<div class="blog-item">
<div class="row">
<div class="col-md-5">
<div class="blog-inner-image">
<img src="assets/img/blog/01.jpg" alt="Image">
</div>
</div>
<div class="col-md-7 d-flex justify-content-between align-items-start">
<div class="blog-content">
<div class="blog-date"><i class="fa-solid fa-circle"></i>February 12, 2024</div>
<h1><a class="blog-title" href="#"> Creative advertising in our life
became an info noise</a></h1>
<p class="blog-desc">Duis aute irure dolor in reprehenderit in voluptate velit cupidatat in proident, sunt in culpa qui officia deserunt</p>
</div>
<div class="blog-btn"><a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a></div>
</div>
</div>
</div>
<div class="blog-item">
<div class="row">
<div class="col-md-5">
<div class="blog-inner-image">
<img src="assets/img/blog/03.jpg" alt="Image">
</div>
</div>
<div class="col-md-7 d-flex justify-content-between align-items-start">
<div class="blog-content">
<div class="blog-date"><i class="fa-solid fa-circle"></i>February 12, 2024</div>
<h1><a class="blog-title" href="#">Creating a coherent brand
experience</a></h1>
<p class="blog-desc">Duis aute irure dolor in reprehenderit in voluptate velit cupidatat in proident, sunt in culpa qui officia deserunt</p>
</div>
<div class="blog-btn"><a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a></div>
</div>
</div>
</div>
<div class="blog-item last-item">
<div class="row">
<div class="col-md-5">
<div class="blog-inner-image">
<img src="assets/img/blog/02.jpg" alt="Image">
</div>
</div>
<div class="col-md-7 d-flex justify-content-between align-items-start">
<div class="blog-content">
<div class="blog-date"><i class="fa-solid fa-circle"></i>February 12, 2024</div>
<h1><a class="blog-title" href="#">We create some things for your
success in growth</a></h1>
<p class="blog-desc">Duis aute irure dolor in reprehenderit in voluptate velit cupidatat in proident, sunt in culpa qui officia deserunt</p>
</div>
<div class="blog-btn"><a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"/></svg></a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============= END BLOG BLOCK =============-->
<!-- ============= FOOTER ============= -->
<footer id="contact">
<div class="footer-wrapper footer-bg-block" style="background-image: url('./assets/img/footer-bg.png')" >
<div class="container">
<div class="section-title text-center">
<h2 class="section-heading">Get In Touch</h2>
<div class="text-center">
<h1>Reach out and <br>
let's create something great together </h1>
</div>
<div class="contact-block-style">
<div class="row">
<div class="col-lg-6 col-md-12">
<div class="main-title-block style-2">
<h1 class="main-title">Want to work together contact us</h1>
</div>
<div class="contact-info-block mb30">
<div class="cell-number-block contact-info">
<i class="fa-solid fa-phone-volume"></i>
<h6>PHONE:</h6>
<p><strong>+1800 - 800 - 9000</strong></p>
</div>
<div class="email-block contact-info">
<i class="far fa-envelope"></i>
<h6>EMAIL:</h6>
<p><strong>rizwandomin@gmail.com</strong></p>
</div>
<div class="address-block contact-info">
<i class="fas fa-globe"></i>
<h6>LOCATION:</h6>
<p><strong>Ave Street, New York, USA</strong></p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="contact-form-bg bg-white">
<div class="main-title-block style-2">
<h1 class="main-title form-right-title">Fill The Form</h1>
</div>
<div class="contact_us_contact_form">
<form name="contact-form" id="ContactForm">
<div class="row">
<div class="col-md-6 col-sm-12">
<input type="text" class="form-control" id="InputName" name="full_name" placeholder="Enter Name">
</div>
<div class="col-md-6 col-sm-12">
<div class="form-group">
<input type="email" class="form-control" id="InputEmail" name="email" placeholder="Enter Email">
</div>
</div>
<div class="col-md-6 col-sm-12">
<input type="text" class="form-control" id="InputMobile" name="mobile" placeholder="Enter Mobile">
</div>
<div class="col-md-6 col-sm-12">
<div class="form-group">
<input type="text" class="form-control" id="InputSubject" name="subject" placeholder="Enter Subject">
</div>
</div>
<div class="col-md-12 col-sm-12">
<div class="form-group">
<textarea class="form-control" id="InputMessage" name="message" placeholder="Enter Message"></textarea>
</div>
<div class="contact-submit-btn">
<button class="btn-style" type="submit">Contact Now <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="sm_svg"><path d="M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"></path></svg> </button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="container">
<div class="copy-content d-flex align-items-center justify-content-between">
<div class="copy-text">@2024 - All Rights Reserved Rizwan</div>
<div class="copy-social">
<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Behance</a></li>
<li><a href="#">Dribbble</a></li>
</ul>
</div>
<div class="copy-link">
<ul>
<li><a href="#">Terms & Condition</a></li>
<li><a href="#">Privacy Policy</a></li>
</ul>
</div>
<a class="copy-s-top scrollUp" href="#top"><i class="fa-solid fa-arrow-up"></i></a>
</div>
</div>
</div>
</footer>
<!-- =============END FOOTER ============= -->
</div>
<!-- =============END WRAPPER ========== -->
<!-- ============= VENDORS JS ============= -->
<!-- Jquery -->
<script src="./assets/js/vendors/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="./assets/js/vendors/bootstrap.min.js"></script>
<!--validate -->
<script type="text/javascript" src="./assets/contact-form/jquery.validate.min.js"></script>
<!--contact -->
<script type="text/javascript" src="./assets/contact-form/contact.js"></script>
<!-- swiper -->
<script src="./assets/js/vendors/swiper.js"></script>
<!-- waypoints -->
<script src="./assets/js/vendors/jquery.waypoints.min.js"></script>
<!-- counterup -->
<script src="./assets/js/vendors/jquery.counterup.min.js"></script>
<!--Owl Carousel -->
<script src="./assets/js/vendors/owl.carousel.min.js"></script>
<!-- Gsap -->
<script type="text/javascript" src="./assets/js/vendors/gsap.min.js"></script>
<!-- Wow Animation -->
<script type="text/javascript" src="./assets/js/vendors/wow.min.js"></script>
<!-- magnific -->
<script type="text/javascript" src="./assets/js/vendors/jquery.magnific-popup.min.js"></script>
<!-- CUBE PORTFOLIO -->
<script type="text/javascript" src="./assets/js/vendors/jquery.cubeportfolio.min.js"></script>
<!-- CUBE PORTFOLIO -->
<script type="text/javascript" src="./assets/js/vendors/cubeportfolio/ajax-lightbox-gallery.js"></script>
<!-- CUBE PORTFOLIO -->
<script type="text/javascript" src="./assets/js/vendors/cubeportfolio/portfolio-full-width.js"></script>
<!-- ============= MAIN JS ============= -->
<script src="./assets/js/active.js"></script>
</body>
<!-- =============END BODY ============= -->
</html>
<!-- =============END HTML ============= -->