It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://pix2.net

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  <!-- Basic Page Needs
  5.  ================================================== -->
  6.  <meta charset="utf-8">
  7.  <title>Pix2 - Leading Software Development Company</title>
  8.  
  9.  <!-- Mobile Specific Metas
  10.  ================================================== -->
  11.  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  12.  <meta name="description" content="Programming Portfolio Template">
  13.  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
  14.  <meta name="author" content="Themefisher">
  15.  
  16.  <!-- theme meta -->
  17.  <meta name="theme-name" content="kross" />
  18.  <!-- Google tag (gtag.js) -->
  19. <script async src="https://www.googletagmanager.com/gtag/js?id=G-3L7L0PJGZY"></script>
  20. <script>
  21.  window.dataLayer = window.dataLayer || [];
  22.  function gtag(){dataLayer.push(arguments);}
  23.  gtag('js', new Date());
  24.  
  25.  gtag('config', 'G-3L7L0PJGZY');
  26. </script>
  27. <meta name="ahrefs-site-verification" content="a27c690e3ca5c68999a8e6a61ed6cbd656d0c95f8b6e23191a5149ffcf1edde9">
  28.  <!-- Favicon -->
  29.  <link rel="icon" href="https://pix2.net/blog/wp-content/uploads/2025/01/cropped-images-13-32x32.png" sizes="32x32" />
  30.  <link rel="icon" href="https://pix2.net/blog/wp-content/uploads/2025/01/cropped-images-13-192x192.png" sizes="192x192" />
  31.  <link rel="apple-touch-icon" href="https://pix2.net/blog/wp-content/uploads/2025/01/cropped-images-13-180x180.png" />
  32.  <meta name="msapplication-TileImage" content="https://pix2.net/blog/wp-content/uploads/2025/01/cropped-images-13-270x270.png" /
  33.  
  34.  <!-- ** Plugins Needed for the Project ** -->
  35.  <!-- Bootstrap -->
  36.  <link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
  37.  <!-- slick slider -->
  38.  <link rel="stylesheet" href="plugins/slick/slick.css">
  39.  <!-- themify-icons -->
  40.  <link rel="stylesheet" href="plugins/themify-icons/themify-icons.css">
  41.  
  42.  <!-- Main Stylesheet -->
  43.  <link href="css/style.css" rel="stylesheet">
  44. </head>
  45. <body>
  46.  
  47. <header class="navigation fixed-top">
  48.  <nav class="navbar navbar-expand-lg navbar-dark">
  49.    <!-- Text-based logo instead of an image -->
  50.    <a class="navbar-brand font-tertiary h3" href="#home">Pix2</a>
  51.    
  52.    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation"
  53.      aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
  54.      <span class="navbar-toggler-icon"></span>
  55.    </button>
  56.  
  57.    <!-- Updated to anchor-based navigation -->
  58.    <div class="collapse navbar-collapse text-center" id="navigation">
  59.      <ul class="navbar-nav ml-auto">
  60.        <li class="nav-item active"><a class="nav-link" href="#home">Home</a></li>
  61.        <li class="nav-item"><a class="nav-link" href="#about">About</a></li>
  62.        <li class="nav-item"><a class="nav-link" href="/blog/">Blog</a></li>
  63.        <li class="nav-item"><a class="nav-link" href="#portfolio">Portfolio</a></li>
  64.        <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
  65.      </ul>
  66.    </div>
  67.  </nav>
  68. </header>
  69.  
  70. <!-- HERO AREA / HOME -->
  71. <section class="hero-area bg-primary" id="home">
  72.  <div class="container">
  73.    <div class="row">
  74.      <div class="col-lg-11 mx-auto">
  75.        <!-- Company-centered hero text -->
  76.        <h1 class="text-white font-tertiary">
  77.          Welcome to <br> Pix2 <br> Shaping the Future of Software
  78.        </h1>
  79.      </div>
  80.    </div>
  81.  </div>
  82.  <!-- Background layers (images unchanged) -->
  83.  <div class="layer-bg w-100">
  84.    <img class="img-fluid w-100" src="images/illustrations/leaf-bg.png" alt="bg-shape">
  85.  </div>
  86.  <div class="layer" id="l2">
  87.    <img src="images/illustrations/dots-cyan.png" alt="bg-shape">
  88.  </div>
  89.  <div class="layer" id="l3">
  90.    <img src="images/illustrations/leaf-orange.png" alt="bg-shape">
  91.  </div>
  92.  <div class="layer" id="l4">
  93.    <img src="images/illustrations/dots-orange.png" alt="bg-shape">
  94.  </div>
  95.  <div class="layer" id="l5">
  96.    <img src="images/illustrations/leaf-yellow.png" alt="bg-shape">
  97.  </div>
  98.  <div class="layer" id="l6">
  99.    <img src="images/illustrations/leaf-cyan.png" alt="bg-shape">
  100.  </div>
  101.  <div class="layer" id="l7">
  102.    <img src="images/illustrations/dots-group-orange.png" alt="bg-shape">
  103.  </div>
  104.  <div class="layer" id="l8">
  105.    <img src="images/illustrations/leaf-pink-round.png" alt="bg-shape">
  106.  </div>
  107.  <div class="layer" id="l9">
  108.    <img src="images/illustrations/leaf-cyan-2.png" alt="bg-shape">
  109.  </div>
  110.  
  111.  <!-- Social icons (unchanged links) -->
  112.  <ul class="list-unstyled ml-5 mt-3 position-relative zindex-1">
  113.    <li class="mb-3"><a class="text-white" href="#"><i class="ti-facebook"></i></a></li>
  114.    <li class="mb-3"><a class="text-white" href="#"><i class="ti-instagram"></i></a></li>
  115.    <li class="mb-3"><a class="text-white" href="#"><i class="ti-dribbble"></i></a></li>
  116.    <li class="mb-3"><a class="text-white" href="#"><i class="ti-twitter"></i></a></li>
  117.  </ul>
  118. </section>
  119. <!-- /hero area -->
  120.  
  121. <!-- ABOUT SECTION -->
  122. <section class="section" id="about">
  123.  <div class="container">
  124.    <div class="row">
  125.      <div class="col-lg-10 mx-auto text-center">
  126.        <p class="font-secondary paragraph-lg text-dark">
  127.          Pix2 is a forward-thinking software development company specializing in robust, scalable solutions.
  128.          Our dedicated teams excel at creating cutting-edge applications, user-centric interfaces, and high-performance
  129.          backend systems. We leverage the latest technologies to drive innovation, efficiency, and measurable
  130.          results for businesses worldwide.
  131.        </p>
  132.        <a href="#skills" class="btn btn-transparent">Learn More</a>
  133.      </div>
  134.    </div>
  135.  </div>
  136. </section>
  137. <!-- /about -->
  138.  
  139. <!-- SKILLS SECTION -->
  140. <section class="section" id="skills">
  141.  <div class="container">
  142.    <div class="row">
  143.      <div class="col-lg-12 text-center">
  144.        <h2 class="section-title">Our Expertise</h2>
  145.      </div>
  146.      <!-- Skills updated to reflect a company’s collective expertise -->
  147.      <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
  148.        <div class="card shadow text-center">
  149.          <div class="position-relative rounded-top progress-wrapper" data-color="#fdb157">
  150.            <div class="wave" data-progress="90%"></div>
  151.          </div>
  152.          <div class="card-footer bg-white">
  153.            <h4 class="card-title">Python (90%)</h4>
  154.          </div>
  155.        </div>
  156.      </div>
  157.      <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
  158.        <div class="card shadow text-center">
  159.          <div class="position-relative rounded-top progress-wrapper" data-color="#9473e6">
  160.            <div class="wave" data-progress="60%"></div>
  161.          </div>
  162.          <div class="card-footer bg-white">
  163.            <h4 class="card-title">Node.js (60%)</h4>
  164.          </div>
  165.        </div>
  166.      </div>
  167.      <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
  168.        <div class="card shadow text-center">
  169.          <div class="position-relative rounded-top progress-wrapper" data-color="#bdecf6">
  170.            <div class="wave" data-progress="80%"></div>
  171.          </div>
  172.          <div class="card-footer bg-white">
  173.            <h4 class="card-title">JavaScript (80%)</h4>
  174.          </div>
  175.        </div>
  176.      </div>
  177.      <div class="col-lg-3 col-sm-6 mb-4 mb-lg-0">
  178.        <div class="card shadow text-center">
  179.          <div class="position-relative rounded-top progress-wrapper" data-color="#ffbcaa">
  180.            <div class="wave" data-progress="70%"></div>
  181.          </div>
  182.          <div class="card-footer bg-white">
  183.            <h4 class="card-title">React (70%)</h4>
  184.          </div>
  185.        </div>
  186.      </div>
  187.    </div>
  188.  </div>
  189. </section>
  190. <!-- /skills -->
  191.  
  192. <!-- EXPERIENCE SECTION -->
  193. <section class="section" id="experience">
  194.  <div class="container">
  195.    <div class="row justify-content-around">
  196.      <div class="col-lg-12 text-center">
  197.        <h2 class="section-title">Our Journey</h2>
  198.      </div>
  199.      <!-- Company timeline or major milestones -->
  200.      <div class="col-lg-3 col-md-4 text-center">
  201.        <img src="images/experience/icon-1.png" alt="icon">
  202.        <p class="mb-0">Jan 2010 - Feb 2012</p>
  203.        <h4>Early Startup Phase</h4>
  204.        <h6 class="text-light">WEBEX Collaboration</h6>
  205.      </div>
  206.      <div class="col-lg-3 col-md-4 text-center">
  207.        <img src="images/experience/icon-2.png" alt="icon">
  208.        <p class="mb-0">Mar 2012 - Aug 2016</p>
  209.        <h4>Expansion & Growth</h4>
  210.        <h6 class="text-light">AUGMEDIX Partnership</h6>
  211.      </div>
  212.      <div class="col-lg-3 col-md-4 text-center">
  213.        <img src="images/experience/icon-3.png" alt="icon">
  214.        <p class="mb-0">Sep 2016 - Present</p>
  215.        <h4>Global Innovation</h4>
  216.        <h6 class="text-light">CLOVER Collaboration</h6>
  217.      </div>
  218.    </div>
  219.  </div>
  220. </section>
  221. <!-- /experience -->
  222.  
  223. <!-- EDUCATION / CERTIFICATIONS SECTION -->
  224. <section class="section position-relative" id="education">
  225.  <div class="container">
  226.    <div class="row">
  227.      <div class="col-lg-12 text-center">
  228.        <!-- Renamed to reflect company achievements or certifications -->
  229.        <h2 class="section-title">Achievements & Certifications</h2>
  230.      </div>
  231.      <!-- Example achievements: could reflect major certifications, awards, or big accomplishments -->
  232.      <div class="col-lg-6 col-md-6 mb-80">
  233.        <div class="d-flex">
  234.          <div class="mr-lg-5 mr-3">
  235.            <i class="ti-medall icon icon-light icon-bg bg-white shadow rounded-circle d-block"></i>
  236.          </div>
  237.          <div>
  238.            <p class="text-dark mb-1">2010</p>
  239.            <h4>Official Launch & First Funding</h4>
  240.            <p class="mb-0 text-light">Secured seed funding to kickstart development</p>
  241.          </div>
  242.        </div>
  243.      </div>
  244.      <div class="col-lg-6 col-md-6 mb-80">
  245.        <div class="d-flex">
  246.          <div class="mr-lg-5 mr-3">
  247.            <i class="ti-medall icon icon-light icon-bg bg-white shadow rounded-circle d-block"></i>
  248.          </div>
  249.          <div>
  250.            <p class="text-dark mb-1">2014</p>
  251.            <h4>ISO Security Certification</h4>
  252.            <p class="mb-0 text-light">Ensuring global security standards</p>
  253.          </div>
  254.        </div>
  255.      </div>
  256.      <div class="col-lg-6 col-md-6 mb-80">
  257.        <div class="d-flex">
  258.          <div class="mr-lg-5 mr-3">
  259.            <i class="ti-medall icon icon-light icon-bg bg-white shadow rounded-circle d-block"></i>
  260.          </div>
  261.          <div>
  262.            <p class="text-dark mb-1">2017</p>
  263.            <h4>Industry Innovation Award</h4>
  264.            <p class="mb-0 text-light">Recognized for cutting-edge software solutions</p>
  265.          </div>
  266.        </div>
  267.      </div>
  268.      <div class="col-lg-6 col-md-6 mb-80">
  269.        <div class="d-flex">
  270.          <div class="mr-lg-5 mr-3">
  271.            <i class="ti-medall icon icon-light icon-bg bg-white shadow rounded-circle d-block"></i>
  272.          </div>
  273.          <div>
  274.            <p class="text-dark mb-1">2020</p>
  275.            <h4>Global Expansion</h4>
  276.            <p class="mb-0 text-light">Established offices in Europe & APAC</p>
  277.          </div>
  278.        </div>
  279.      </div>
  280.    </div>
  281.  </div>
  282.  <!-- Background image (unchanged) -->
  283.  <img class="img-fluid edu-bg-image w-100" src="images/backgrounds/education-bg.png" alt="bg-image">
  284. </section>
  285. <!-- /education -->
  286.  
  287. <!-- SERVICES SECTION -->
  288. <section class="section" id="services">
  289.  <div class="container">
  290.    <div class="row">
  291.      <div class="col-12 text-center">
  292.        <h2 class="section-title">Services</h2>
  293.      </div>
  294.      <div class="col-md-4 mb-4 mb-md-0">
  295.        <div class="card hover-shadow shadow">
  296.          <div class="card-body text-center px-4 py-5">
  297.            <i class="ti-palette icon mb-5 d-inline-block"></i>
  298.            <h4 class="mb-4">Frontend Development</h4>
  299.            <p>
  300.              Our team builds responsive and visually engaging user interfaces with modern web technologies
  301.              to keep your audience connected and impressed.
  302.            </p>
  303.          </div>
  304.        </div>
  305.      </div>
  306.      <div class="col-md-4 mb-4 mb-md-0">
  307.        <div class="card active-bg-primary hover-shadow shadow">
  308.          <div class="card-body text-center px-4 py-5">
  309.            <i class="ti-vector icon mb-5 d-inline-block"></i>
  310.            <h4 class="mb-4">Backend Solutions</h4>
  311.            <p>
  312.              Robust and secure server-side architectures using Python, Node.js, and cloud platforms
  313.              to ensure reliability and scalability for your business.
  314.            </p>
  315.          </div>
  316.        </div>
  317.      </div>
  318.      <div class="col-md-4 mb-4 mb-md-0">
  319.        <div class="card hover-shadow shadow">
  320.          <div class="card-body text-center px-4 py-5">
  321.            <i class="ti-panel icon mb-5 d-inline-block"></i>
  322.            <h4 class="mb-4">Full-Stack Integration</h4>
  323.            <p>
  324.              Complete end-to-end development that seamlessly connects your front-end and back-end,
  325.              delivering a smooth user experience and efficient performance.
  326.            </p>
  327.          </div>
  328.        </div>
  329.      </div>
  330.    </div>
  331.  </div>
  332. </section>
  333. <!-- /services -->
  334.  
  335. <!-- PORTFOLIO SECTION -->
  336. <section class="section" id="portfolio">
  337.  <div class="container">
  338.    <div class="row">
  339.      <div class="col-12 text-center">
  340.        <h2 class="section-title">Our Portfolio</h2>
  341.      </div>
  342.    </div>
  343.    <div class="row shuffle-wrapper">
  344.      <!-- Portfolio items (images unchanged) -->
  345.      <div class="col-lg-4 col-6 mb-4 shuffle-item">
  346.        <div class="position-relative rounded hover-wrapper">
  347.          <img src="images/portfolio/item-1.png" alt="portfolio-image" class="img-fluid rounded w-100">
  348.          <div class="hover-overlay">
  349.            <div class="hover-content">
  350.              <a class="btn btn-light btn-sm" href="#">View Project</a>
  351.            </div>
  352.          </div>
  353.        </div>
  354.      </div>
  355.      <div class="col-lg-4 col-6 mb-4 shuffle-item">
  356.        <div class="position-relative rounded hover-wrapper">
  357.          <img src="images/portfolio/item-2.png" alt="portfolio-image" class="img-fluid rounded w-100">
  358.          <div class="hover-overlay">
  359.            <div class="hover-content">
  360.              <a class="btn btn-light btn-sm" href="#">View Project</a>
  361.            </div>
  362.          </div>
  363.        </div>
  364.      </div>
  365.      <div class="col-lg-4 col-6 mb-4 shuffle-item">
  366.        <div class="position-relative rounded hover-wrapper">
  367.          <img src="images/portfolio/item-3.png" alt="portfolio-image" class="img-fluid rounded w-100">
  368.          <div class="hover-overlay">
  369.            <div class="hover-content">
  370.              <a class="btn btn-light btn-sm" href="#">View Project</a>
  371.            </div>
  372.          </div>
  373.        </div>
  374.      </div>
  375.      <div class="col-lg-4 col-6 mb-4 shuffle-item">
  376.        <div class="position-relative rounded hover-wrapper">
  377.          <img src="images/portfolio/item-4.png" alt="portfolio-image" class="img-fluid rounded w-100">
  378.          <div class="hover-overlay">
  379.            <div class="hover-content">
  380.              <a class="btn btn-light btn-sm" href="#">View Project</a>
  381.            </div>
  382.          </div>
  383.        </div>
  384.      </div>
  385.      <div class="col-lg-4 col-6 mb-4 shuffle-item">
  386.        <div class="position-relative rounded hover-wrapper">
  387.          <img src="images/portfolio/item-5.png" alt="portfolio-image" class="img-fluid rounded w-100">
  388.          <div class="hover-overlay">
  389.            <div class="hover-content">
  390.              <a class="btn btn-light btn-sm" href="#">View Project</a>
  391.            </div>
  392.          </div>
  393.        </div>
  394.      </div>
  395.    </div>
  396.  </div>
  397. </section>
  398. <!-- /portfolio -->
  399.  
  400. <!-- TESTIMONIAL SECTION -->
  401. <section class="section bg-primary position-relative testimonial-bg-shapes" id="testimonial">
  402.  <div class="container">
  403.    <div class="row">
  404.      <div class="col-12 text-center">
  405.        <h2 class="section-title text-white mb-5">What Clients Say</h2>
  406.      </div>
  407.      <div class="col-lg-10 mx-auto testimonial-slider">
  408.        <!-- Updated text for company-based testimonials -->
  409.        <div class="text-center testimonial-content">
  410.          <i class="ti-quote-right text-white icon mb-4 d-inline-block"></i>
  411.          <p class="text-white mb-4">
  412.            “Pix2 developed a full-stack solution for our retail platform, significantly boosting performance and customer satisfaction. Highly recommend their services!”
  413.          </p>
  414.          <img class="img-fluid rounded-circle mb-4 d-inline-block" src="images/testimonial/client-1.png"
  415.            alt="client-image">
  416.          <h4 class="text-white">Sarah Thompson</h4>
  417.          <h6 class="text-light mb-4">CEO, RetailTech</h6>
  418.        </div>
  419.        <div class="text-center testimonial-content">
  420.          <i class="ti-quote-right text-white icon mb-4 d-inline-block"></i>
  421.          <p class="text-white mb-4">
  422.            “Working with Pix2 was seamless. Their team delivered on time and provided strong technical expertise that took our project to the next level.”
  423.          </p>
  424.          <img class="img-fluid rounded-circle mb-4 d-inline-block" src="images/testimonial/client-1.png"
  425.            alt="client-image">
  426.          <h4 class="text-white">James Cooper</h4>
  427.          <h6 class="text-light mb-4">Founder, InnovateNow</h6>
  428.        </div>
  429.        <div class="text-center testimonial-content">
  430.          <i class="ti-quote-right text-white icon mb-4 d-inline-block"></i>
  431.          <p class="text-white mb-4">
  432.            “We needed a robust backend for our SaaS product. Pix2 delivered a secure, scalable platform that exceeded our expectations.”
  433.          </p>
  434.          <img class="img-fluid rounded-circle mb-4 d-inline-block" src="images/testimonial/client-1.png"
  435.            alt="client-image">
  436.          <h4 class="text-white">Rebecca Stein</h4>
  437.          <h6 class="text-light mb-4">CTO, DataWorks</h6>
  438.        </div>
  439.      </div>
  440.    </div>
  441.  </div>
  442.  <!-- Background shapes (unchanged) -->
  443.  <img src="images/backgrounds/map.png" alt="map" class="img-fluid bg-map">
  444.  <img src="images/illustrations/dots-group-v.png" alt="bg-shape" class="img-fluid bg-shape-1">
  445.  <img src="images/illustrations/leaf-orange.png" alt="bg-shape" class="img-fluid bg-shape-2">
  446.  <img src="images/illustrations/dots-group-sm.png" alt="bg-shape" class="img-fluid bg-shape-3">
  447.  <img src="images/illustrations/leaf-pink-round.png" alt="bg-shape" class="img-fluid bg-shape-4">
  448.  <img src="images/illustrations/leaf-cyan.png" alt="bg-shape" class="img-fluid bg-shape-5">
  449. </section>
  450. <!-- /testimonial -->
  451.  
  452. <!-- CLIENT LOGO SLIDER (optional) -->
  453. <section class="section pb-0" id="clients">
  454.  <div class="container">
  455.    <div class="client-logo-slider d-flex align-items-center">
  456.      <!-- Links changed to #contact anchor or placeholders -->
  457.      <a href="#contact" class="text-center d-block outline-0 p-4">
  458.        <img class="d-unset img-fluid" src="images/clients-logo/client-logo-1.png" alt="client-logo">
  459.      </a>
  460.      <a href="#contact" class="text-center d-block outline-0 p-4">
  461.        <img class="d-unset img-fluid" src="images/clients-logo/client-logo-2.png" alt="client-logo">
  462.      </a>
  463.      <a href="#contact" class="text-center d-block outline-0 p-4">
  464.        <img class="d-unset img-fluid" src="images/clients-logo/client-logo-3.png" alt="client-logo">
  465.      </a>
  466.      <a href="#contact" class="text-center d-block outline-0 p-4">
  467.        <img class="d-unset img-fluid" src="images/clients-logo/client-logo-4.png" alt="client-logo">
  468.      </a>
  469.      <a href="#contact" class="text-center d-block outline-0 p-4">
  470.        <img class="d-unset img-fluid" src="images/clients-logo/client-logo-5.png" alt="client-logo">
  471.      </a>
  472.      <a href="#contact" class="text-center d-block outline-0 p-4">
  473.        <img class="d-unset img-fluid" src="images/clients-logo/client-logo-1.png" alt="client-logo">
  474.      </a>
  475.      <a href="#contact" class="text-center d-block outline-0 p-4">
  476.        <img class="d-unset img-fluid" src="images/clients-logo/client-logo-2.png" alt="client-logo">
  477.      </a>
  478.      <a href="#contact" class="text-center d-block outline-0 p-4">
  479.        <img class="d-unset img-fluid" src="images/clients-logo/client-logo-3.png" alt="client-logo">
  480.      </a>
  481.      <a href="#contact" class="text-center d-block outline-0 p-4">
  482.        <img class="d-unset img-fluid" src="images/clients-logo/client-logo-4.png" alt="client-logo">
  483.      </a>
  484.      <a href="#contact" class="text-center d-block outline-0 p-4">
  485.        <img class="d-unset img-fluid" src="images/clients-logo/client-logo-5.png" alt="client-logo">
  486.      </a>
  487.    </div>
  488.  </div>
  489. </section>
  490. <!-- /client logo slider -->
  491.  
  492. <!-- BLOG SECTION -->
  493. <section class="section" id="blog">
  494.  <div class="container">
  495.    <div class="row">
  496.      <div class="col-12 text-center">
  497.        <h2 class="section-title">Blog</h2>
  498.      </div>
  499.      <!-- Example blog posts for a company -->
  500.      <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
  501.        <article class="card shadow">
  502.          <img class="rounded card-img-top" src="images/blog/post-3.jpg" alt="post-thumb">
  503.          <div class="card-body">
  504.            <h4 class="card-title">
  505.              <a class="text-dark" href="#blog">Scaling E-Commerce with Cloud Solutions</a>
  506.            </h4>
  507.            <p class="cars-text">
  508.              Discover how migrating to modern cloud infrastructure helps online stores handle massive traffic spikes.
  509.            </p>
  510.            <a href="#blog" class="btn btn-xs btn-primary">Read More</a>
  511.          </div>
  512.        </article>
  513.      </div>
  514.      <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
  515.        <article class="card shadow">
  516.          <img class="rounded card-img-top" src="images/blog/post-4.jpg" alt="post-thumb">
  517.          <div class="card-body">
  518.            <h4 class="card-title">
  519.              <a class="text-dark" href="#blog">Choosing the Right Tech Stack</a>
  520.            </h4>
  521.            <p class="cars-text">
  522.              A comprehensive guide to selecting the best tools and frameworks to meet your business objectives.
  523.            </p>
  524.            <a href="#blog" class="btn btn-xs btn-primary">Read More</a>
  525.          </div>
  526.        </article>
  527.      </div>
  528.      <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
  529.        <article class="card shadow">
  530.          <img class="rounded card-img-top" src="images/blog/post-2.jpg" alt="post-thumb">
  531.          <div class="card-body">
  532.            <h4 class="card-title">
  533.              <a class="text-dark" href="#blog">Embracing Agile Development</a>
  534.            </h4>
  535.            <p class="cars-text">
  536.              Learn how agile practices can streamline project workflows and improve collaboration among teams.
  537.            </p>
  538.            <a href="#blog" class="btn btn-xs btn-primary">Read More</a>
  539.          </div>
  540.        </article>
  541.      </div>
  542.    </div>
  543.  </div>
  544. </section>
  545. <!-- /blog -->
  546.  
  547. <!-- CONTACT SECTION -->
  548. <section class="section section-on-footer" data-background="images/backgrounds/bg-dots.png" id="contact">
  549.  <div class="container">
  550.    <div class="row">
  551.      <div class="col-12 text-center">
  552.        <h2 class="section-title">Get in Touch</h2>
  553.      </div>
  554.      <div class="col-lg-8 mx-auto">
  555.        <div class="bg-white rounded text-center p-5 shadow-down">
  556.          <h4 class="mb-80">Contact Form</h4>
  557.          <form action="#" class="row">
  558.            <div class="col-md-6">
  559.              <input type="text" id="name" name="name" placeholder="Full Name" class="form-control px-0 mb-4" required>
  560.            </div>
  561.            <div class="col-md-6">
  562.              <input type="email" id="email" name="email" placeholder="Email Address" class="form-control px-0 mb-4" required>
  563.            </div>
  564.            <div class="col-12">
  565.              <textarea name="message" id="message" class="form-control px-0 mb-4"
  566.                placeholder="Type Message Here" required></textarea>
  567.            </div>
  568.            <div class="col-lg-6 col-10 mx-auto">
  569.              <button class="btn btn-primary w-100">Send</button>
  570.            </div>
  571.          </form>
  572.        </div>
  573.      </div>
  574.    </div>
  575.  </div>
  576. </section>
  577. <!-- /contact -->
  578.  
  579. <!-- FOOTER -->
  580. <footer class="bg-dark footer-section">
  581.  <div class="section">
  582.    <div class="container">
  583.      <div class="row">
  584.        <div class="col-md-4">
  585.          <h5 class="text-light">Email</h5>
  586.          <p class="text-white paragraph-lg font-secondary">info@pix2.net</p>
  587.        </div>
  588.        <div class="col-md-4">
  589.          <h5 class="text-light">Phone</h5>
  590.          <p class="text-white paragraph-lg font-secondary">+1 (213) 459-3986</p>
  591.        </div>
  592.        <div class="col-md-4">
  593.          <h5 class="text-light">Address</h5>
  594.          <p class="text-white paragraph-lg font-secondary">
  595.            125/A, CA Commercial Area,<br>California, USA
  596.          </p>
  597.        </div>
  598.      </div>
  599.    </div>
  600.  </div>
  601.  <div class="border-top text-center border-dark py-5">
  602.    <p class="mb-0 text-light">
  603.     info@pix2.net
  604.  </div>
  605. </footer>
  606. <!-- /footer -->
  607.  
  608. <!-- jQuery -->
  609. <script src="plugins/jQuery/jquery.min.js"></script>
  610. <!-- Bootstrap JS -->
  611. <script src="plugins/bootstrap/bootstrap.min.js"></script>
  612. <!-- slick slider -->
  613. <script src="plugins/slick/slick.min.js"></script>
  614. <!-- filter -->
  615. <script src="plugins/shuffle/shuffle.min.js"></script>
  616.  
  617. <!-- Main Script -->
  618. <script src="js/script.js"></script>
  619.  
  620. </body>
  621. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda