<!DOCTYPE html><html lang="en"><head> <!-- Basic Page Needs ================================================== --> <meta charset="utf-8"> <title>Pix2 - Leading Software Development Company</title> <!-- Mobile Specific Metas ================================================== --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content="Programming Portfolio Template"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0"> <meta name="author" content="Themefisher"> <!-- theme meta --> <meta name="theme-name" content="kross" /> <!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-3L7L0PJGZY"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3L7L0PJGZY');</script><meta name="ahrefs-site-verification" content="a27c690e3ca5c68999a8e6a61ed6cbd656d0c95f8b6e23191a5149ffcf1edde9"> <!-- Favicon --> <link rel="icon" href="https://pix2.net/blog/wp-content/uploads/2025/01/cropped-images-13-32x32.png" sizes="32x32" /> <link rel="icon" href="https://pix2.net/blog/wp-content/uploads/2025/01/cropped-images-13-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://pix2.net/blog/wp-content/uploads/2025/01/cropped-images-13-180x180.png" /> <meta name="msapplication-TileImage" content="https://pix2.net/blog/wp-content/uploads/2025/01/cropped-images-13-270x270.png" / <!-- ** Plugins Needed for the Project ** --> <!-- Bootstrap --> <link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css"> <!-- slick slider --> <link rel="stylesheet" href="plugins/slick/slick.css"> <!-- themify-icons --> <link rel="stylesheet" href="plugins/themify-icons/themify-icons.css"> <!-- Main Stylesheet --> <link href="css/style.css" rel="stylesheet"></head><body> <header class="navigation fixed-top"> <nav class="navbar navbar-expand-lg navbar-dark"> <!-- Text-based logo instead of an image --> <a class="navbar-brand font-tertiary h3" href="#home">Pix2</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <!-- Updated to anchor-based navigation --> <div class="collapse navbar-collapse text-center" id="navigation"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"><a class="nav-link" href="#home">Home</a></li> <li class="nav-item"><a class="nav-link" href="#about">About</a></li> <li class="nav-item"><a class="nav-link" href="/blog/">Blog</a></li> <li class="nav-item"><a class="nav-link" href="#portfolio">Portfolio</a></li> <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li> </ul> </div> </nav></header> <!-- HERO AREA / HOME --><section class="hero-area bg-primary" id="home"> <div class="container"> <div class="row"> <div class="col-lg-11 mx-auto"> <!-- Company-centered hero text --> <h1 class="text-white font-tertiary"> Welcome to <br> Pix2 <br> Shaping the Future of Software </h1> </div> </div> </div> <!-- Background layers (images unchanged) --> <div class="layer-bg w-100"> <img class="img-fluid w-100" src="images/illustrations/leaf-bg.png" alt="bg-shape"> </div> <div class="layer" id="l2"> <img src="images/illustrations/dots-cyan.png" alt="bg-shape"> </div> <div class="layer" id="l3"> <img src="images/illustrations/leaf-orange.png" alt="bg-shape"> </div> <div class="layer" id="l4"> <img src="images/illustrations/dots-orange.png" alt="bg-shape"> </div> <div class="layer" id="l5"> <img src="images/illustrations/leaf-yellow.png" alt="bg-shape"> </div> <div class="layer" id="l6"> <img src="images/illustrations/leaf-cyan.png" alt="bg-shape"> </div> <div class="layer" id="l7"> <img src="images/illustrations/dots-group-orange.png" alt="bg-shape"> </div> <div class="layer" id="l8"> <img src="images/illustrations/leaf-pink-round.png" alt="bg-shape"> </div> <div class="layer" id="l9"> <img src="images/illustrations/leaf-cyan-2.png" alt="bg-shape"> </div> <!-- Social icons (unchanged links) --> <ul class="list-unstyled ml-5 mt-3 position-relative zindex-1"> <li class="mb-3"><a class="text-white" href="#"><i class="ti-facebook"></i></a></li> <li class="mb-3"><a class="text-white" href="#"><i class="ti-instagram"></i></a></li> <li class="mb-3"><a class="text-white" href="#"><i class="ti-dribbble"></i></a></li> <li class="mb-3"><a class="text-white" href="#"><i class="ti-twitter"></i></a></li> </ul></section><!-- /hero area --> <!-- ABOUT SECTION --><section class="section" id="about"> <div class="container"> <div class="row"> <div class="col-lg-10 mx-auto text-center"> <p class="font-secondary paragraph-lg text-dark"> Pix2 is a forward-thinking software development company specializing in robust, scalable solutions. Our dedicated teams excel at creating cutting-edge applications, user-centric interfaces, and high-performance backend systems. We leverage the latest technologies to drive innovation, efficiency, and measurable results for businesses worldwide. </p> <a href="#skills" class="btn btn-transparent">Learn More</a> </div> </div> </div></section><!-- /about --> <!-- SKILLS SECTION --><section class="section" id="skills"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <h2 class="section-title">Our Expertise</h2> </div> <!-- Skills updated to reflect a company’s collective expertise --> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="card shadow text-center"> <div class="position-relative rounded-top progress-wrapper" data-color="#fdb157"> <div class="wave" data-progress="90%"></div> </div> <div class="card-footer bg-white"> <h4 class="card-title">Python (90%)</h4> </div> </div> </div> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="card shadow text-center"> <div class="position-relative rounded-top progress-wrapper" data-color="#9473e6"> <div class="wave" data-progress="60%"></div> </div> <div class="card-footer bg-white"> <h4 class="card-title">Node.js (60%)</h4> </div> </div> </div> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="card shadow text-center"> <div class="position-relative rounded-top progress-wrapper" data-color="#bdecf6"> <div class="wave" data-progress="80%"></div> </div> <div class="card-footer bg-white"> <h4 class="card-title">JavaScript (80%)</h4> </div> </div> </div> <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0"> <div class="card shadow text-center"> <div class="position-relative rounded-top progress-wrapper" data-color="#ffbcaa"> <div class="wave" data-progress="70%"></div> </div> <div class="card-footer bg-white"> <h4 class="card-title">React (70%)</h4> </div> </div> </div> </div> </div></section><!-- /skills --> <!-- EXPERIENCE SECTION --><section class="section" id="experience"> <div class="container"> <div class="row justify-content-around"> <div class="col-lg-12 text-center"> <h2 class="section-title">Our Journey</h2> </div> <!-- Company timeline or major milestones --> <div class="col-lg-3 col-md-4 text-center"> <img src="images/experience/icon-1.png" alt="icon"> <p class="mb-0">Jan 2010 - Feb 2012</p> <h4>Early Startup Phase</h4> <h6 class="text-light">WEBEX Collaboration</h6> </div> <div class="col-lg-3 col-md-4 text-center"> <img src="images/experience/icon-2.png" alt="icon"> <p class="mb-0">Mar 2012 - Aug 2016</p> <h4>Expansion & Growth</h4> <h6 class="text-light">AUGMEDIX Partnership</h6> </div> <div class="col-lg-3 col-md-4 text-center"> <img src="images/experience/icon-3.png" alt="icon"> <p class="mb-0">Sep 2016 - Present</p> <h4>Global Innovation</h4> <h6 class="text-light">CLOVER Collaboration</h6> </div> </div> </div></section><!-- /experience --> <!-- EDUCATION / CERTIFICATIONS SECTION --><section class="section position-relative" id="education"> <div class="container"> <div class="row"> <div class="col-lg-12 text-center"> <!-- Renamed to reflect company achievements or certifications --> <h2 class="section-title">Achievements & Certifications</h2> </div> <!-- Example achievements: could reflect major certifications, awards, or big accomplishments --> <div class="col-lg-6 col-md-6 mb-80"> <div class="d-flex"> <div class="mr-lg-5 mr-3"> <i class="ti-medall icon icon-light icon-bg bg-white shadow rounded-circle d-block"></i> </div> <div> <p class="text-dark mb-1">2010</p> <h4>Official Launch & First Funding</h4> <p class="mb-0 text-light">Secured seed funding to kickstart development</p> </div> </div> </div> <div class="col-lg-6 col-md-6 mb-80"> <div class="d-flex"> <div class="mr-lg-5 mr-3"> <i class="ti-medall icon icon-light icon-bg bg-white shadow rounded-circle d-block"></i> </div> <div> <p class="text-dark mb-1">2014</p> <h4>ISO Security Certification</h4> <p class="mb-0 text-light">Ensuring global security standards</p> </div> </div> </div> <div class="col-lg-6 col-md-6 mb-80"> <div class="d-flex"> <div class="mr-lg-5 mr-3"> <i class="ti-medall icon icon-light icon-bg bg-white shadow rounded-circle d-block"></i> </div> <div> <p class="text-dark mb-1">2017</p> <h4>Industry Innovation Award</h4> <p class="mb-0 text-light">Recognized for cutting-edge software solutions</p> </div> </div> </div> <div class="col-lg-6 col-md-6 mb-80"> <div class="d-flex"> <div class="mr-lg-5 mr-3"> <i class="ti-medall icon icon-light icon-bg bg-white shadow rounded-circle d-block"></i> </div> <div> <p class="text-dark mb-1">2020</p> <h4>Global Expansion</h4> <p class="mb-0 text-light">Established offices in Europe & APAC</p> </div> </div> </div> </div> </div> <!-- Background image (unchanged) --> <img class="img-fluid edu-bg-image w-100" src="images/backgrounds/education-bg.png" alt="bg-image"></section><!-- /education --> <!-- SERVICES SECTION --><section class="section" id="services"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <h2 class="section-title">Services</h2> </div> <div class="col-md-4 mb-4 mb-md-0"> <div class="card hover-shadow shadow"> <div class="card-body text-center px-4 py-5"> <i class="ti-palette icon mb-5 d-inline-block"></i> <h4 class="mb-4">Frontend Development</h4> <p> Our team builds responsive and visually engaging user interfaces with modern web technologies to keep your audience connected and impressed. </p> </div> </div> </div> <div class="col-md-4 mb-4 mb-md-0"> <div class="card active-bg-primary hover-shadow shadow"> <div class="card-body text-center px-4 py-5"> <i class="ti-vector icon mb-5 d-inline-block"></i> <h4 class="mb-4">Backend Solutions</h4> <p> Robust and secure server-side architectures using Python, Node.js, and cloud platforms to ensure reliability and scalability for your business. </p> </div> </div> </div> <div class="col-md-4 mb-4 mb-md-0"> <div class="card hover-shadow shadow"> <div class="card-body text-center px-4 py-5"> <i class="ti-panel icon mb-5 d-inline-block"></i> <h4 class="mb-4">Full-Stack Integration</h4> <p> Complete end-to-end development that seamlessly connects your front-end and back-end, delivering a smooth user experience and efficient performance. </p> </div> </div> </div> </div> </div></section><!-- /services --> <!-- PORTFOLIO SECTION --><section class="section" id="portfolio"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <h2 class="section-title">Our Portfolio</h2> </div> </div> <div class="row shuffle-wrapper"> <!-- Portfolio items (images unchanged) --> <div class="col-lg-4 col-6 mb-4 shuffle-item"> <div class="position-relative rounded hover-wrapper"> <img src="images/portfolio/item-1.png" alt="portfolio-image" class="img-fluid rounded w-100"> <div class="hover-overlay"> <div class="hover-content"> <a class="btn btn-light btn-sm" href="#">View Project</a> </div> </div> </div> </div> <div class="col-lg-4 col-6 mb-4 shuffle-item"> <div class="position-relative rounded hover-wrapper"> <img src="images/portfolio/item-2.png" alt="portfolio-image" class="img-fluid rounded w-100"> <div class="hover-overlay"> <div class="hover-content"> <a class="btn btn-light btn-sm" href="#">View Project</a> </div> </div> </div> </div> <div class="col-lg-4 col-6 mb-4 shuffle-item"> <div class="position-relative rounded hover-wrapper"> <img src="images/portfolio/item-3.png" alt="portfolio-image" class="img-fluid rounded w-100"> <div class="hover-overlay"> <div class="hover-content"> <a class="btn btn-light btn-sm" href="#">View Project</a> </div> </div> </div> </div> <div class="col-lg-4 col-6 mb-4 shuffle-item"> <div class="position-relative rounded hover-wrapper"> <img src="images/portfolio/item-4.png" alt="portfolio-image" class="img-fluid rounded w-100"> <div class="hover-overlay"> <div class="hover-content"> <a class="btn btn-light btn-sm" href="#">View Project</a> </div> </div> </div> </div> <div class="col-lg-4 col-6 mb-4 shuffle-item"> <div class="position-relative rounded hover-wrapper"> <img src="images/portfolio/item-5.png" alt="portfolio-image" class="img-fluid rounded w-100"> <div class="hover-overlay"> <div class="hover-content"> <a class="btn btn-light btn-sm" href="#">View Project</a> </div> </div> </div> </div> </div> </div></section><!-- /portfolio --> <!-- TESTIMONIAL SECTION --><section class="section bg-primary position-relative testimonial-bg-shapes" id="testimonial"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <h2 class="section-title text-white mb-5">What Clients Say</h2> </div> <div class="col-lg-10 mx-auto testimonial-slider"> <!-- Updated text for company-based testimonials --> <div class="text-center testimonial-content"> <i class="ti-quote-right text-white icon mb-4 d-inline-block"></i> <p class="text-white mb-4"> “Pix2 developed a full-stack solution for our retail platform, significantly boosting performance and customer satisfaction. Highly recommend their services!” </p> <img class="img-fluid rounded-circle mb-4 d-inline-block" src="images/testimonial/client-1.png" alt="client-image"> <h4 class="text-white">Sarah Thompson</h4> <h6 class="text-light mb-4">CEO, RetailTech</h6> </div> <div class="text-center testimonial-content"> <i class="ti-quote-right text-white icon mb-4 d-inline-block"></i> <p class="text-white mb-4"> “Working with Pix2 was seamless. Their team delivered on time and provided strong technical expertise that took our project to the next level.” </p> <img class="img-fluid rounded-circle mb-4 d-inline-block" src="images/testimonial/client-1.png" alt="client-image"> <h4 class="text-white">James Cooper</h4> <h6 class="text-light mb-4">Founder, InnovateNow</h6> </div> <div class="text-center testimonial-content"> <i class="ti-quote-right text-white icon mb-4 d-inline-block"></i> <p class="text-white mb-4"> “We needed a robust backend for our SaaS product. Pix2 delivered a secure, scalable platform that exceeded our expectations.” </p> <img class="img-fluid rounded-circle mb-4 d-inline-block" src="images/testimonial/client-1.png" alt="client-image"> <h4 class="text-white">Rebecca Stein</h4> <h6 class="text-light mb-4">CTO, DataWorks</h6> </div> </div> </div> </div> <!-- Background shapes (unchanged) --> <img src="images/backgrounds/map.png" alt="map" class="img-fluid bg-map"> <img src="images/illustrations/dots-group-v.png" alt="bg-shape" class="img-fluid bg-shape-1"> <img src="images/illustrations/leaf-orange.png" alt="bg-shape" class="img-fluid bg-shape-2"> <img src="images/illustrations/dots-group-sm.png" alt="bg-shape" class="img-fluid bg-shape-3"> <img src="images/illustrations/leaf-pink-round.png" alt="bg-shape" class="img-fluid bg-shape-4"> <img src="images/illustrations/leaf-cyan.png" alt="bg-shape" class="img-fluid bg-shape-5"></section><!-- /testimonial --> <!-- CLIENT LOGO SLIDER (optional) --><section class="section pb-0" id="clients"> <div class="container"> <div class="client-logo-slider d-flex align-items-center"> <!-- Links changed to #contact anchor or placeholders --> <a href="#contact" class="text-center d-block outline-0 p-4"> <img class="d-unset img-fluid" src="images/clients-logo/client-logo-1.png" alt="client-logo"> </a> <a href="#contact" class="text-center d-block outline-0 p-4"> <img class="d-unset img-fluid" src="images/clients-logo/client-logo-2.png" alt="client-logo"> </a> <a href="#contact" class="text-center d-block outline-0 p-4"> <img class="d-unset img-fluid" src="images/clients-logo/client-logo-3.png" alt="client-logo"> </a> <a href="#contact" class="text-center d-block outline-0 p-4"> <img class="d-unset img-fluid" src="images/clients-logo/client-logo-4.png" alt="client-logo"> </a> <a href="#contact" class="text-center d-block outline-0 p-4"> <img class="d-unset img-fluid" src="images/clients-logo/client-logo-5.png" alt="client-logo"> </a> <a href="#contact" class="text-center d-block outline-0 p-4"> <img class="d-unset img-fluid" src="images/clients-logo/client-logo-1.png" alt="client-logo"> </a> <a href="#contact" class="text-center d-block outline-0 p-4"> <img class="d-unset img-fluid" src="images/clients-logo/client-logo-2.png" alt="client-logo"> </a> <a href="#contact" class="text-center d-block outline-0 p-4"> <img class="d-unset img-fluid" src="images/clients-logo/client-logo-3.png" alt="client-logo"> </a> <a href="#contact" class="text-center d-block outline-0 p-4"> <img class="d-unset img-fluid" src="images/clients-logo/client-logo-4.png" alt="client-logo"> </a> <a href="#contact" class="text-center d-block outline-0 p-4"> <img class="d-unset img-fluid" src="images/clients-logo/client-logo-5.png" alt="client-logo"> </a> </div> </div></section><!-- /client logo slider --> <!-- BLOG SECTION --><section class="section" id="blog"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <h2 class="section-title">Blog</h2> </div> <!-- Example blog posts for a company --> <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0"> <article class="card shadow"> <img class="rounded card-img-top" src="images/blog/post-3.jpg" alt="post-thumb"> <div class="card-body"> <h4 class="card-title"> <a class="text-dark" href="#blog">Scaling E-Commerce with Cloud Solutions</a> </h4> <p class="cars-text"> Discover how migrating to modern cloud infrastructure helps online stores handle massive traffic spikes. </p> <a href="#blog" class="btn btn-xs btn-primary">Read More</a> </div> </article> </div> <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0"> <article class="card shadow"> <img class="rounded card-img-top" src="images/blog/post-4.jpg" alt="post-thumb"> <div class="card-body"> <h4 class="card-title"> <a class="text-dark" href="#blog">Choosing the Right Tech Stack</a> </h4> <p class="cars-text"> A comprehensive guide to selecting the best tools and frameworks to meet your business objectives. </p> <a href="#blog" class="btn btn-xs btn-primary">Read More</a> </div> </article> </div> <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0"> <article class="card shadow"> <img class="rounded card-img-top" src="images/blog/post-2.jpg" alt="post-thumb"> <div class="card-body"> <h4 class="card-title"> <a class="text-dark" href="#blog">Embracing Agile Development</a> </h4> <p class="cars-text"> Learn how agile practices can streamline project workflows and improve collaboration among teams. </p> <a href="#blog" class="btn btn-xs btn-primary">Read More</a> </div> </article> </div> </div> </div></section><!-- /blog --> <!-- CONTACT SECTION --><section class="section section-on-footer" data-background="images/backgrounds/bg-dots.png" id="contact"> <div class="container"> <div class="row"> <div class="col-12 text-center"> <h2 class="section-title">Get in Touch</h2> </div> <div class="col-lg-8 mx-auto"> <div class="bg-white rounded text-center p-5 shadow-down"> <h4 class="mb-80">Contact Form</h4> <form action="#" class="row"> <div class="col-md-6"> <input type="text" id="name" name="name" placeholder="Full Name" class="form-control px-0 mb-4" required> </div> <div class="col-md-6"> <input type="email" id="email" name="email" placeholder="Email Address" class="form-control px-0 mb-4" required> </div> <div class="col-12"> <textarea name="message" id="message" class="form-control px-0 mb-4" placeholder="Type Message Here" required></textarea> </div> <div class="col-lg-6 col-10 mx-auto"> <button class="btn btn-primary w-100">Send</button> </div> </form> </div> </div> </div> </div></section><!-- /contact --> <!-- FOOTER --><footer class="bg-dark footer-section"> <div class="section"> <div class="container"> <div class="row"> <div class="col-md-4"> <h5 class="text-light">Email</h5> <p class="text-white paragraph-lg font-secondary">info@pix2.net</p> </div> <div class="col-md-4"> <h5 class="text-light">Phone</h5> <p class="text-white paragraph-lg font-secondary">+1 (213) 459-3986</p> </div> <div class="col-md-4"> <h5 class="text-light">Address</h5> <p class="text-white paragraph-lg font-secondary"> 125/A, CA Commercial Area,<br>California, USA </p> </div> </div> </div> </div> <div class="border-top text-center border-dark py-5"> <p class="mb-0 text-light"> info@pix2.net </div></footer><!-- /footer --> <!-- jQuery --><script src="plugins/jQuery/jquery.min.js"></script><!-- Bootstrap JS --><script src="plugins/bootstrap/bootstrap.min.js"></script><!-- slick slider --><script src="plugins/slick/slick.min.js"></script><!-- filter --><script src="plugins/shuffle/shuffle.min.js"></script> <!-- Main Script --><script src="js/script.js"></script> </body></html>
