<!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>
<!-- ============= 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">
<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="index.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">
<a href="contact.html">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><a href="index.html">Home</a></li>
<li><a href="about.html">About Me</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="price.html">Pricing</a></li>
<li><a href="blog.html">Insights</a></li>
<li class="menu-contact-list"><a href="contact.html">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 about-block clearfix">
<div class="full-width-block common-page">
<div class="container">
<div class="banner-block-content">
<div class="align-items-center">
<div class="about-block-title portfolio-banner-block">
<h1 class="text-center">There’s something good
in every project. Just look
for it.</h1>
</div>
</div>
</div>
</div>
<div class="home-main-contant-style portfolio-grid-style-block">
<div class="container-fluid">
<div id="js-grid-masonry" class="cbp">
<div class="cbp-item identity">
<a href="assets/img/portfolio/top1.jpg" class="cbp-caption cbp-lightbox" data-title="Easy Note<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/top1.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Easy Note</div>
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design">
<a href="assets/img/portfolio/top2.jpg" class="cbp-caption cbp-lightbox" data-title="The Gang Blue<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/top2.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">The Gang Blue</div>
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item graphic identity">
<a href="https://www.youtube.com/watch?v=3wbvpOIIBQA" class="cbp-caption cbp-lightbox" data-title="Tiger<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/top4.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Tiger</div>
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item graphic">
<a href="assets/img/portfolio/top3.jpg" class="cbp-caption cbp-lightbox" data-title="Flat Roman Typeface Ui<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/top3.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Flat Roman Typeface Ui</div>
<div class="cbp-l-caption-desc">by Cosmin Capitanu</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============= END BANNER BLOCK ============= -->
<!-- ============= START PORTFOLIO BLOCK ============= -->
<section class="portfolio-block home-main-contant-style-2">
<div class="home-testimonial-block">
<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>WORK</h1><span class="dot"></span><h1><span>WORK</span></h1>
</div>
</div>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h1>WORK</h1><span class="dot"></span><h1><span>WORK</span></h1>
</div>
</div>
</div>
<div class="roll-box">
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h1>WORK</h1><span class="dot"></span><h1><span>WORK</span></h1>
</div>
</div>
<div class="roll-item">
<div class="roll-title d-flex align-items-center">
<h1>WORK</h1><span class="dot"></span><h1><span>WORK</span></h1>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="home-main-contant-style">
<div id="js-grid-juicy-projects-fullwidth" class="cbp">
<div class="cbp-item graphic">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/mid1.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="assets/js/vendors/cubeportfolio/ajax-juicy-projects/project1.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">More</a>
<a href="assets/img/portfolio/mid1.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Dashboard<br>by Paul Flavius Nechita">View</a>
</div>
</div>
</div>
</div>
<div class="cbp-1-title-bg d-flex align-items-center justify-content-between">
<div class="cbp-footer-number">
<div class="cbp-l-grid-projects-number">00.01</div>
</div>
<div class="cbp-footer-title">
<div class="cbp-l-grid-projects-desc">Designing</div>
<div class="cbp-l-grid-projects-title"><a href="portfolio-details.html">Mobile application design</a></div>
</div>
<div class="cbp-footer-year">
<span>2023</span>
</div>
</div>
</div>
<div class="cbp-item web-design logos">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/mid2.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="assets/js/vendors/cubeportfolio/ajax-juicy-projects/project2.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">More</a>
<a href="assets/img/portfolio/mid2.jpg" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="World Clock Widget<br>by Paul Flavius Nechita">View</a>
</div>
</div>
</div>
</div>
<div class="cbp-1-title-bg d-flex align-items-center justify-content-between">
<div class="cbp-footer-number">
<div class="cbp-l-grid-projects-number">00.02</div>
</div>
<div class="cbp-footer-title">
<div class="cbp-l-grid-projects-desc">Graphic design</div>
<div class="cbp-l-grid-projects-title"><a href="portfolio-details.html">Paper & Book Covers Design</a></div>
</div>
<div class="cbp-footer-year">
<span>2023</span>
</div>
</div>
</div>
<div class="cbp-item graphic logos">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/mid3.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="assets/js/vendors/cubeportfolio/ajax-juicy-projects/project3.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">More</a>
<a href="http://vimeo.com/14912890" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="To-Do Dashboard<br>by Tiberiu Neamu">View</a>
</div>
</div>
</div>
</div>
<div class="cbp-1-title-bg d-flex align-items-center justify-content-between">
<div class="cbp-footer-number">
<div class="cbp-l-grid-projects-number">00.03</div>
</div>
<div class="cbp-footer-title">
<div class="cbp-l-grid-projects-desc">Creative Design</div>
<div class="cbp-l-grid-projects-title"><a href="portfolio-details.html">Marketing site design and build</a></div>
</div>
<div class="cbp-footer-year">
<span>2023</span>
</div>
</div>
</div>
<div class="cbp-item web-design graphic">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/mid4.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="assets/js/vendors/cubeportfolio/ajax-juicy-projects/project4.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">More</a>
<a href="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/4900333&auto_play=true&hide_related=false&show_comments=true&show_user=true&show_reposts=false&visual=true" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Events and More<br>by Tiberiu Neamu">View</a>
</div>
</div>
</div>
</div>
<div class="cbp-1-title-bg d-flex align-items-center justify-content-between">
<div class="cbp-footer-number">
<div class="cbp-l-grid-projects-number">00.04</div>
</div>
<div class="cbp-footer-title">
<div class="cbp-l-grid-projects-desc">designing</div>
<div class="cbp-l-grid-projects-title"><a href="portfolio-details.html">Mobile Apps Development</a></div>
</div>
<div class="cbp-footer-year">
<span>2023</span>
</div>
</div>
</div>
<div class="cbp-item identity web-design">
<div class="cbp-slider-inline">
<div class="cbp-slider-wrapper">
<div class="cbp-slider-item cbp-slider-item--active">
<a href="assets/img/portfolio/mid5.jpg" class="cbp-lightbox" data-title="WhereTO App<br>by Tiberiu Neamu">
<img src="assets/img/portfolio/mid5.jpg" alt="">
</a>
</div>
<div class="cbp-slider-item">
<a href="assets/img/portfolio/mid6.jpg" class="cbp-lightbox" data-title="World Clock Widget<br>by Paul Flavius Nechita">
<img src="assets/img/portfolio/mid6.jpg" alt="">
</a>
</div>
<div class="cbp-slider-item">
<a href="assets/img/portfolio/4.jpg" class="cbp-lightbox" data-title="World Clock Widget<br>by Paul Flavius Nechita">
<img src="assets/img/portfolio/mid4.jpg" alt="">
</a>
</div>
</div>
<div class="cbp-slider-controls">
<div class="cbp-slider-prev"></div>
<div class="cbp-slider-next"></div>
</div>
</div>
<div class="cbp-1-title-bg d-flex align-items-center justify-content-between">
<div class="cbp-footer-number">
<div class="cbp-l-grid-projects-number">00.05</div>
</div>
<div class="cbp-footer-title">
<div class="cbp-l-grid-projects-desc">Designing</div>
<div class="cbp-l-grid-projects-title"><a href="portfolio-details.html">Design Strategy</a></div>
</div>
<div class="cbp-footer-year">
<span>2021</span>
</div>
</div>
</div>
<div class="cbp-item identity graphic">
<div class="cbp-caption">
<div class="cbp-caption-defaultWrap">
<img src="assets/img/portfolio/mid6.jpg" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<a href="assets/js/vendors/cubeportfolio/ajax-juicy-projects/project5.html" class="cbp-singlePage cbp-l-caption-buttonLeft" rel="nofollow">More</a>
<a href="https://www.youtube.com/watch?v=E9qIPxg5t6E" class="cbp-lightbox cbp-l-caption-buttonRight" data-title="Remind~Me More<br>by Tiberiu Neamu">View</a>
</div>
</div>
</div>
</div>
<div class="cbp-1-title-bg d-flex align-items-center justify-content-between">
<div class="cbp-footer-number">
<div class="cbp-l-grid-projects-number">00.06</div>
</div>
<div class="cbp-footer-title">
<div class="cbp-l-grid-projects-desc">Brand Guidelines</div>
<div class="cbp-l-grid-projects-title"><a href="portfolio-details.html">Elevate brands in the digital</a></div>
</div>
<div class="cbp-footer-year">
<span>2020</span>
</div>
</div>
</div>
</div>
<div class="portfolio-border-bottom"></div>
</div>
</div>
</section>
<!-- ============= END PORTFOLIO BLOCK ============= -->
<!-- ============= FOOTER ============= -->
<footer>
<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>
<h3 class="mail-address">rizwancontact@gmail.com</h3>
<div class="footer-contact-btn"><a href="contact.html">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>
</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 ============= -->
<script src="./assets/js/vendors/jquery.min.js"></script>
<script src="./assets/js/vendors/bootstrap.min.js"></script>
<script src="./assets/js/vendors/navigation.js"></script>
<script src="./assets/js/vendors/jquery.counterup.min.js"></script>
<script src="./assets/js/vendors/swiper.js"></script>
<script src="./assets/js/vendors/jquery.waypoints.min.js"></script>
<script src="./assets/js/vendors/owl.carousel.min.js"></script>
<script type="text/javascript" src="./assets/js/vendors/gsap.min.js"></script>
<!-- scrollup-->
<script type="text/javascript" src="./assets/js/vendors/scrollup.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/portfolio-masonry-4col.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 ============= -->