Our Portfolio | Websitedesigns PK/title> <meta name="description" content="Portfolio | Websitedesigns PK <meta name="keywords" content=" Portfolio" /> </head> <body>  <section class="cent pg-hdr" data-overlay-dark="7" style="background-image: url('../img/portfolio.jpg');"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"><h1>Portfolio</h1></div> </div> </div> </section>   <section class="hero pb-0"> <div class="container"> <div class="row"> <div class="col-md-12 cnt-txt2 text-center"> <h4 class="extra-text">Recent <span>Design </span> Projects</h4> <p>Working with best knowledge and skills, we create impeccable designs that are not just look stunning also tell a story to their viewers</p> </div> </div> </div> </section>   <section class="portfolio mb-70" data-scroll-index="2"> <div class="container"> <div class="row">  <div class="filtering col-sm-12 text-center"> <span data-filter='*' class="active">All</span> <span data-filter='.logoo'>Logo</span> <span data-filter='.web'>Website</span> <span data-filter='.animation'>Animations</span> <span data-filter='.stationery'>Stationery</span> <span data-filter='.broucher'>Broucher</span> </div> <div class="clearfix"></div> <div class="gallery text-center full-width">  <div class="col-md-4 items animation"> <div class="item-img"> <iframe width="100%" height="350" src="https://www.youtube.com/embed/8S4L9ZtfC9s" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </div> </div>  <div class="col-md-8 items animation"> <div class="item-img"> <iframe width="100%" height="350" src="https://www.youtube.com/embed/xlafO6IgbZY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </div> </div>  <div class="col-md-4 items animation"> <div class="item-img"> <iframe width="100%" height="350" src="https://www.youtube.com/embed/cLHfjNtwMBQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </div> </div>  <div class="col-md-4 items animation"> <div class="item-img"> <iframe width="100%" height="350" src="https://www.youtube.com/embed/sQtuR9KjoOw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> </div> </div>  <div class="col-md-4 items web"> <div class="item-img"> <img src="../img/portfolio/web/1.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Web Design</h6> <p>www.asnan.com</p> </div> <a href="../img/portfolio/web/1.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-8 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/16.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>logo Design</h6> </div> <a href="../img/portfolio/logo/16.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items web"> <div class="item-img"> <img src="../img/portfolio/web/2.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Web Design</h6> <p>www.aquaticconsultantsinc.com</p> </div> <a href="../img/portfolio/web/2.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items web"> <div class="item-img"> <img src="../img/portfolio/web/3.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Web Design</h6> <p>www.kinetic-studios.com</p> </div> <a href="../img/portfolio/web/3.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/1.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/1.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/2.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/2.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-8 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/15.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/15.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/3.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/3.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/4.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/4.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/5.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/5.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/6.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/6.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-8 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st20.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Business Crad</h6> </div> <a href="../img/portfolio/sta/st20.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/7.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/7.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/8.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/8.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/9.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/9.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/10.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/10.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-8 items broucher"> <div class="item-img"> <img src="../img/portfolio/bro/8.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Info Graphics</h6> </div> <a href="../img/portfolio/bro/8.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/11.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/11.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/12.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/12.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/13.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/13.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/14.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/14.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-8 items broucher"> <div class="item-img"> <img src="../img/portfolio/bro/12.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Info Graphics</h6> </div> <a href="../img/portfolio/bro/12.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items logoo"> <div class="item-img"> <img src="../img/portfolio/logo/17.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Logo Design</h6> </div> <a href="../img/portfolio/logo/17.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st1.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Letterhead</h6> </div> <a href="../img/portfolio/sta/st1.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st2.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>business kit </h6> </div> <a href="../img/portfolio/sta/st2.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st3.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Letterhead</h6> </div> <a href="../img/portfolio/sta/st3.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-8 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st19.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Business Card</h6> </div> <a href="../img/portfolio/sta/st19.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st4.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Letterhead</h6> </div> <a href="../img/portfolio/sta/st4.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st5.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Letterhead</h6> </div> <a href="../img/portfolio/sta/st5.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st6.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Business Card </h6> </div> <a href="../img/portfolio/sta/st6.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st7.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Letterhead</h6> </div> <a href="../img/portfolio/sta/st7.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div> <div class="col-md-8 items broucher"> <div class="item-img"> <img src="../img/portfolio/bro/9.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Info Graphics</h6> </div> <a href="../img/portfolio/bro/9.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items broucher"> <div class="item-img"> <img src="../img/portfolio/bro/1.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Info Graphics</h6> </div> <a href="../img/portfolio/bro/1.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div> <div class="col-md-4 items broucher"> <div class="item-img"> <img src="../img/portfolio/bro/2.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Info Graphics</h6> </div> <a href="../img/portfolio/bro/2.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items broucher"> <div class="item-img"> <img src="../img/portfolio/bro/3.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Info Graphics</h6> </div> <a href="../img/portfolio/bro/3.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items broucher"> <div class="item-img"> <img src="../img/portfolio/bro/4.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Info Graphics</h6> </div> <a href="../img/portfolio/bro/4.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div> <div class="col-md-4 items broucher"> <div class="item-img"> <img src="../img/portfolio/bro/5.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Info Graphics</h6> </div> <a href="../img/portfolio/bro/5.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items broucher"> <div class="item-img"> <img src="../img/portfolio/bro/6.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Info Graphics</h6> </div> <a href="../img/portfolio/bro/6.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items broucher"> <div class="item-img"> <img src="../img/portfolio/bro/7.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Info Graphics</h6> </div> <a href="../img/portfolio/bro/7.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div> <div class="col-md-4 items broucher"> <div class="item-img"> <img src="../img/portfolio/bro/10.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Info Graphics</h6> </div> <a href="../img/portfolio/bro/10.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items broucher"> <div class="item-img"> <img src="../img/portfolio/bro/11.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Info Graphics</h6> </div> <a href="../img/portfolio/bro/11.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items broucher"> <div class="item-img"> <img src="../img/portfolio/bro/4.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Info Graphics</h6> </div> <a href="../img/portfolio/bro/4.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div> <div class="col-md-4 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st8.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Business Card</h6> </div> <a href="../img/portfolio/sta/st8.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st9.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Business Card</h6> </div> <a href="../img/portfolio/sta/st9.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st10.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Business Card</h6> </div> <a href="../img/portfolio/sta/st10.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div> <div class="col-md-4 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st11.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Business Card</h6> </div> <a href="../img/portfolio/sta/st11.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st12.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Letter Head</h6> </div> <a href="../img/portfolio/sta/st12.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div>  <div class="col-md-4 items stationery"> <div class="item-img"> <img src="../img/portfolio/sta/st13.jpg" alt="image"> <div class="item-img-overlay valign"> <div class="overlay-info full-width vertical-center"> <h6>Letter Head</h6> </div> <a href="../img/portfolio/sta/st13.jpg" class="popimg"> <i class="icofont icofont-image"></i> </a> </div> </div> </div> <div class="clear-fix"></div> </div> <div class="col-md-12 text-center"> <a href="/contact-us" class="butn butn-bg"><span>Ready to start your project?</span></a> </div> </div> </div> </section>  <footer> <div class="container"> <div class="row contact"> <div class="col-lg-4"> <a class="logo mb-20" href="/"> <img src="img/logo1.png" alt="logo"> </a> <div class="cnt-txt">  <p><a href="/">IT Link Building</a> is a online marketing company located in Karachi, Pakistan. We offer complete online branding assistance to big and small businesses, corporations, multinationals, individuals, startups etc. Building trust and providing the best is our aim. We believe in building a relationship with our customers.</p> <img src="img/partners.png" class="img-responsive" alt="partners" /> </div> </div> <div class="col-lg-5"> <h4>Quick links</h4> <ul> <li><a href="corporate-branding">Corporate Branding</a></li> <li><a href="terms-and-conditions">Term & Condition</a></li> <li><a href="stationery-design">Stationery Design</a></li> <li><a href="contact-us">Contact Us</a></li> <li><a href="brochure-design">Brochure Design</a></li> <li><a href="javascripts:;">Blog</a></li> <li><a href="privacy-policy">Privacy policy</a></li> <li><a href="logo-design-dubai">Logo Design Dubai</a></li> </ul> </div> <div class="col-lg-3"> <h4>Cotact US</h4> <div class="cnt-txt"> <p>+92 315 3280361<br> info@WebsiteDesigns.com.pk<br> Gulshan e Iqbal <br>Sindh, Karachi, 74200, PK</p> </div> <div class="social"> <a href="https://business.facebook.com/" target="_blank"><i class="icofont icofont-social-facebook"></i></a> <a href="#" target="_blank"><i class="icofont icofont-social-twitter"></i></a> <a href="#" target="_blank"><i class="icofont icofont-social-instagram"></i></a> <a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a> <a href="#" target="_blank"><i class="icofont icofont-youtube-play"></i></a> </div> <h6 class="wh">We Accept</h6> <img src="img/payments.png" class="img-responsive" alt="payments" /> </div>  </div> </div> <div class="container-fluid cpt text-center"> <div class="row"> <div class="col-lg-12"> <p class="text-center">© 2025 <a href="/">Website Designs PK</a>. All Rights Reserved.</p> </div> </div> </div> <div class="side-bars"> <div class="s-bar clearfix"> <div class="clicktocall"><span class="call-spr"></span> <p>Call Now</p>  <span class="pnumlive"><a href="tel:+92 315 3280361">+92 315 3280361 </a></span> </div> </div> </div>  <script src="https://static.elfsight.com/platform/platform.js" async></script> <div class="elfsight-app-ff83bbda-06a2-4d81-b137-61d5e4daeb38" data-elfsight-app-lazy></div> </footer>   <script src="../js/all.js"></script> </body>  </html>