CoolFace
Apppublic

WARKAMANIA/1coding-wizards

sourceHugging Faceupdated 1y agoView on Hugging Face
0likes
solutions.html182 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>Our Solutions - 1Coding Wizards</title>7    <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8    <script src="https://cdn.tailwindcss.com"></script>9    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10</head>11<body class="bg-gray-50">12  <!-- Navigation -->13  <nav class="bg-white shadow-lg">14    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">15      <div class="flex justify-between h-16">16        <div class="flex items-center">17          <div class="flex-shrink-0 flex items-center">18            <i data-feather="codesandbox" class="h-8 w-8 text-primary"></i>19            <span class="ml-2 text-xl font-bold text-gray-900">1Coding Wizards</span>20          </div>21        </div>22        <div class="hidden md:ml-6 md:flex md:items-center md:space-x-8">23          <a href="index.html" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">Home</a>24          <a href="services.html" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">Services</a>25          <a href="solutions.html" class="text-gray-900 hover:text-primary px-3 py-2 text-sm font-medium">Solutions</a>26          <a href="#" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">About</a>27          <a href="#" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">Contact</a>28          <a href="#" class="bg-primary text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-primary-700 transition duration-300">Get Started</a>29        </div>30        <div class="-mr-2 flex items-center md:hidden">31          <button type="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 focus:ring-2 focus:ring-inset focus:ring-primary">32            <i data-feather="menu"></i>33          </button>34        </div>35      </div>36    </div>37  </nav>38 39  <!-- Solutions Content -->40  <div class="py-16 bg-white">41    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">42      <div class="text-center">43        <h1 class="text-4xl font-extrabold text-gray-900 sm:text-5xl">44          Industry-Specific 1C Solutions45        </h1>46        <p class="mt-4 max-w-3xl text-xl text-gray-500 mx-auto">47          Tailored solutions designed for your business sector48        </p>49      </div>50 51      <div class="mt-16 grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">52        <div class="bg-gray-50 rounded-xl p-8">53          <div class="flex items-center justify-center h-16 w-16 rounded-md bg-primary-100 text-primary">54            <i data-feather="shopping-cart"></i>55          </div>56          <h3 class="mt-6 text-lg font-medium text-gray-900">Retail</h3>57          <p class="mt-2 text-base text-gray-500">58            Comprehensive retail management solutions including POS, inventory, and customer loyalty programs.59          </p>60        </div>61 62        <div class="bg-gray-50 rounded-xl p-8">63          <div class="flex items-center justify-center h-16 w-16 rounded-md bg-secondary-100 text-secondary">64            <i data-feather="factory"></i>65          </div>66          <h3 class="mt-6 text-lg font-medium text-gray-900">Manufacturing</h3>67          <p class="mt-2 text-base text-gray-500">68            Production planning, quality control, and supply chain management solutions for manufacturers.69          </p>70        </div>71 72        <div class="bg-gray-50 rounded-xl p-8">73          <div class="flex items-center justify-center h-16 w-16 rounded-md bg-primary-100 text-primary">74            <i data-feather="truck"></i>75          </div>76          <h3 class="mt-6 text-lg font-medium text-gray-900">Logistics</h3>77          <p class="mt-2 text-base text-gray-500">78            Fleet management, route optimization, and warehouse automation solutions for logistics companies.79          </p>80        </div>81 82        <div class="bg-gray-50 rounded-xl p-8">83          <div class="flex items-center justify-center h-16 w-16 rounded-md bg-secondary-100 text-secondary">84            <i data-feather="home"></i>85          </div>86          <h3 class="mt-6 text-lg font-medium text-gray-900">Real Estate</h3>87          <p class="mt-2 text-base text-gray-500">88            Property management, leasing, and CRM solutions for real estate agencies and developers.89          </p>90        </div>91 92        <div class="bg-gray-50 rounded-xl p-8">93          <div class="flex items-center justify-center h-16 w-16 rounded-md bg-primary-100 text-primary">94            <i data-feather="heart"></i>95          </div>96          <h3 class="mt-6 text-lg font-medium text-gray-900">Healthcare</h3>97          <p class="mt-2 text-base text-gray-500">98            Patient management, medical records, and billing solutions for healthcare providers.99          </p>100        </div>101 102        <div class="bg-gray-50 rounded-xl p-8">103          <div class="flex items-center justify-center h-16 w-16 rounded-md bg-secondary-100 text-secondary">104            <i data-feather="book"></i>105          </div>106          <h3 class="mt-6 text-lg font-medium text-gray-900">Education</h3>107          <p class="mt-2 text-base text-gray-500">108            Student information systems, scheduling, and financial management for educational institutions.109          </p>110        </div>111      </div>112    </div>113  </div>114 115  <!-- Footer -->116  <footer class="bg-gray-800">117    <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">118      <div class="grid grid-cols-2 gap-8 md:grid-cols-4">119        <div>120          <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Solutions</h3>121          <ul class="mt-4 space-y-4">122            <li><a href="solutions.html" class="text-base text-gray-300 hover:text-white">1C:ERP</a></li>123            <li><a href="solutions.html" class="text-base text-gray-300 hover:text-white">1C:CRM</a></li>124            <li><a href="solutions.html" class="text-base text-gray-300 hover:text-white">1C:Retail</a></li>125            <li><a href="solutions.html" class="text-base text-gray-300 hover:text-white">1C:Manufacturing</a></li>126          </ul>127        </div>128        <div>129          <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Services</h3>130          <ul class="mt-4 space-y-4">131            <li><a href="services.html" class="text-base text-gray-300 hover:text-white">Implementation</a></li>132            <li><a href="services.html" class="text-base text-gray-300 hover:text-white">Custom Development</a></li>133            <li><a href="services.html" class="text-base text-gray-300 hover:text-white">Integration</a></li>134            <li><a href="services.html" class="text-base text-gray-300 hover:text-white">Support</a></li>135          </ul>136        </div>137        <div>138          <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Company</h3>139          <ul class="mt-4 space-y-4">140            <li><a href="#" class="text-base text-gray-300 hover:text-white">About Us</a></li>141            <li><a href="#" class="text-base text-gray-300 hover:text-white">Case Studies</a></li>142            <li><a href="#" class="text-base text-gray-300 hover:text-white">Careers</a></li>143            <li><a href="#" class="text-base text-gray-300 hover:text-white">Blog</a></li>144          </ul>145        </div>146        <div>147          <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Connect</h3>148          <ul class="mt-4 space-y-4">149            <li><a href="#" class="text-base text-gray-300 hover:text-white">Contact Us</a></li>150            <li><a href="#" class="text-base text-gray-300 hover:text-white">Support</a></li>151            <li><a href="#" class="text-base text-gray-300 hover:text-white">LinkedIn</a></li>152            <li><a href="#" class="text-base text-gray-300 hover:text-white">Telegram</a></li>153          </ul>154        </div>155      </div>156      <div class="mt-12 border-t border-gray-700 pt-8 flex justify-between">157        <p class="text-base text-gray-400">158          &copy; 2023 1Coding Wizards. All rights reserved.159        </p>160        <div class="flex space-x-6">161          <a href="#" class="text-gray-400 hover:text-white">162            <i data-feather="facebook"></i>163          </a>164          <a href="#" class="text-gray-400 hover:text-white">165            <i data-feather="twitter"></i>166          </a>167          <a href="#" class="text-gray-400 hover:text-white">168            <i data-feather="instagram"></i>169          </a>170          <a href="#" class="text-gray-400 hover:text-white">171            <i data-feather="linkedin"></i>172          </a>173        </div>174      </div>175    </div>176  </footer>177 178  <script>179    feather.replace();180  </script>181</body>182</html>