Ultimate Solutions - Your Partner in Digital Innovation<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \r\n \r\n \r\n .container {\r\n width: 100%;\r\n max-width: 1800px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n \r\n section {\r\n padding: 80px 0;\r\n }\r\n \r\n h1, h2, h3, h4 {\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n \r\n h1 {\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n }\r\n \r\n h2 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n }\r\n \r\n h3 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n p {\r\n margin-bottom: 1.5rem;\r\n color: var(--gray);\r\n text-align: center;\r\n }\r\n \r\n .btn {\r\n display: inline-block;\r\n padding: 12px 30px;\r\n background-color: var(--primary);\r\n color: white;\r\n border: none;\r\n border-radius: 5px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .btn:hover {\r\n background-color: var(--primary-dark);\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .btn-secondary {\r\n background-color: transparent;\r\n color: var(--primary);\r\n border: 2px solid var(--primary);\r\n }\r\n \r\n .btn-secondary:hover {\r\n background-color: rgba(37, 99, 235, 0.1);\r\n }\r\n \r\n \r\n .mobile-menu-btn {\r\n display: none;\r\n background: none;\r\n border: none;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n color: var(--dark);\r\n }\r\n \r\n \/* Hero Section *\/\r\n .hero {\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\r\n position: relative;\r\n overflow: hidden;\r\n \r\n }\r\n \r\n .hero-content {\r\n max-width: 600px;\r\n z-index: 2;\r\n padding: 10px;\r\n }\r\n \r\n .hero h1 {\r\n margin-bottom: 1.5rem;\r\n }\r\n \r\n .hero p {\r\n font-size: 1.2rem;\r\n margin-bottom: 2.5rem;\r\n text-align: left;\r\n }\r\n \r\n .hero-btns {\r\n display: flex;\r\n gap: 15px;\r\n }\r\n \r\n .hero-animation {\r\n position: absolute;\r\n right: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50%;\r\n height: 70%;\r\n background: url('https:\/\/images.unsplash.com\/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80') no-repeat center center;\r\n background-size: cover;\r\n border-radius: 10px;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n \/* Services Section *\/\r\n .services {\r\n background-color: white;\r\n }\r\n \r\n .services-tabs {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 40px;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n \r\n .tab-btn {\r\n padding: 12px 25px;\r\n background: none;\r\n border: 2px solid #e2e8f0;\r\n border-radius: 30px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .tab-btn.active {\r\n background-color: var(--primary);\r\n color: white;\r\n border-color: var(--primary);\r\n }\r\n \r\n .tab-content {\r\n display: none;\r\n animation: fadeIn 0.5s ease;\r\n }\r\n \r\n .tab-content.active {\r\n display: block;\r\n }\r\n \r\n .service-demo {\r\n display: flex;\r\n align-items: center;\r\n gap: 50px;\r\n margin-top: 30px;\r\n }\r\n \r\n .service-info {\r\n flex: 1;\r\n }\r\n \r\n .service-info p {\r\n text-align: left;\r\n }\r\n \r\n .service-visual {\r\n flex: 1;\r\n background-color: #f1f5f9;\r\n border-radius: 10px;\r\n padding: 20px;\r\n min-height: 300px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .app-mockup {\r\n width: 250px;\r\n height: 500px;\r\n background: white;\r\n border-radius: 30px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n \r\n .app-screen {\r\n width: 100%;\r\n height: 100%;\r\n background-size: cover;\r\n background-position: center;\r\n }\r\n \r\n \/* Mission Section *\/\r\n .mission {\r\n background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\r\n color: white;\r\n }\r\n \r\n .mission h2, .mission p {\r\n color: white;\r\n text-align: center;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n \r\n .stats {\r\n display: flex;\r\n justify-content: space-around;\r\n flex-wrap: wrap;\r\n margin-top: 50px;\r\n gap: 20px;\r\n }\r\n \r\n .stat-item {\r\n text-align: center;\r\n }\r\n \r\n .stat-number {\r\n font-size: 3rem;\r\n font-weight: 800;\r\n color: var(--primary);\r\n margin-bottom: 10px;\r\n }\r\n \r\n .stat-label {\r\n font-size: 1.1rem;\r\n color: #cbd5e1;\r\n }\r\n \r\n .team-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n gap: 30px;\r\n margin-top: 50px;\r\n }\r\n \r\n .team-member {\r\n text-align: center;\r\n transition: transform 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .team-member:hover {\r\n transform: translateY(-10px);\r\n }\r\n \r\n .member-photo {\r\n width: 150px;\r\n height: 150px;\r\n border-radius: 50%;\r\n margin: 0 auto 20px;\r\n overflow: hidden;\r\n background-color: #374151;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 3rem;\r\n }\r\n \r\n .member-info {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: rgba(30, 41, 59, 0.9);\r\n padding: 15px;\r\n transform: translateY(100%);\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .team-member:hover .member-info {\r\n transform: translateY(0);\r\n }\r\n \r\n \/* Clients Section *\/\r\n .clients {\r\n background-color: white;\r\n }\r\n \r\n .case-studies {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n margin-bottom: 50px;\r\n }\r\n \r\n .case-study {\r\n background: white;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .case-study:hover {\r\n transform: translateY(-10px);\r\n }\r\n \r\n .case-logo {\r\n height: 80px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n background: #f8fafc;\r\n }\r\n \r\n .case-content {\r\n padding: 20px;\r\n }\r\n \r\n .testimonial-ticker {\r\n background: #f1f5f9;\r\n padding: 30px 0;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n \r\n .ticker-content {\r\n display: flex;\r\n animation: ticker 30s linear infinite;\r\n }\r\n \r\n .testimonial {\r\n flex: 0 0 300px;\r\n margin: 0 20px;\r\n padding: 20px;\r\n background: white;\r\n border-radius: 10px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n \/* Tech Stack *\/\r\n .tech-stack {\r\n background: #f8fafc;\r\n }\r\n \r\n .tech-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n gap: 20px;\r\n margin-top: 40px;\r\n }\r\n \r\n .tech-item {\r\n background: white;\r\n border-radius: 10px;\r\n padding: 20px;\r\n text-align: center;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n \r\n .tech-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .tech-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 10px;\r\n color: var(--primary);\r\n }\r\n \r\n .tech-info {\r\n display: none;\r\n margin-top: 20px;\r\n padding: 15px;\r\n background: #f1f5f9;\r\n border-radius: 5px;\r\n }\r\n \r\n \/* Contact Section *\/\r\n .contact {\r\n background: white;\r\n }\r\n \r\n .contact-container {\r\n display: flex;\r\n gap: 50px;\r\n }\r\n \r\n .contact-info {\r\n flex: 1;\r\n }\r\n \r\n .contact-info p {\r\n text-align: left;\r\n }\r\n \r\n .contact-form {\r\n flex: 1;\r\n }\r\n \r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n \r\n .form-group label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n }\r\n \r\n .form-control {\r\n width: 100%;\r\n padding: 12px 15px;\r\n border: 1px solid #cbd5e1;\r\n border-radius: 5px;\r\n font-size: 1rem;\r\n transition: border-color 0.3s ease;\r\n }\r\n \r\n .form-control:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n }\r\n \r\n .trust-badges {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n margin-top: 20px;\r\n }\r\n \r\n .badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 15px;\r\n background: #f1f5f9;\r\n border-radius: 5px;\r\n font-size: 0.9rem;\r\n }\r\n \r\n \/* Animations *\/\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n \r\n @keyframes ticker {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n \r\n \/* Responsive Design *\/\r\n @media (max-width: 1200px) {\r\n .hero-animation {\r\n width: 45%;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n h1 {\r\n font-size: 2.8rem;\r\n }\r\n \r\n h2 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .hero-animation {\r\n display: none;\r\n }\r\n \r\n .hero-content {\r\n max-width: 100%;\r\n text-align: center;\r\n }\r\n \r\n .hero p {\r\n text-align: center;\r\n }\r\n \r\n .service-demo {\r\n flex-direction: column;\r\n }\r\n \r\n .contact-container {\r\n flex-direction: column;\r\n }\r\n \r\n .footer-content {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .navbar {\r\n padding: 15px 0;\r\n }\r\n \r\n .nav-links {\r\n display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n width: 100%;\r\n background: white;\r\n flex-direction: column;\r\n padding: 20px;\r\n box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n text-align: center;\r\n }\r\n \r\n .nav-links.active {\r\n display: flex;\r\n }\r\n \r\n .nav-links li {\r\n margin: 10px 0;\r\n }\r\n \r\n .mobile-menu-btn {\r\n display: block;\r\n }\r\n \r\n .hero-btns {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .hero-btns .btn {\r\n width: 100%;\r\n max-width: 250px;\r\n text-align: center;\r\n }\r\n \r\n .stats {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .team-grid {\r\n grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n }\r\n \r\n .tech-grid {\r\n grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n }\r\n \r\n .services-tabs {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .tab-btn {\r\n width: 100%;\r\n max-width: 300px;\r\n }\r\n \r\n .case-studies {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .trust-badges {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n h1 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n h2 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n h3 {\r\n font-size: 1.5rem;\r\n }\r\n \r\n section {\r\n padding: 60px 0;\r\n }\r\n \r\n .container {\r\n padding: 0 15px;\r\n }\r\n \r\n .hero {\r\n height: auto;\r\n min-height: 100vh;\r\n padding: 100px 0 60px;\r\n }\r\n \r\n .app-mockup {\r\n width: 200px;\r\n height: 400px;\r\n }\r\n \r\n .member-photo {\r\n width: 120px;\r\n height: 120px;\r\n }\r\n \r\n .stat-number {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .chat-bot {\r\n width: 50px;\r\n height: 50px;\r\n bottom: 20px;\r\n right: 20px;\r\n }\r\n }\r\n\r\n \/* High-resolution displays *\/\r\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\r\n .hero-animation {\r\n background-image: url('https:\/\/images.unsplash.com\/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80');\r\n }\r\n }\r\n\r\n \/* Print styles *\/\r\n @media print {\r\n .chat-bot, .mobile-menu-btn {\r\n display: none !important;\r\n }\r\n \r\n .hero {\r\n background: white !important;\r\n height: auto;\r\n }\r\n \r\n .btn {\r\n background: #f1f5f9 !important;\r\n color: black !important;\r\n border: 1px solid #ccc !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <header id=\"header\">\r\n <div class=\"container\">\r\n \r\n \r\n <button class=\"mobile-menu-btn\">\r\n <i class=\"fas fa-bars\"><\/i>\r\n <\/button>\r\n \r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <h1>Your Partner in Digital Innovation<\/h1>\r\n <p>We transform ideas into powerful digital solutions that drive business growth. From concept to deployment, we're with you every step of the way.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"https:\/\/ultsol.cloud\/index.php\/services\/\" class=\"btn\">Our Services<\/a>\r\n <a href=\"https:\/\/ultsol.cloud\/index.php\/contact-us\/\" class=\"btn btn-secondary\">Get in Touch<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-animation\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"services\" class=\"services\">\r\n <div class=\"container\">\r\n <h2>Specialized Services for a Digital World<\/h2>\r\n <p class=\"section-subtitle\">We build the tools that power modern businesses. Click to explore.<\/p>\r\n \r\n <div class=\"services-tabs\">\r\n <button class=\"tab-btn active\" data-tab=\"web\">Web Development<\/button>\r\n <button class=\"tab-btn\" data-tab=\"app\">App Development<\/button>\r\n <button class=\"tab-btn\" data-tab=\"software\">Software Development<\/button>\r\n <\/div>\r\n \r\n <div class=\"tab-content active\" id=\"web-content\">\r\n <div class=\"service-demo\">\r\n <div class=\"service-info\">\r\n <h3>Web Development<\/h3>\r\n <p>From stunning brand websites to complex e-commerce platforms and web applications. We create responsive, fast, and secure websites that deliver exceptional user experiences.<\/p>\r\n <p>Our web solutions are built with the latest technologies and follow best practices for SEO, performance, and accessibility.<\/p>\r\n <button class=\"btn demo-btn\">See a Demo<\/button>\r\n <\/div>\r\n <div class=\"service-visual\">\r\n <div class=\"web-demo-placeholder\">\r\n <i class=\"fas fa-laptop-code\" style=\"font-size: 5rem; color: #2563eb;\"><\/i>\r\n <p>Interactive Web Demo<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tab-content\" id=\"app-content\">\r\n <div class=\"service-demo\">\r\n <div class=\"service-info\">\r\n <h3>App Development<\/h3>\r\n <p>Native and cross-platform mobile apps that provide seamless user experiences. We develop for iOS and Android using the latest frameworks and technologies.<\/p>\r\n <p>Our apps are designed with user-centric approaches, ensuring intuitive navigation and engaging interfaces.<\/p>\r\n <button class=\"btn demo-btn\">See a Demo<\/button>\r\n <\/div>\r\n \r\n <div class=\"service-visual\">\r\n <div class=\"app-mockup\">\r\n <div class=\"app-screen\" style=\"background-color: #f0f9ff; display: flex; align-items: center; justify-content: center;\">\r\n <i class=\"fas fa-mobile-alt\" style=\"font-size: 3rem; color: #2563eb;\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tab-content\" id=\"software-content\">\r\n <div class=\"service-demo\">\r\n <div class=\"service-info\">\r\n <h3>Software Development<\/h3>\r\n <p>Tailor-made software solutions that streamline your unique business processes. We analyze your workflow and create customized applications that improve efficiency and productivity.<\/p>\r\n <p>Our software solutions integrate seamlessly with your existing systems and scale with your business growth.<\/p>\r\n <button class=\"btn demo-btn\">See a Demo<\/button>\r\n <\/div>\r\n <div class=\"service-visual\">\r\n <div class=\"software-demo-placeholder\">\r\n <i class=\"fas fa-cogs\" style=\"font-size: 5rem; color: #2563eb;\"><\/i>\r\n <p>Process Automation Visualization<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"mission\" class=\"mission\">\r\n <div class=\"container\">\r\n <h2>Driven by a Mission to Deliver Excellence<\/h2>\r\n <p>Our mission is to help clients grow through innovation, technology, and a commitment to excellence. We believe in providing solutions that make work easier and businesses stronger.<\/p>\r\n \r\n <div class=\"stats\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\" data-target=\"150\">0<\/div>\r\n <div class=\"stat-label\">Projects Delivered<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\" data-target=\"99\">0<\/div>\r\n <div class=\"stat-label\">Client Satisfaction<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\" data-target=\"50\">0<\/div>\r\n <div class=\"stat-label\">Industry Experts<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 style=\"text-align: center; margin-top: 60px;\">Our Team<\/h3>\r\n <div class=\"team-grid\">\r\n <div class=\"team-member\">\r\n <div class=\"member-photo\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <\/div>\r\n <h4>Sarah Johnson<\/h4>\r\n <p>CEO & Founder<\/p>\r\n <div class=\"member-info\">\r\n <p>15+ years in tech industry. Passionate about innovation and client success.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-member\">\r\n <div class=\"member-photo\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <\/div>\r\n <h4>Michael Chen<\/h4>\r\n <p>CTO<\/p>\r\n <div class=\"member-info\">\r\n <p>Expert in cloud architecture and scalable solutions. Loves solving complex problems.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-member\">\r\n <div class=\"member-photo\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <\/div>\r\n <h4>Emily Rodriguez<\/h4>\r\n <p>Lead Designer<\/p>\r\n <div class=\"member-info\">\r\n <p>Creates beautiful, user-friendly interfaces. Award-winning UX designer.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-member\">\r\n <div class=\"member-photo\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <\/div>\r\n <h4>David Kim<\/h4>\r\n <p>Senior Developer<\/p>\r\n <div class=\"member-info\">\r\n <p>Full-stack developer with passion for clean code and innovative solutions.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n \r\n <section id=\"clients\" class=\"clients\">\r\n <div class=\"container\">\r\n <h2>Trusted by Industry Leaders<\/h2>\r\n <p class=\"section-subtitle\">We've helped businesses of all sizes achieve their digital transformation goals.<\/p>\r\n \r\n <div class=\"case-studies\">\r\n <div class=\"case-study\">\r\n <div class=\"case-logo\">\r\n <i class=\"fas fa-building\" style=\"font-size: 2rem; color: #2563eb;\"><\/i>\r\n <\/div>\r\n <div class=\"case-content\">\r\n <h3>Global Finance Corp<\/h3>\r\n <p>Custom financial dashboard that increased reporting efficiency by 65%.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"case-study\">\r\n <div class=\"case-logo\">\r\n <i class=\"fas fa-shopping-cart\" style=\"font-size: 2rem; color: #2563eb;\"><\/i>\r\n <\/div>\r\n <div class=\"case-content\">\r\n <h3>Retail Giant<\/h3>\r\n <p>E-commerce platform that boosted online sales by 120% in the first year.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"case-study\">\r\n <div class=\"case-logo\">\r\n <i class=\"fas fa-heartbeat\" style=\"font-size: 2rem; color: #2563eb;\"><\/i>\r\n <\/div>\r\n <div class=\"case-content\">\r\n <h3>HealthTech Startup<\/h3>\r\n <p>Mobile app that improved patient engagement and reduced appointment no-shows by 40%.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"testimonial-ticker\">\r\n <div class=\"ticker-content\">\r\n <div class=\"testimonial\">\r\n <p>\"Ultimate Solutions transformed our digital presence and helped us reach new markets.\"<\/p>\r\n <p><strong>- Tech Innovations Inc.<\/strong><\/p>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <p>\"Their team delivered beyond our expectations. The project was completed on time and within budget.\"<\/p>\r\n <p><strong>- Global Retail Group<\/strong><\/p>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <p>\"The software solution they built streamlined our operations and saved us thousands of hours.\"<\/p>\r\n <p><strong>- Manufacturing Corp<\/strong><\/p>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <p>\"Working with Ultimate Solutions was a game-changer for our business. Highly recommended!\"<\/p>\r\n <p><strong>- Startup Ventures<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"tech\" class=\"tech-stack\">\r\n <div class=\"container\">\r\n <h2>Built with Modern Technology<\/h2>\r\n <p class=\"section-subtitle\">We use cutting-edge technologies to deliver robust, scalable, and future-proof solutions.<\/p>\r\n \r\n <div class=\"tech-grid\">\r\n <div class=\"tech-item\" data-tech=\"react\">\r\n <div class=\"tech-icon\">\r\n <i class=\"fab fa-react\"><\/i>\r\n <\/div>\r\n <h4>React<\/h4>\r\n <div class=\"tech-info\">\r\n <p>We use React to build fast, interactive user interfaces with reusable components.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tech-item\" data-tech=\"node\">\r\n <div class=\"tech-icon\">\r\n <i class=\"fab fa-node-js\"><\/i>\r\n <\/div>\r\n <h4>Node.js<\/h4>\r\n <div class=\"tech-info\">\r\n <p>Node.js powers our server-side applications with its non-blocking, event-driven architecture.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tech-item\" data-tech=\"aws\">\r\n <div class=\"tech-icon\">\r\n <i class=\"fab fa-aws\"><\/i>\r\n <\/div>\r\n <h4>AWS<\/h4>\r\n <div class=\"tech-info\">\r\n <p>We leverage AWS for scalable, reliable, and secure cloud infrastructure solutions.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tech-item\" data-tech=\"python\">\r\n <div class=\"tech-icon\">\r\n <i class=\"fab fa-python\"><\/i>\r\n <\/div>\r\n <h4>Python<\/h4>\r\n <div class=\"tech-info\">\r\n <p>Python is our go-to for data analysis, machine learning, and backend development.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tech-item\" data-tech=\"swift\">\r\n <div class=\"tech-icon\">\r\n <i class=\"fab fa-swift\"><\/i>\r\n <\/div>\r\n <h4>Swift<\/h4>\r\n <div class=\"tech-info\">\r\n <p>We use Swift to develop high-performance, native iOS applications with excellent user experiences.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tech-item\" data-tech=\"google-cloud\">\r\n <div class=\"tech-icon\">\r\n <i class=\"fab fa-google\"><\/i>\r\n <\/div>\r\n <h4>Google Cloud<\/h4>\r\n <div class=\"tech-info\">\r\n <p>Google Cloud Platform provides us with powerful data analytics and machine learning capabilities.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contact\" class=\"contact\">\r\n <div class=\"container\">\r\n <h2>Ready to Start Your Project?<\/h2>\r\n \r\n <div class=\"contact-container\">\r\n <div class=\"contact-info\">\r\n <h3>Get in Touch<\/h3>\r\n <p>We'd love to hear about your project and discuss how we can help bring your ideas to life.<\/p>\r\n \r\n <div style=\"margin-top: 30px;\">\r\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Near Sadique Sadiq hospital sheikhupora road gujranwala<\/p>\r\n <p><i class=\"fas fa-phone\"><\/i> +923006468177<\/p>\r\n <p><i class=\"fas fa-envelope\"><\/i> info@ultsol.biz<\/p>\r\n <\/div>\r\n \r\n <div class=\"trust-badges\" style=\"margin-top: 40px;\">\r\n <div class=\"badge\">\r\n <i class=\"fas fa-award\"><\/i> Top Developer 2023\r\n <\/div>\r\n <div class=\"badge\">\r\n <i class=\"fas fa-shield-alt\"><\/i> ISO 27001 Certified\r\n <\/div>\r\n <div class=\"badge\">\r\n <i class=\"fas fa-check-circle\"><\/i> 99.9% Uptime\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-form\">\r\n <form id=\"projectForm\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">Your Name<\/label>\r\n <input type=\"text\" id=\"name\" class=\"form-control\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\">Email Address<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-control\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"company\">Company<\/label>\r\n <input type=\"text\" id=\"company\" class=\"form-control\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"service\">What can we help you with?<\/label>\r\n <select id=\"service\" class=\"form-control\" required>\r\n <option value=\"\">Select a service<\/option>\r\n <option value=\"web\">Web Development<\/option>\r\n <option value=\"app\">App Development<\/option>\r\n <option value=\"software\">Software Development<\/option>\r\n <option value=\"other\">Other<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"message\">Project Details<\/label>\r\n <textarea id=\"message\" class=\"form-control\" rows=\"5\" placeholder=\"Tell us about your project...\"><\/textarea>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"btn\">Send Message<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script>\r\n \/\/ Mobile Menu Toggle\r\n document.querySelector('.mobile-menu-btn').addEventListener('click', function() {\r\n document.querySelector('.nav-links').classList.toggle('active');\r\n });\r\n\r\n \/\/ Header Scroll Effect\r\n window.addEventListener('scroll', function() {\r\n const header = document.getElementById('header');\r\n if (window.scrollY > 100) {\r\n header.classList.add('scrolled');\r\n } else {\r\n header.classList.remove('scrolled');\r\n }\r\n });\r\n\r\n \/\/ Service Tabs - FIXED\r\n const tabBtns = document.querySelectorAll('.tab-btn');\r\n const tabContents = document.querySelectorAll('.tab-content');\r\n \r\n tabBtns.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ Remove active class from all buttons and contents\r\n tabBtns.forEach(b => b.classList.remove('active'));\r\n tabContents.forEach(c => c.classList.remove('active'));\r\n \r\n \/\/ Add active class to clicked button\r\n btn.classList.add('active');\r\n \r\n \/\/ Show corresponding content - FIXED: The data-tab values now match the content IDs\r\n const tabId = btn.getAttribute('data-tab') + '-content';\r\n document.getElementById(tabId).classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ Animated Counter\r\n const counters = document.querySelectorAll('.stat-number');\r\n const speed = 200;\r\n\r\n function animateCounter() {\r\n counters.forEach(counter => {\r\n const target = +counter.getAttribute('data-target');\r\n const count = +counter.innerText;\r\n const increment = target \/ speed;\r\n \r\n if (count < target) {\r\n counter.innerText = Math.ceil(count + increment);\r\n setTimeout(animateCounter, 1);\r\n } else {\r\n counter.innerText = target;\r\n }\r\n });\r\n }\r\n\r\n \/\/ Start counter when in viewport\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n animateCounter();\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n\r\n document.querySelector('.stats').querySelectorAll('.stat-number').forEach(stat => {\r\n observer.observe(stat);\r\n });\r\n\r\n \/\/ Tech Stack Hover Effect\r\n const techItems = document.querySelectorAll('.tech-item');\r\n \r\n techItems.forEach(item => {\r\n item.addEventListener('mouseenter', function() {\r\n \/\/ Hide all info first\r\n document.querySelectorAll('.tech-info').forEach(info => {\r\n info.style.display = 'none';\r\n });\r\n \r\n \/\/ Show this item's info\r\n this.querySelector('.tech-info').style.display = 'block';\r\n });\r\n });\r\n\r\n \/\/ Form Submission\r\n document.getElementById('projectForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n alert('Thank you for your message! We will get back to you soon.');\r\n this.reset();\r\n });\r\n\r\n \/\/ Chat Bot\r\n document.querySelector('.chat-bot').addEventListener('click', function() {\r\n alert('Hello! How can we help you today? You can ask about our services, pricing, or project timelines.');\r\n });\r\n\r\n \/\/ Demo Button\r\n document.querySelectorAll('.demo-btn').forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n alert('This would open a demo video or interactive prototype in a real implementation.');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ultimate Solutions – Your Partner in Digital Innovation Your Partner in Digital Innovation We transform ideas into powerful digital solutions that drive business growth. From concept to deployment, we’re with you every step of the way. Our Services Get in Touch Specialized Services for a Digital World We build the tools that power modern businesses. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-134","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/pages\/134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":61,"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions"}],"predecessor-version":[{"id":811,"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions\/811"}],"wp:attachment":[{"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/media?parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Ultimate Solutions - Your Partner in Digital Innovation<\/title>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n \r\n \r\n \r\n .container {\r\n width: 100%;\r\n max-width: 1800px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n }\r\n \r\n section {\r\n padding: 80px 0;\r\n }\r\n \r\n h1, h2, h3, h4 {\r\n margin-bottom: 1rem;\r\n line-height: 1.2;\r\n }\r\n \r\n h1 {\r\n font-size: 3.5rem;\r\n font-weight: 800;\r\n }\r\n \r\n h2 {\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n text-align: center;\r\n margin-bottom: 3rem;\r\n }\r\n \r\n h3 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n p {\r\n margin-bottom: 1.5rem;\r\n color: var(--gray);\r\n text-align: center;\r\n }\r\n \r\n .btn {\r\n display: inline-block;\r\n padding: 12px 30px;\r\n background-color: var(--primary);\r\n color: white;\r\n border: none;\r\n border-radius: 5px;\r\n font-weight: 600;\r\n text-decoration: none;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .btn:hover {\r\n background-color: var(--primary-dark);\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .btn-secondary {\r\n background-color: transparent;\r\n color: var(--primary);\r\n border: 2px solid var(--primary);\r\n }\r\n \r\n .btn-secondary:hover {\r\n background-color: rgba(37, 99, 235, 0.1);\r\n }\r\n \r\n \r\n .mobile-menu-btn {\r\n display: none;\r\n background: none;\r\n border: none;\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n color: var(--dark);\r\n }\r\n \r\n \/* Hero Section *\/\r\n .hero {\r\n height: 100vh;\r\n display: flex;\r\n align-items: center;\r\n background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\r\n position: relative;\r\n overflow: hidden;\r\n \r\n }\r\n \r\n .hero-content {\r\n max-width: 600px;\r\n z-index: 2;\r\n padding: 10px;\r\n }\r\n \r\n .hero h1 {\r\n margin-bottom: 1.5rem;\r\n }\r\n \r\n .hero p {\r\n font-size: 1.2rem;\r\n margin-bottom: 2.5rem;\r\n text-align: left;\r\n }\r\n \r\n .hero-btns {\r\n display: flex;\r\n gap: 15px;\r\n }\r\n \r\n .hero-animation {\r\n position: absolute;\r\n right: 0;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50%;\r\n height: 70%;\r\n background: url('https:\/\/images.unsplash.com\/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80') no-repeat center center;\r\n background-size: cover;\r\n border-radius: 10px;\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n \/* Services Section *\/\r\n .services {\r\n background-color: white;\r\n }\r\n \r\n .services-tabs {\r\n display: flex;\r\n justify-content: center;\r\n margin-bottom: 40px;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n }\r\n \r\n .tab-btn {\r\n padding: 12px 25px;\r\n background: none;\r\n border: 2px solid #e2e8f0;\r\n border-radius: 30px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .tab-btn.active {\r\n background-color: var(--primary);\r\n color: white;\r\n border-color: var(--primary);\r\n }\r\n \r\n .tab-content {\r\n display: none;\r\n animation: fadeIn 0.5s ease;\r\n }\r\n \r\n .tab-content.active {\r\n display: block;\r\n }\r\n \r\n .service-demo {\r\n display: flex;\r\n align-items: center;\r\n gap: 50px;\r\n margin-top: 30px;\r\n }\r\n \r\n .service-info {\r\n flex: 1;\r\n }\r\n \r\n .service-info p {\r\n text-align: left;\r\n }\r\n \r\n .service-visual {\r\n flex: 1;\r\n background-color: #f1f5f9;\r\n border-radius: 10px;\r\n padding: 20px;\r\n min-height: 300px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .app-mockup {\r\n width: 250px;\r\n height: 500px;\r\n background: white;\r\n border-radius: 30px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n \r\n .app-screen {\r\n width: 100%;\r\n height: 100%;\r\n background-size: cover;\r\n background-position: center;\r\n }\r\n \r\n \/* Mission Section *\/\r\n .mission {\r\n background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\r\n color: white;\r\n }\r\n \r\n .mission h2, .mission p {\r\n color: white;\r\n text-align: center;\r\n max-width: 800px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n \r\n .stats {\r\n display: flex;\r\n justify-content: space-around;\r\n flex-wrap: wrap;\r\n margin-top: 50px;\r\n gap: 20px;\r\n }\r\n \r\n .stat-item {\r\n text-align: center;\r\n }\r\n \r\n .stat-number {\r\n font-size: 3rem;\r\n font-weight: 800;\r\n color: var(--primary);\r\n margin-bottom: 10px;\r\n }\r\n \r\n .stat-label {\r\n font-size: 1.1rem;\r\n color: #cbd5e1;\r\n }\r\n \r\n .team-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\r\n gap: 30px;\r\n margin-top: 50px;\r\n }\r\n \r\n .team-member {\r\n text-align: center;\r\n transition: transform 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .team-member:hover {\r\n transform: translateY(-10px);\r\n }\r\n \r\n .member-photo {\r\n width: 150px;\r\n height: 150px;\r\n border-radius: 50%;\r\n margin: 0 auto 20px;\r\n overflow: hidden;\r\n background-color: #374151;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 3rem;\r\n }\r\n \r\n .member-info {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n background: rgba(30, 41, 59, 0.9);\r\n padding: 15px;\r\n transform: translateY(100%);\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .team-member:hover .member-info {\r\n transform: translateY(0);\r\n }\r\n \r\n \/* Clients Section *\/\r\n .clients {\r\n background-color: white;\r\n }\r\n \r\n .case-studies {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 30px;\r\n margin-bottom: 50px;\r\n }\r\n \r\n .case-study {\r\n background: white;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .case-study:hover {\r\n transform: translateY(-10px);\r\n }\r\n \r\n .case-logo {\r\n height: 80px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n background: #f8fafc;\r\n }\r\n \r\n .case-content {\r\n padding: 20px;\r\n }\r\n \r\n .testimonial-ticker {\r\n background: #f1f5f9;\r\n padding: 30px 0;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n \r\n .ticker-content {\r\n display: flex;\r\n animation: ticker 30s linear infinite;\r\n }\r\n \r\n .testimonial {\r\n flex: 0 0 300px;\r\n margin: 0 20px;\r\n padding: 20px;\r\n background: white;\r\n border-radius: 10px;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n \/* Tech Stack *\/\r\n .tech-stack {\r\n background: #f8fafc;\r\n }\r\n \r\n .tech-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));\r\n gap: 20px;\r\n margin-top: 40px;\r\n }\r\n \r\n .tech-item {\r\n background: white;\r\n border-radius: 10px;\r\n padding: 20px;\r\n text-align: center;\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n \r\n .tech-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n }\r\n \r\n .tech-icon {\r\n font-size: 2.5rem;\r\n margin-bottom: 10px;\r\n color: var(--primary);\r\n }\r\n \r\n .tech-info {\r\n display: none;\r\n margin-top: 20px;\r\n padding: 15px;\r\n background: #f1f5f9;\r\n border-radius: 5px;\r\n }\r\n \r\n \/* Contact Section *\/\r\n .contact {\r\n background: white;\r\n }\r\n \r\n .contact-container {\r\n display: flex;\r\n gap: 50px;\r\n }\r\n \r\n .contact-info {\r\n flex: 1;\r\n }\r\n \r\n .contact-info p {\r\n text-align: left;\r\n }\r\n \r\n .contact-form {\r\n flex: 1;\r\n }\r\n \r\n .form-group {\r\n margin-bottom: 20px;\r\n }\r\n \r\n .form-group label {\r\n display: block;\r\n margin-bottom: 8px;\r\n font-weight: 500;\r\n }\r\n \r\n .form-control {\r\n width: 100%;\r\n padding: 12px 15px;\r\n border: 1px solid #cbd5e1;\r\n border-radius: 5px;\r\n font-size: 1rem;\r\n transition: border-color 0.3s ease;\r\n }\r\n \r\n .form-control:focus {\r\n outline: none;\r\n border-color: var(--primary);\r\n }\r\n \r\n .trust-badges {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n margin-top: 20px;\r\n }\r\n \r\n .badge {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 10px 15px;\r\n background: #f1f5f9;\r\n border-radius: 5px;\r\n font-size: 0.9rem;\r\n }\r\n \r\n \/* Animations *\/\r\n @keyframes fadeIn {\r\n from { opacity: 0; }\r\n to { opacity: 1; }\r\n }\r\n \r\n @keyframes ticker {\r\n 0% { transform: translateX(0); }\r\n 100% { transform: translateX(-50%); }\r\n }\r\n \r\n \/* Responsive Design *\/\r\n @media (max-width: 1200px) {\r\n .hero-animation {\r\n width: 45%;\r\n }\r\n }\r\n\r\n @media (max-width: 992px) {\r\n h1 {\r\n font-size: 2.8rem;\r\n }\r\n \r\n h2 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n .hero-animation {\r\n display: none;\r\n }\r\n \r\n .hero-content {\r\n max-width: 100%;\r\n text-align: center;\r\n }\r\n \r\n .hero p {\r\n text-align: center;\r\n }\r\n \r\n .service-demo {\r\n flex-direction: column;\r\n }\r\n \r\n .contact-container {\r\n flex-direction: column;\r\n }\r\n \r\n .footer-content {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .navbar {\r\n padding: 15px 0;\r\n }\r\n \r\n .nav-links {\r\n display: none;\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n width: 100%;\r\n background: white;\r\n flex-direction: column;\r\n padding: 20px;\r\n box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);\r\n text-align: center;\r\n }\r\n \r\n .nav-links.active {\r\n display: flex;\r\n }\r\n \r\n .nav-links li {\r\n margin: 10px 0;\r\n }\r\n \r\n .mobile-menu-btn {\r\n display: block;\r\n }\r\n \r\n .hero-btns {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .hero-btns .btn {\r\n width: 100%;\r\n max-width: 250px;\r\n text-align: center;\r\n }\r\n \r\n .stats {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .team-grid {\r\n grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\r\n }\r\n \r\n .tech-grid {\r\n grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\r\n }\r\n \r\n .services-tabs {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .tab-btn {\r\n width: 100%;\r\n max-width: 300px;\r\n }\r\n \r\n .case-studies {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .trust-badges {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n @media (max-width: 576px) {\r\n h1 {\r\n font-size: 2.2rem;\r\n }\r\n \r\n h2 {\r\n font-size: 1.8rem;\r\n }\r\n \r\n h3 {\r\n font-size: 1.5rem;\r\n }\r\n \r\n section {\r\n padding: 60px 0;\r\n }\r\n \r\n .container {\r\n padding: 0 15px;\r\n }\r\n \r\n .hero {\r\n height: auto;\r\n min-height: 100vh;\r\n padding: 100px 0 60px;\r\n }\r\n \r\n .app-mockup {\r\n width: 200px;\r\n height: 400px;\r\n }\r\n \r\n .member-photo {\r\n width: 120px;\r\n height: 120px;\r\n }\r\n \r\n .stat-number {\r\n font-size: 2.5rem;\r\n }\r\n \r\n .chat-bot {\r\n width: 50px;\r\n height: 50px;\r\n bottom: 20px;\r\n right: 20px;\r\n }\r\n }\r\n\r\n \/* High-resolution displays *\/\r\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\r\n .hero-animation {\r\n background-image: url('https:\/\/images.unsplash.com\/photo-1555066931-4365d14bab8c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80');\r\n }\r\n }\r\n\r\n \/* Print styles *\/\r\n @media print {\r\n .chat-bot, .mobile-menu-btn {\r\n display: none !important;\r\n }\r\n \r\n .hero {\r\n background: white !important;\r\n height: auto;\r\n }\r\n \r\n .btn {\r\n background: #f1f5f9 !important;\r\n color: black !important;\r\n border: 1px solid #ccc !important;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <header id=\"header\">\r\n <div class=\"container\">\r\n \r\n \r\n <button class=\"mobile-menu-btn\">\r\n <i class=\"fas fa-bars\"><\/i>\r\n <\/button>\r\n \r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <section class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-content\">\r\n <h1>Your Partner in Digital Innovation<\/h1>\r\n <p>We transform ideas into powerful digital solutions that drive business growth. From concept to deployment, we're with you every step of the way.<\/p>\r\n <div class=\"hero-btns\">\r\n <a href=\"https:\/\/ultsol.cloud\/index.php\/services\/\" class=\"btn\">Our Services<\/a>\r\n <a href=\"https:\/\/ultsol.cloud\/index.php\/contact-us\/\" class=\"btn btn-secondary\">Get in Touch<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-animation\"><\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"services\" class=\"services\">\r\n <div class=\"container\">\r\n <h2>Specialized Services for a Digital World<\/h2>\r\n <p class=\"section-subtitle\">We build the tools that power modern businesses. Click to explore.<\/p>\r\n \r\n <div class=\"services-tabs\">\r\n <button class=\"tab-btn active\" data-tab=\"web\">Web Development<\/button>\r\n <button class=\"tab-btn\" data-tab=\"app\">App Development<\/button>\r\n <button class=\"tab-btn\" data-tab=\"software\">Software Development<\/button>\r\n <\/div>\r\n \r\n <div class=\"tab-content active\" id=\"web-content\">\r\n <div class=\"service-demo\">\r\n <div class=\"service-info\">\r\n <h3>Web Development<\/h3>\r\n <p>From stunning brand websites to complex e-commerce platforms and web applications. We create responsive, fast, and secure websites that deliver exceptional user experiences.<\/p>\r\n <p>Our web solutions are built with the latest technologies and follow best practices for SEO, performance, and accessibility.<\/p>\r\n <button class=\"btn demo-btn\">See a Demo<\/button>\r\n <\/div>\r\n <div class=\"service-visual\">\r\n <div class=\"web-demo-placeholder\">\r\n <i class=\"fas fa-laptop-code\" style=\"font-size: 5rem; color: #2563eb;\"><\/i>\r\n <p>Interactive Web Demo<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tab-content\" id=\"app-content\">\r\n <div class=\"service-demo\">\r\n <div class=\"service-info\">\r\n <h3>App Development<\/h3>\r\n <p>Native and cross-platform mobile apps that provide seamless user experiences. We develop for iOS and Android using the latest frameworks and technologies.<\/p>\r\n <p>Our apps are designed with user-centric approaches, ensuring intuitive navigation and engaging interfaces.<\/p>\r\n <button class=\"btn demo-btn\">See a Demo<\/button>\r\n <\/div>\r\n \r\n <div class=\"service-visual\">\r\n <div class=\"app-mockup\">\r\n <div class=\"app-screen\" style=\"background-color: #f0f9ff; display: flex; align-items: center; justify-content: center;\">\r\n <i class=\"fas fa-mobile-alt\" style=\"font-size: 3rem; color: #2563eb;\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tab-content\" id=\"software-content\">\r\n <div class=\"service-demo\">\r\n <div class=\"service-info\">\r\n <h3>Software Development<\/h3>\r\n <p>Tailor-made software solutions that streamline your unique business processes. We analyze your workflow and create customized applications that improve efficiency and productivity.<\/p>\r\n <p>Our software solutions integrate seamlessly with your existing systems and scale with your business growth.<\/p>\r\n <button class=\"btn demo-btn\">See a Demo<\/button>\r\n <\/div>\r\n <div class=\"service-visual\">\r\n <div class=\"software-demo-placeholder\">\r\n <i class=\"fas fa-cogs\" style=\"font-size: 5rem; color: #2563eb;\"><\/i>\r\n <p>Process Automation Visualization<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"mission\" class=\"mission\">\r\n <div class=\"container\">\r\n <h2>Driven by a Mission to Deliver Excellence<\/h2>\r\n <p>Our mission is to help clients grow through innovation, technology, and a commitment to excellence. We believe in providing solutions that make work easier and businesses stronger.<\/p>\r\n \r\n <div class=\"stats\">\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\" data-target=\"150\">0<\/div>\r\n <div class=\"stat-label\">Projects Delivered<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\" data-target=\"99\">0<\/div>\r\n <div class=\"stat-label\">Client Satisfaction<\/div>\r\n <\/div>\r\n <div class=\"stat-item\">\r\n <div class=\"stat-number\" data-target=\"50\">0<\/div>\r\n <div class=\"stat-label\">Industry Experts<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <h3 style=\"text-align: center; margin-top: 60px;\">Our Team<\/h3>\r\n <div class=\"team-grid\">\r\n <div class=\"team-member\">\r\n <div class=\"member-photo\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <\/div>\r\n <h4>Sarah Johnson<\/h4>\r\n <p>CEO & Founder<\/p>\r\n <div class=\"member-info\">\r\n <p>15+ years in tech industry. Passionate about innovation and client success.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-member\">\r\n <div class=\"member-photo\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <\/div>\r\n <h4>Michael Chen<\/h4>\r\n <p>CTO<\/p>\r\n <div class=\"member-info\">\r\n <p>Expert in cloud architecture and scalable solutions. Loves solving complex problems.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-member\">\r\n <div class=\"member-photo\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <\/div>\r\n <h4>Emily Rodriguez<\/h4>\r\n <p>Lead Designer<\/p>\r\n <div class=\"member-info\">\r\n <p>Creates beautiful, user-friendly interfaces. Award-winning UX designer.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"team-member\">\r\n <div class=\"member-photo\">\r\n <i class=\"fas fa-user\"><\/i>\r\n <\/div>\r\n <h4>David Kim<\/h4>\r\n <p>Senior Developer<\/p>\r\n <div class=\"member-info\">\r\n <p>Full-stack developer with passion for clean code and innovative solutions.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n \r\n \r\n <section id=\"clients\" class=\"clients\">\r\n <div class=\"container\">\r\n <h2>Trusted by Industry Leaders<\/h2>\r\n <p class=\"section-subtitle\">We've helped businesses of all sizes achieve their digital transformation goals.<\/p>\r\n \r\n <div class=\"case-studies\">\r\n <div class=\"case-study\">\r\n <div class=\"case-logo\">\r\n <i class=\"fas fa-building\" style=\"font-size: 2rem; color: #2563eb;\"><\/i>\r\n <\/div>\r\n <div class=\"case-content\">\r\n <h3>Global Finance Corp<\/h3>\r\n <p>Custom financial dashboard that increased reporting efficiency by 65%.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"case-study\">\r\n <div class=\"case-logo\">\r\n <i class=\"fas fa-shopping-cart\" style=\"font-size: 2rem; color: #2563eb;\"><\/i>\r\n <\/div>\r\n <div class=\"case-content\">\r\n <h3>Retail Giant<\/h3>\r\n <p>E-commerce platform that boosted online sales by 120% in the first year.<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"case-study\">\r\n <div class=\"case-logo\">\r\n <i class=\"fas fa-heartbeat\" style=\"font-size: 2rem; color: #2563eb;\"><\/i>\r\n <\/div>\r\n <div class=\"case-content\">\r\n <h3>HealthTech Startup<\/h3>\r\n <p>Mobile app that improved patient engagement and reduced appointment no-shows by 40%.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"testimonial-ticker\">\r\n <div class=\"ticker-content\">\r\n <div class=\"testimonial\">\r\n <p>\"Ultimate Solutions transformed our digital presence and helped us reach new markets.\"<\/p>\r\n <p><strong>- Tech Innovations Inc.<\/strong><\/p>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <p>\"Their team delivered beyond our expectations. The project was completed on time and within budget.\"<\/p>\r\n <p><strong>- Global Retail Group<\/strong><\/p>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <p>\"The software solution they built streamlined our operations and saved us thousands of hours.\"<\/p>\r\n <p><strong>- Manufacturing Corp<\/strong><\/p>\r\n <\/div>\r\n <div class=\"testimonial\">\r\n <p>\"Working with Ultimate Solutions was a game-changer for our business. Highly recommended!\"<\/p>\r\n <p><strong>- Startup Ventures<\/strong><\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"tech\" class=\"tech-stack\">\r\n <div class=\"container\">\r\n <h2>Built with Modern Technology<\/h2>\r\n <p class=\"section-subtitle\">We use cutting-edge technologies to deliver robust, scalable, and future-proof solutions.<\/p>\r\n \r\n <div class=\"tech-grid\">\r\n <div class=\"tech-item\" data-tech=\"react\">\r\n <div class=\"tech-icon\">\r\n <i class=\"fab fa-react\"><\/i>\r\n <\/div>\r\n <h4>React<\/h4>\r\n <div class=\"tech-info\">\r\n <p>We use React to build fast, interactive user interfaces with reusable components.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tech-item\" data-tech=\"node\">\r\n <div class=\"tech-icon\">\r\n <i class=\"fab fa-node-js\"><\/i>\r\n <\/div>\r\n <h4>Node.js<\/h4>\r\n <div class=\"tech-info\">\r\n <p>Node.js powers our server-side applications with its non-blocking, event-driven architecture.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tech-item\" data-tech=\"aws\">\r\n <div class=\"tech-icon\">\r\n <i class=\"fab fa-aws\"><\/i>\r\n <\/div>\r\n <h4>AWS<\/h4>\r\n <div class=\"tech-info\">\r\n <p>We leverage AWS for scalable, reliable, and secure cloud infrastructure solutions.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tech-item\" data-tech=\"python\">\r\n <div class=\"tech-icon\">\r\n <i class=\"fab fa-python\"><\/i>\r\n <\/div>\r\n <h4>Python<\/h4>\r\n <div class=\"tech-info\">\r\n <p>Python is our go-to for data analysis, machine learning, and backend development.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tech-item\" data-tech=\"swift\">\r\n <div class=\"tech-icon\">\r\n <i class=\"fab fa-swift\"><\/i>\r\n <\/div>\r\n <h4>Swift<\/h4>\r\n <div class=\"tech-info\">\r\n <p>We use Swift to develop high-performance, native iOS applications with excellent user experiences.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"tech-item\" data-tech=\"google-cloud\">\r\n <div class=\"tech-icon\">\r\n <i class=\"fab fa-google\"><\/i>\r\n <\/div>\r\n <h4>Google Cloud<\/h4>\r\n <div class=\"tech-info\">\r\n <p>Google Cloud Platform provides us with powerful data analytics and machine learning capabilities.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"contact\" class=\"contact\">\r\n <div class=\"container\">\r\n <h2>Ready to Start Your Project?<\/h2>\r\n \r\n <div class=\"contact-container\">\r\n <div class=\"contact-info\">\r\n <h3>Get in Touch<\/h3>\r\n <p>We'd love to hear about your project and discuss how we can help bring your ideas to life.<\/p>\r\n \r\n <div style=\"margin-top: 30px;\">\r\n <p><i class=\"fas fa-map-marker-alt\"><\/i> Near Sadique Sadiq hospital sheikhupora road gujranwala<\/p>\r\n <p><i class=\"fas fa-phone\"><\/i> +923006468177<\/p>\r\n <p><i class=\"fas fa-envelope\"><\/i> info@ultsol.biz<\/p>\r\n <\/div>\r\n \r\n <div class=\"trust-badges\" style=\"margin-top: 40px;\">\r\n <div class=\"badge\">\r\n <i class=\"fas fa-award\"><\/i> Top Developer 2023\r\n <\/div>\r\n <div class=\"badge\">\r\n <i class=\"fas fa-shield-alt\"><\/i> ISO 27001 Certified\r\n <\/div>\r\n <div class=\"badge\">\r\n <i class=\"fas fa-check-circle\"><\/i> 99.9% Uptime\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-form\">\r\n <form id=\"projectForm\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">Your Name<\/label>\r\n <input type=\"text\" id=\"name\" class=\"form-control\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\">Email Address<\/label>\r\n <input type=\"email\" id=\"email\" class=\"form-control\" required>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"company\">Company<\/label>\r\n <input type=\"text\" id=\"company\" class=\"form-control\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"service\">What can we help you with?<\/label>\r\n <select id=\"service\" class=\"form-control\" required>\r\n <option value=\"\">Select a service<\/option>\r\n <option value=\"web\">Web Development<\/option>\r\n <option value=\"app\">App Development<\/option>\r\n <option value=\"software\">Software Development<\/option>\r\n <option value=\"other\">Other<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"message\">Project Details<\/label>\r\n <textarea id=\"message\" class=\"form-control\" rows=\"5\" placeholder=\"Tell us about your project...\"><\/textarea>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"btn\">Send Message<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <script>\r\n \/\/ Mobile Menu Toggle\r\n document.querySelector('.mobile-menu-btn').addEventListener('click', function() {\r\n document.querySelector('.nav-links').classList.toggle('active');\r\n });\r\n\r\n \/\/ Header Scroll Effect\r\n window.addEventListener('scroll', function() {\r\n const header = document.getElementById('header');\r\n if (window.scrollY > 100) {\r\n header.classList.add('scrolled');\r\n } else {\r\n header.classList.remove('scrolled');\r\n }\r\n });\r\n\r\n \/\/ Service Tabs - FIXED\r\n const tabBtns = document.querySelectorAll('.tab-btn');\r\n const tabContents = document.querySelectorAll('.tab-content');\r\n \r\n tabBtns.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ Remove active class from all buttons and contents\r\n tabBtns.forEach(b => b.classList.remove('active'));\r\n tabContents.forEach(c => c.classList.remove('active'));\r\n \r\n \/\/ Add active class to clicked button\r\n btn.classList.add('active');\r\n \r\n \/\/ Show corresponding content - FIXED: The data-tab values now match the content IDs\r\n const tabId = btn.getAttribute('data-tab') + '-content';\r\n document.getElementById(tabId).classList.add('active');\r\n });\r\n });\r\n\r\n \/\/ Animated Counter\r\n const counters = document.querySelectorAll('.stat-number');\r\n const speed = 200;\r\n\r\n function animateCounter() {\r\n counters.forEach(counter => {\r\n const target = +counter.getAttribute('data-target');\r\n const count = +counter.innerText;\r\n const increment = target \/ speed;\r\n \r\n if (count < target) {\r\n counter.innerText = Math.ceil(count + increment);\r\n setTimeout(animateCounter, 1);\r\n } else {\r\n counter.innerText = target;\r\n }\r\n });\r\n }\r\n\r\n \/\/ Start counter when in viewport\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n animateCounter();\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n\r\n document.querySelector('.stats').querySelectorAll('.stat-number').forEach(stat => {\r\n observer.observe(stat);\r\n });\r\n\r\n \/\/ Tech Stack Hover Effect\r\n const techItems = document.querySelectorAll('.tech-item');\r\n \r\n techItems.forEach(item => {\r\n item.addEventListener('mouseenter', function() {\r\n \/\/ Hide all info first\r\n document.querySelectorAll('.tech-info').forEach(info => {\r\n info.style.display = 'none';\r\n });\r\n \r\n \/\/ Show this item's info\r\n this.querySelector('.tech-info').style.display = 'block';\r\n });\r\n });\r\n\r\n \/\/ Form Submission\r\n document.getElementById('projectForm').addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n alert('Thank you for your message! We will get back to you soon.');\r\n this.reset();\r\n });\r\n\r\n \/\/ Chat Bot\r\n document.querySelector('.chat-bot').addEventListener('click', function() {\r\n alert('Hello! How can we help you today? You can ask about our services, pricing, or project timelines.');\r\n });\r\n\r\n \/\/ Demo Button\r\n document.querySelectorAll('.demo-btn').forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n alert('This would open a demo video or interactive prototype in a real implementation.');\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ultimate Solutions – Your Partner in Digital Innovation Your Partner in Digital Innovation We transform ideas into powerful digital solutions that drive business growth. From concept to deployment, we’re with you every step of the way. Our Services Get in Touch Specialized Services for a Digital World We build the tools that power modern businesses. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-134","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/pages\/134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":61,"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions"}],"predecessor-version":[{"id":811,"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions\/811"}],"wp:attachment":[{"href":"https:\/\/ultsol.cloud\/index.php\/wp-json\/wp\/v2\/media?parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}