| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>About Us | TechConnect</title> |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> |
| <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| <script src="https://unpkg.com/feather-icons"></script> |
| <style> |
| .team-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); |
| } |
| .btn-hover:hover { |
| transform: translateY(-2px); |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); |
| } |
| </style> |
| </head> |
| <body class="font-sans antialiased text-gray-800"> |
| |
| <nav class="bg-white shadow-sm fixed w-full z-10"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="flex justify-between h-16"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 flex items-center"> |
| <i data-feather="cpu" class="text-blue-600 h-8 w-8"></i> |
| <span class="ml-2 text-xl font-bold text-gray-900">TechConnect</span> |
| </div> |
| </div> |
| <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8"> |
| <a href="index.html" class="text-gray-500 hover:text-blue-600 px-3 py-2 text-sm font-medium">Home</a> |
| <a href="services.html" class="text-gray-500 hover:text-blue-600 px-3 py-2 text-sm font-medium">Services</a> |
| <a href="about.html" class="text-blue-600 border-blue-500 px-3 py-2 text-sm font-medium">About</a> |
| <a href="contact.html" class="text-gray-500 hover:text-blue-600 px-3 py-2 text-sm font-medium">Contact</a> |
| <a href="login.html" class="bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-blue-700 transition duration-300 btn-hover">Client Login</a> |
| </div> |
| <div class="-mr-2 flex items-center md:hidden"> |
| <button type="button" id="mobile-menu-button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none"> |
| <i data-feather="menu"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
| |
| <div class="hidden md:hidden" id="mobile-menu"> |
| <div class="pt-2 pb-3 space-y-1"> |
| <a href="index.html" class="text-gray-500 hover:bg-gray-50 hover:text-blue-600 block px-3 py-2 rounded-md text-base font-medium">Home</a> |
| <a href="services.html" class="text-gray-500 hover:bg-gray-50 hover:text-blue-600 block px-3 py-2 rounded-md text-base font-medium">Services</a> |
| <a href="about.html" class="bg-blue-50 text-blue-600 block px-3 py-2 rounded-md text-base font-medium">About</a> |
| <a href="contact.html" class="text-gray-500 hover:bg-gray-50 hover:text-blue-600 block px-3 py-2 rounded-md text-base font-medium">Contact</a> |
| <a href="login.html" class="bg-blue-600 text-white block px-3 py-2 rounded-md text-base font-medium hover:bg-blue-700">Client Login</a> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <div class="bg-blue-700 pt-24 pb-20"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> |
| <h1 class="text-4xl font-extrabold tracking-tight text-white sm:text-5xl lg:text-6xl" data-aos="fade-up"> |
| About TechConnect |
| </h1> |
| <p class="mt-6 max-w-3xl mx-auto text-xl text-blue-100" data-aos="fade-up" data-aos-delay="100"> |
| Our mission is to deliver exceptional IT support that empowers businesses to thrive in the digital age. |
| </p> |
| </div> |
| </div> |
|
|
| |
| <div class="py-16 bg-white overflow-hidden"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center"> |
| <div data-aos="fade-right"> |
| <h2 class="text-3xl font-extrabold text-gray-900 tracking-tight sm:text-4xl"> |
| Our Story |
| </h2> |
| <p class="mt-3 text-lg text-gray-500"> |
| Founded in 2010, TechConnect began as a small team of IT professionals passionate about solving technology challenges for local businesses. What started as a modest operation has grown into a leading provider of remote IT support services with clients across the country. |
| </p> |
| <p class="mt-3 text-lg text-gray-500"> |
| Our growth has been fueled by our commitment to customer satisfaction and our ability to adapt to the rapidly changing technology landscape. We've consistently invested in our team and tools to ensure we can deliver the best possible service to our clients. |
| </p> |
| <div class="mt-8 sm:flex"> |
| <div class="rounded-md shadow"> |
| <a href="contact.html" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10 btn-hover"> |
| Contact Us |
| </a> |
| </div> |
| </div> |
| </div> |
| <div class="mt-12 relative lg:mt-0" data-aos="fade-left"> |
| <div class="relative mx-auto w-full rounded-lg shadow-lg overflow-hidden"> |
| <img class="w-full" src="http://static.photos/office/1024x576/1" alt="Our office"> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-gray-50 py-16"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:text-center"> |
| <h2 class="text-base text-blue-600 font-semibold tracking-wide uppercase">Our Approach</h2> |
| <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl"> |
| Mission & Values |
| </p> |
| <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto"> |
| The principles that guide everything we do |
| </p> |
| </div> |
|
|
| <div class="mt-10"> |
| <div class="grid grid-cols-1 gap-10 sm:grid-cols-2 lg:grid-cols-3"> |
| <div class="bg-white overflow-hidden shadow rounded-lg" data-aos="fade-up"> |
| <div class="px-4 py-5 sm:p-6"> |
| <div class="flex items-center"> |
| <div class="flex-shrink-0 bg-blue-500 rounded-md p-3"> |
| <i data-feather="target" class="h-6 w-6 text-white"></i> |
| </div> |
| <div class="ml-5 w-0 flex-1"> |
| <h3 class="text-lg font-medium text-gray-900">Our Mission</h3> |
| </div> |
| </div> |
| <div class="mt-4"> |
| <p class="text-base text-gray-500"> |
| To provide reliable, innovative IT solutions that enable businesses to operate efficiently and securely, allowing them to focus on their core objectives. |
| </p> |
| </div> |
| </div> |
| </div> |
|
|
| <div class="bg-white overflow-hidden shadow rounded-lg" data |
| </body> |
| </html> |
