CoolFace
Apppublic

WARKAMANIA/1coding-wizards

sourceHugging Faceupdated 1y agoView on Hugging Face
0likes
services.html170 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>Наши услуги - 1C Разработка</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">1C Разработка</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">Главная</a>24          <a href="services.html" class="text-gray-900 hover:text-primary px-3 py-2 text-sm font-medium">Услуги</a>25          <a href="solutions.html" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">Решения</a>26          <a href="case-studies.html" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">Кейсы</a>27          <a href="#" class="text-gray-500 hover:text-primary px-3 py-2 text-sm font-medium">Контакты</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">Начать проект</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  <!-- Services 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          Наши услуги по 1С45        </h1>46        <p class="mt-4 max-w-3xl text-xl text-gray-500 mx-auto">47          Профессиональные решения под ваши бизнес-задачи48        </p>49</div>50 51      <div class="mt-16 grid grid-cols-1 gap-12 md:grid-cols-2">52        <div class="bg-gray-50 rounded-xl p-8">53          <div class="flex items-center">54            <div class="flex-shrink-0 bg-primary-100 rounded-md p-3">55            <img src="http://static.photos/technology/200x200/4" alt="1C Implementation" class="h-6 w-6 object-contain">56</div>57            <h3 class="ml-4 text-lg font-medium text-gray-900">Implementation</h3>58          </div>59          <p class="mt-4 text-base text-gray-500">60            Full-cycle implementation of 1C:Enterprise solutions including configuration, data migration, and user training.61          </p>62        </div>63 64        <div class="bg-gray-50 rounded-xl p-8">65          <div class="flex items-center">66            <div class="flex-shrink-0 bg-secondary-100 rounded-md p-3">67            <img src="http://static.photos/technology/200x200/5" alt="1C Custom Development" class="h-6 w-6 object-contain">68</div>69            <h3 class="ml-4 text-lg font-medium text-gray-900">Custom Development</h3>70          </div>71          <p class="mt-4 text-base text-gray-500">72            Bespoke 1C solutions tailored to your unique business processes with industry-specific functionality.73          </p>74        </div>75 76        <div class="bg-gray-50 rounded-xl p-8">77          <div class="flex items-center">78            <div class="flex-shrink-0 bg-primary-100 rounded-md p-3">79            <img src="http://static.photos/technology/200x200/6" alt="1C Migration" class="h-6 w-6 object-contain">80</div>81            <h3 class="ml-4 text-lg font-medium text-gray-900">Migration & Upgrade</h3>82          </div>83          <p class="mt-4 text-base text-gray-500">84            Seamless transition from legacy systems to modern 1C platforms with minimal business disruption.85          </p>86        </div>87 88        <div class="bg-gray-50 rounded-xl p-8">89          <div class="flex items-center">90            <div class="flex-shrink-0 bg-secondary-100 rounded-md p-3">91            <img src="http://static.photos/technology/200x200/7" alt="1C Support" class="h-6 w-6 object-contain">92</div>93            <h3 class="ml-4 text-lg font-medium text-gray-900">Support & Maintenance</h3>94          </div>95          <p class="mt-4 text-base text-gray-500">96            Ongoing technical support, troubleshooting, and system optimization to keep your 1C solution running smoothly.97          </p>98        </div>99      </div>100    </div>101  </div>102 103  <!-- Footer -->104  <footer class="bg-gray-800">105    <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">106      <div class="grid grid-cols-2 gap-8 md:grid-cols-4">107        <div>108          <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Solutions</h3>109          <ul class="mt-4 space-y-4">110            <li><a href="#" class="text-base text-gray-300 hover:text-white">1C:ERP</a></li>111            <li><a href="#" class="text-base text-gray-300 hover:text-white">1C:CRM</a></li>112            <li><a href="#" class="text-base text-gray-300 hover:text-white">1C:Retail</a></li>113            <li><a href="#" class="text-base text-gray-300 hover:text-white">1C:Manufacturing</a></li>114          </ul>115        </div>116        <div>117          <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Services</h3>118          <ul class="mt-4 space-y-4">119            <li><a href="services.html" class="text-base text-gray-300 hover:text-white">Implementation</a></li>120            <li><a href="services.html" class="text-base text-gray-300 hover:text-white">Custom Development</a></li>121            <li><a href="services.html" class="text-base text-gray-300 hover:text-white">Integration</a></li>122            <li><a href="services.html" class="text-base text-gray-300 hover:text-white">Support</a></li>123          </ul>124        </div>125        <div>126          <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Company</h3>127          <ul class="mt-4 space-y-4">128            <li><a href="#" class="text-base text-gray-300 hover:text-white">About Us</a></li>129            <li><a href="#" class="text-base text-gray-300 hover:text-white">Case Studies</a></li>130            <li><a href="#" class="text-base text-gray-300 hover:text-white">Careers</a></li>131            <li><a href="#" class="text-base text-gray-300 hover:text-white">Blog</a></li>132          </ul>133        </div>134        <div>135          <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Connect</h3>136          <ul class="mt-4 space-y-4">137            <li><a href="#" class="text-base text-gray-300 hover:text-white">Contact Us</a></li>138            <li><a href="#" class="text-base text-gray-300 hover:text-white">Support</a></li>139            <li><a href="#" class="text-base text-gray-300 hover:text-white">LinkedIn</a></li>140            <li><a href="#" class="text-base text-gray-300 hover:text-white">Telegram</a></li>141          </ul>142        </div>143      </div>144      <div class="mt-12 border-t border-gray-700 pt-8 flex justify-between">145        <p class="text-base text-gray-400">146          &copy; 2023 1Coding Wizards. All rights reserved.147        </p>148        <div class="flex space-x-6">149          <a href="#" class="text-gray-400 hover:text-white">150            <i data-feather="facebook"></i>151          </a>152          <a href="#" class="text-gray-400 hover:text-white">153            <i data-feather="twitter"></i>154          </a>155          <a href="#" class="text-gray-400 hover:text-white">156            <i data-feather="instagram"></i>157          </a>158          <a href="#" class="text-gray-400 hover:text-white">159            <i data-feather="linkedin"></i>160          </a>161        </div>162      </div>163    </div>164  </footer>165 166  <script>167    feather.replace();168  </script>169</body>170</html>