<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- Index CSS File link -->
<link href="index.css" rel="stylesheet">
<!-- Google font icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Google fonts bold -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dosis:wght@800&display=swap" rel="stylesheet">
<!-- google fonts regular -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dosis:wght@400;800&display=swap" rel="stylesheet">
<!-- google font medium-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dosis:wght@500&display=swap" rel="stylesheet">
<!-- google font regular -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dosis:wght@300&display=swap" rel="stylesheet">
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Favicon Start -->
<link rel="apple-touch-icon" sizes="180x180" href="media/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="media/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="media/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<!-- Favicon end -->
<!-- Font Awesome Kit -->
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
<!-- intl-tel-input plugin -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css" />
<!-- jquery -->
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
crossorigin="anonymous">
</script>
<title>Graphics Desiging</title>
</head>
<body>
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="#">
<img src="media/brand.webp" alt="logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-bars" aria-hidden="true" style="color: azure; height: 1.5rem; font-size: 2rem;"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 mx-auto">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html" target="_blank">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Services
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li class="nav-item drop-down02 dropdown">
<a class="dropdown-toggle dropdown-item redhover" href="#" id="navbarDropdown2" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<img src="media/1.webp">Graphics Designing<span class="services"><br>Design with
Dexterity</span>
</a>
<ul class="dropdown-menu sub-menu02" aria-labelledby="navbarDropdown" id="subMenu">
<li><a class="dropdown-item" href="#">Logo Designing</a></li>
<li><a class="dropdown-item" href="#">Branding Designing</a></li>
<li><a class="dropdown-item" href="#">Banner Designing</a></li>
<li><a class="dropdown-item" href="#">Flyer Designing</a></li>
<li><a class="dropdown-item" href="#">Brochure Designing</a></li>
<li><a class="dropdown-item" href="#">Posters Designing</a></li>
<li><a class="dropdown-item" href="#">Book Cover Designing</a></li>
<li><a class="dropdown-item" href="#">Events Designing</a></li>
<li><a class="dropdown-item" href="#">Infographics</a></li>
<li><a class="dropdown-item" href="#">Label and Packaging</a></li>
<li><a class="dropdown-item" href="#">Menu Designing</a></li>
<li><a class="dropdown-item" href="#">Company Profile</a></li>
<li><a class="dropdown-item" href="#">Marketing and Advertising</a></li>
</ul>
</li>
<li class="nav-item drop-down02 dropdown">
<a class="dropdown-toggle dropdown-item" href="#" id="navbarDropdown2" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<img src="media/2.webp">Website Designing<span class="services"><br>Custom Website
Designing</span>
</a>
<ul class="dropdown-menu sub-menu02" aria-labelledby="navbarDropdown" id="subMenu">
<li><a class="dropdown-item" href="#">Web Pages Designing</a></li>
<li><a class="dropdown-item" href="#">On-Pages SEO</a></li>
<li><a class="dropdown-item" href="#">Graphics Design</a></li>
<li><a class="dropdown-item" href="#">Purchase of Images</a></li>
<li><a class="dropdown-item" href="#">Site Map</a></li>
<li><a class="dropdown-item" href="#">Video Embedding</a></li>
<li><a class="dropdown-item" href="#">Form Integrations</a></li>
<li><a class="dropdown-item" href="#">Google and Bing Varification</a></li>
</ul>
</li>
<li><a class="dropdown-item" href="#"><img src="media/9.webp">Character Designing<span
class="services"><br>Creating Masterpiece</span></a></li>
<li><a class="dropdown-item" href="#"><img src="media/10.webp">3D Modeling<span
class="services"><br>Simulation and Drafting</span></a></li>
<li class="nav-item drop-down02 dropdown">
<a class="dropdown-toggle dropdown-item" href="#" id="navbarDropdown2" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<img src="media/3.webp">Website Development<span class="services"><br>Fast Optimize
Code</span>
</a>
<ul class="dropdown-menu sub-menu02" aria-labelledby="navbarDropdown" id="subMenu">
<li><a class="dropdown-item" href="#">Deployment</a></li>
<li><a class="dropdown-item" href="#">Maintenance</a></li>
</ul>
</li>
<li><a class="dropdown-item" href="#"><img src="media/8.webp">UI/UX Designing<span
class="services"><br>Best Inspirational Designing</span></a></li>
<li class="nav-item drop-down02 dropdown">
<a class="dropdown-toggle dropdown-item" href="#" id="navbarDropdown2" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<img src="media/4.webp">Social Media<span class="services"><br>Facebook,Instagram,Google</span>
</a>
<ul class="dropdown-menu sub-menu02" aria-labelledby="navbarDropdown" id="subMenu">
<li><a class="dropdown-item" href="#">Facebook Marketing</a></li>
<li><a class="dropdown-item" href="#">Instagram Marketing</a></li>
<li><a class="dropdown-item" href="#">Twitter Marketing</a></li>
<li><a class="dropdown-item" href="#">Linked In</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item drop-down02 dropdown">
<a class="dropdown-toggle dropdown-item" href="#" id="navbarDropdown2" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<img src="media/5.webp">Content Writing<span class="services"><br>Highly Engaged
Content</span>
</a>
<ul class="dropdown-menu sub-menu02" aria-labelledby="navbarDropdown" id="subMenu">
<li><a class="dropdown-item" href="#">Blog Writing</a></li>
<li><a class="dropdown-item" href="#">Website Content</a></li>
<li><a class="dropdown-item" href="#">Marketing Material Content</a></li>
<li><a class="dropdown-item" href="#">White Papers</a></li>
<li><a class="dropdown-item" href="#">Research Article</a></li>
<li><a class="dropdown-item" href="#">Infographic Content</a></li>
<li><a class="dropdown-item" href="#">Research Article</a></li>
<li><a class="dropdown-item" href="#">SEO Content</a></li>
<li><a class="dropdown-item" href="#">Landing Page</a></li>
<li><a class="dropdown-item" href="#">Direct Marketing Copy</a></li>
<li><a class="dropdown-item" href="#">Business Writing</a></li>
<li><a class="dropdown-item" href="#">Press Release</a></li>
</ul>
</li>
<li><a class="dropdown-item" href="#"><img src="media/6.webp">Ecommerce Ideas<span
class="services"><br>Boost Your Online Sales</span></a></li>
<li class="nav-item drop-down02 dropdown">
<a class="dropdown-toggle dropdown-item" href="#" id="navbarDropdown2" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
<img src="media/12.webp">Digital Skills<span class="services"><br>Learn Advance
Courses</span>
</a>
<ul class="dropdown-menu sub-menu02" aria-labelledby="navbarDropdown" id="subMenu">
<li><a class="dropdown-item" href="#">Freelancing</a></li>
<li><a class="dropdown-item" href="#">Graphics Designing</a></li>
<li><a class="dropdown-item" href="#">Social Media Marketing</a></li>
<li><a class="dropdown-item" href="#">Video Editing</a></li>
<li><a class="dropdown-item" href="#">English Spoken</a></li>
<li><a class="dropdown-item" href="#">Web Development</a></li>
<li><a class="dropdown-item" href="#">Video Editing</a></li>
<li><a class="dropdown-item" href="#">Content Writing</a></li>
</ul>
</li>
<li><a class="dropdown-item margin-top" href="#"><img src="media/11.webp">Video Editing<span
class="services"><br>Which Serves to Clarify</span></a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Pricing
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="pricing.html">Graphics Design <span id="plan"><br>Plan &
Pricing</span></a></li>
<li><a class="dropdown-item" href="pricing.html">Web Designing <span id="plan"><br>Plan &
Pricing</span></a></li>
<li><a class="dropdown-item" href="pricing.html">Social Media <span id="plan"><br>Plan &
Pricing</span></a></li>
<li><a class="dropdown-item" href="pricing.html">Content Writing <span id="plan"><br>Plan &
Pricing</span></a></li>
<li><a class="dropdown-item" href="pricing.html">Digital Skills <span id="plan"><br>Plan &
Pricing</span></a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Portfolio
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="gDesigningS.html">Graphics Design</a></li>
<li><a class="dropdown-item" href="wDesigningS.html">Web Design</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Media
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Company Profile</a></li>
<li><a class="dropdown-item" href="client.html">Our Clients</a></li>
<li><a class="dropdown-item" href="testimonials.html">Testimonials</a></li>
<li><a class="dropdown-item" href="partners.html">Partners</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul> <button class="btn" type="submit">Quote</button>
</div>
</div>
</nav>
<!-- Bread crumbs -->
<nav aria-label="breadcrumb" style="position: relative; top: 5rem; margin-left: 1rem;padding-top:1rem;">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Graphics Designing Portfolio</li>
</ol>
</nav>
<div class="circle"></div>
<div class="circlebig1"></div>
<div class="circlebig"></div>
<div class="circle1"></div>
<div class="circle2"></div>
<!-- Website header section -->
<div class="header text-center graphpor">
<div class="content">
<h3 style="display: inline-block;"></h3>
<h1 class="header-txt"><span style="color:white;font-size:2rem;display: block;">The branding of a company is like
a</span> reputation of a person.</h1>
<p>Break your unique ideas in front of us and we give them a unique shape. We did many projects as a startup
across the world creatively and still goes on!!!.</p>
<a href="#" class="btn1" id="btn1id">Custom Quote</a>
<a href="#" class="btn1" id="btn2id">Contact Us</a>
</div>
</div>
<!-- Graphics Designing Services Section -->
<div class="G-designing-portfolio" id="infographicsID">
<div class="priceListWrap">
<a href="#" style="background-color: blue; color: white;">All Projects</a>
<a href="#webDesign">Website</a>
<a href="">UI/UX</a>
<a href="#infoPortfolio">Infographics</a>
<a href="#logoPortfolio">Logos</a>
<a href="#booksDesign">Book Covers</a></div>
<div class="portfolio" id="infoPortfolio" style="margin-bottom: 0rem;">
<h1 class="header-txt">
<span style="font-size:3rem; text-shadow: .1rem .1rem .1rem black;">Infographics
Portfolio</span>
</h1>
<div class="container">
<div class="row">
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid blue;">
<img src="media/infographics/1.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid blue;">
<img src="media/infographics/2.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid blue;">
<img src="media/infographics/3.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid blue;">
<img src="media/infographics/4.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid blue;">
<img src="media/infographics/5.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid blue;">
<img src="media/infographics/6.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid blue;">
<img src="media/infographics/7.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid blue;">
<img src="media/infographics/8.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid blue;">
<img src="media/infographics/9.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid blue;">
<img src="media/infographics/10.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid blue;">
<img src="media/infographics/11.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid blue;">
<img src="media/infographics/12.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Logo designing portfolio -->
<div class="portfolio graphicsportfolio" id="logoPortfolio" style="margin-bottom: 0rem;">
<h1 class="header-txt"><span style="font-size:3rem; text-shadow: .1rem .1rem .1rem black;">Logo Designing
Portfolio</span></h1>
<div class="container">
<div class="row">
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid white">
<img src="media/logos/1.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem; margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid white">
<img src="media/logos/2.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid white">
<img src="media/logos/3.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid white">
<img src="media/logos/4.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid white">
<img src="media/logos/5.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid white">
<img src="media/logos/6.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid white">
<img src="media/logos/7.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid white">
<img src="media/logos/8.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="#" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- book designing portfolio -->
<div class="portfolio" id="booksDesign" style="margin-bottom: 0rem;">
<h1 class="header-txt"><span style="font-size:3rem; text-shadow: .1rem .1rem .1rem black;">Book Designing
Portfolio</span></h1>
<div class="container">
<div class="row">
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid rgb(255, 0, 200);">
<img src="media/books/b1.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="media/books/b1.pdf" target="_blank" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid rgb(255, 0, 200);">
<img src="media/books/b2.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="media/books/b2.pdf" target="_blank" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid rgb(255, 0, 200);">
<img src="media/books/b3.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="media/books/b3.pdf" target="_blank" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid rgb(255, 0, 200);">
<img src="media/books/b4.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="media/books/b4.pdf" target="_blank" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="height:15rem;">
<div class="portfolio-div">
<div class="img-div" style="height:15rem;border-top: 1rem solid rgb(255, 0, 200);">
<img src="media/books/b5.webp" alt="" />
</div>
<div class="portfolio-details-div" style="height:15rem;background-color: transparent;">
<a href="media/books/b5.pdf" target="_blank" class="btn btn-light">View Project</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Website designing portfolio -->
<div class="portfolio" id="webDesign">
<h1 class="header-txt"><span style="font-size:3rem; text-shadow: .1rem .1rem .1rem black;">Website Designing and
Development Portfolio</span></h1>
<div class="container">
<div class="row">
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div">
<img src="media/ert.webp" alt="" />
</div>
<div class="portfolio-details-div">
<h3>E-Rising Trainers</h3>
<h5>Online Digital Skills Provider</h5>
<p>E-Rising Trainers providing online digital skills since 2021, affiliated with Sindh Trade Testing
Board.</p>
<a href="#" class="btn btn-light">Visit Website</a>
</div>
</div>
<div class="card-body">
<h5 class="card-title" style="color: black;">Digital Courses Website<br><span
style="color: blue; font-size: 1rem;">UI/UX Designing and Development</span></h5>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div">
<img src="media/websitePortfolio/wp1.webp" alt="" />
</div>
<div class="portfolio-details-div">
<h3>Vicky Bakers</h3>
<h5>Online Bakery Products</h5>
<p>Vicky Bakers is an online website to provide bakery products at your doorsteps</p>
<a href="#" class="btn btn-light">Visit Website</a>
</div>
</div>
<div class="card-body">
<h5 class="card-title" style="color: black;">Vicky Bakers Website<br><span
style="color: blue; font-size: 1rem;">UI/UX Designing and Development</span></h5>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div">
<img src="media/websitePortfolio/wp2.webp" alt="" />
</div>
<div class="portfolio-details-div">
<h3>E-Rising Trainers</h3>
<h5>Online Digital Skills Provider</h5>
<p>E-Rising Trainers providing online digital skills since 2021, affiliated with Sindh Trade Testing
Board.</p>
<a href="#" class="btn btn-light">Visit Website</a>
</div>
</div>
<div class="card-body">
<h5 class="card-title" style="color: black;">Digital Courses Website<br><span
style="color: blue; font-size: 1rem;">UI/UX Designing and Development</span></h5>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div">
<img src="media/websitePortfolio/wp3.webp" alt="" />
</div>
<div class="portfolio-details-div">
<h3>Best Farm</h3>
<h5>Online Fresh Vegetable Provider</h5>
<p>The best farm is an online service to provide fresh farm vegetables and fruits at your doorstep.
</p>
<a href="#" class="btn btn-light">Visit Website</a>
</div>
</div>
<div class="card-body">
<h5 class="card-title" style="color: black;">Best Farm Website<br><span
style="color: blue; font-size: 1rem;">UI/UX Designing and Development</span></h5>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div">
<img src="media/websitePortfolio/wp4.webp" alt="" />
</div>
<div class="portfolio-details-div">
<h3>Healthy Life</h3>
<h5>Online Fitness Planner</h5>
<p>Healthy Life is an online website to provides health and fitness planning.</p>
<a href="#" class="btn btn-light">Visit Website</a>
</div>
</div>
<div class="card-body">
<h5 class="card-title" style="color: black;">Healthy Life Website<br><span
style="color: blue; font-size: 1rem;">UI/UX Designing and Development</span></h5>
</div>
</div>
</div>
<div class="col col-12 col-sm-6 col-md-4 col-lg-4">
<div class="card" style="margin-top: 1rem;">
<div class="portfolio-div">
<div class="img-div">
<img src="media/websitePortfolio/wp5.webp" alt="" />
</div>
<div class="portfolio-details-div">
<h3>E-Rising Trainers</h3>
<h5>Online Digital Skills Provider</h5>
<p>E-Rising Trainers providing online digital skills since 2021, affiliated with Sindh Trade Testing
Board.</p>
<a href="#" class="btn btn-light">Visit Website</a>
</div>
</div>
<div class="card-body">
<h5 class="card-title" style="color: black;">Digital Courses Website<br><span
style="color: blue; font-size: 1rem;">UI/UX Designing and Development</span></h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Section -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col col-12 col-sm-8 col-md-4 aboutImg text-center text-sm-start">
<img src="media/graphixignerLogo.webp" alt="" style="height: 8rem;">
<h3>About Us</h3>
<p>Graphixigner is a graphics designing services provider. We treat yourself as a client and make it
authentic. We have a strong understanding of how Graphic Design integrates with an over all
brand and it’s
marketing efforts.</p>
<i class="fa fa-facebook" id="social-links-f"></i>
<i class="fa fa-whatsapp" id="social-links-f"></i>
<i class="fa fa-instagram" id="social-links-f"></i>
<i class="fa fa-linkedin" id="social-links-f"></i>
<i class="fa fa-twitter" id="social-links-f"></i>
</div>
<div class="col col-12 col-sm-4 col-md-3 col-lg-3">
<h3>Services</h3>
<p>Graphics Designing</p>
<p>Web Designing</p>
<p>Web Development</p>
<p>Content Writing</p>
<p>Social Media</p>
<p>3D Medeling</p>
<p>Video Editing</p>
<p>Character Designing</p>
<p>UI/UX Designing</p>
<p>E-Commerce Ideas</p>
<p>Digital Courses</p>
</div>
<div class="col col-12 col-sm-8 col-md-3">
<h3>Get In Touch</h3>
<p><i class="fa fa-whatsapp" style="font-size: 1.5rem;"></i> +923175637628</p>
<p><i class="fa fa-envelope" style="font-size: 1.5rem;"></i> trainerhtml0@gmail.com</p>
<p><i class="fa fa-map-marker" style="font-size: 1.5rem;"></i> xyz street abc block xyz plaza
</p>
<p><i class="fa fa-phone" style="font-size: 1.5rem;"></i> +923175637628</p>
<h3>Quick Response</h3>
<a href="https://wa.me/+923175637628" class="q-chat" target="_blank"><i class="fa fa-whatsapp"
style="font-size: 1.5rem;"></i> WhatsApp</a>
<a href="sms://+923175637628" target="_blank" class="q-chat"><i class="fa fa-paper-plane"
style="font-size: 1.5rem;"></i> SMS</a>
<a href="mailto: trainerhtml0@gmail.com" class="q-chat" target="_blank"><i class="fa fa-envelope"
style="font-size: 1.5rem;"></i> Email</a>
</div>
<div class="col col-12 col-sm-4 col-md-2 pt-sm-0 pt-4">
<h3>Site Map</h3>
<p>Our Clients</p>
<p>Testimonials</p>
<p>Partners</p>
<p>Graphics Showcase</p>
<p>Web Showcase</p>
<p>Pricing</p>
</div>
</div>
</div>
<hr>
<div class="f-bottom">
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Pricing</a>
<a href="#">Portfolio</a>
<a href="#">Media</a>
<a href="#">Contact</a>
<p>©Copyright 2021 by Graphixigner. All Rights Reserved.</p>
<a href="#">Terms & Condition</a>
<a href="#">Refund Policies</a>
</div>
</footer>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
</script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
-->
<script src="index.js"> </script>
</body>
</html>