Diamond203/blendcost-mastermind
0
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>About Us | Diamond Polymer Industries</title>7 <script src="https://cdn.tailwindcss.com"></script>8 <script src="https://unpkg.com/feather-icons"></script>9 <script>10 tailwind.config = {11 theme: {12 extend: {13 colors: {14 primary: '#1E90FF',15 secondary: '#0047AB',16 dark: '#1F2937',17 light: '#F3F4F6',18 diamond: '#00BFFF'19 }20 }21 }22 }23 </script>24</head>25<body class="bg-gray-50">26 <!-- Header -->27 <header class="bg-gradient-to-r from-primary to-diamond text-white shadow-lg">28 <div class="container mx-auto px-4 py-6">29 <div class="flex justify-between items-center">30 <div class="flex items-center space-x-4">31 <i data-feather="box" class="w-10 h-10"></i>32 <div>33 <h1 class="text-3xl font-bold">DIAMOND POLYMER INDUSTRIES LLP</h1>34 <p class="mt-1 text-blue-100">Innovative Packaging Solutions Since 1993</p>35 </div>36 </div>37 <nav class="hidden md:flex space-x-6">38 <a href="index.html" class="hover:text-blue-200 transition">Home</a>39 <a href="about.html" class="hover:text-blue-200 transition font-semibold underline">About Us</a>40 <a href="products.html" class="hover:text-blue-200 transition">Products</a>41 <a href="contact.html" class="hover:text-blue-200 transition">Contact</a>42 </nav>43 <button id="mobile-menu" class="md:hidden p-2 rounded-full bg-white/10 hover:bg-white/20 transition">44 <i data-feather="menu" class="w-6 h-6"></i>45 </button>46 </div>47 </div>48 </header>49 50 <!-- Mobile Menu -->51 <div id="mobile-nav" class="hidden md:hidden bg-primary text-white py-4 px-6">52 <div class="flex flex-col space-y-4">53 <a href="index.html" class="py-2 border-b border-blue-300">Home</a>54 <a href="about.html" class="py-2 border-b border-blue-300 font-semibold">About Us</a>55 <a href="products.html" class="py-2 border-b border-blue-300">Products</a>56 <a href="contact.html" class="py-2 border-b border-blue-300">Contact</a>57 </div>58 </div>59 60 <!-- Page Content -->61 <main class="container mx-auto px-4 py-12">62 <div class="max-w-4xl mx-auto">63 <h2 class="text-4xl font-bold text-primary mb-8 text-center">About Diamond Polymer Industries</h2>64 65 <div class="bg-white rounded-xl shadow-md overflow-hidden mb-12">66 <img src="http://static.photos/industry/1200x630/101" alt="Our Manufacturing Facility" class="w-full h-96 object-cover">67 <div class="p-8">68 <h3 class="text-2xl font-semibold text-primary mb-4">Our Story</h3>69 <div class="prose max-w-none text-gray-700">70 <p>Founded in 1993, Diamond Polymer Industries LLP has grown from a small manufacturing unit to one of the leading polythene bag manufacturers in India. With over 30 years of experience in the packaging industry, we have built a reputation for quality, innovation, and reliability.</p>71 <p>Our state-of-the-art manufacturing facility in Mumbai is equipped with the latest technology to produce a wide range of packaging solutions that meet international quality standards. We serve clients across various industries including food packaging, pharmaceuticals, retail, and industrial packaging.</p>72 </div>73 </div>74 </div>75 76 <div class="grid md:grid-cols-2 gap-8 mb-12">77 <div class="bg-white rounded-xl shadow-md p-8">78 <h3 class="text-2xl font-semibold text-primary mb-4">Our Mission</h3>79 <div class="prose max-w-none text-gray-700">80 <p>To provide innovative, sustainable, and high-quality packaging solutions that meet our customers' evolving needs while minimizing environmental impact.</p>81 <p>We are committed to continuous improvement in product quality, customer service, and environmental responsibility.</p>82 </div>83 </div>84 <div class="bg-white rounded-xl shadow-md p-8">85 <h3 class="text-2xl font-semibold text-primary mb-4">Our Values</h3>86 <ul class="space-y-3 text-gray-700">87 <li class="flex items-start">88 <i data-feather="check-circle" class="w-5 h-5 text-primary mr-2 mt-1"></i>89 <span>Quality - We never compromise on the quality of our products</span>90 </li>91 <li class="flex items-start">92 <i data-feather="check-circle" class="w-5 h-5 text-primary mr-2 mt-1"></i>93 <span>Innovation - Constantly developing new packaging solutions</span>94 </li>95 <li class="flex items-start">96 <i data-feather="check-circle" class="w-5 h-5 text-primary mr-2 mt-1"></i>97 <span>Sustainability - Eco-friendly materials and processes</span>98 </li>99 <li class="flex items-start">100 <i data-feather="check-circle" class="w-5 h-5 text-primary mr-2 mt-1"></i>101 <span>Customer Focus - Tailored solutions for each client</span>102 </li>103 </ul>104 </div>105 </div>106 107 <div class="bg-white rounded-xl shadow-md p-8">108 <h3 class="text-2xl font-semibold text-primary mb-6 text-center">Our Team</h3>109 <div class="grid md:grid-cols-3 gap-6">110 <div class="text-center">111 <img src="http://static.photos/people/200x200/1" alt="Founder" class="w-32 h-32 rounded-full object-cover mx-auto mb-4">112 <h4 class="font-semibold text-lg">Rajesh Sharma</h4>113 <p class="text-primary mb-2">Founder & CEO</p>114 <p class="text-gray-600 text-sm">30+ years in polymer industry</p>115 </div>116 <div class="text-center">117 <img src="http://static.photos/people/200x200/2" alt="Production Head" class="w-32 h-32 rounded-full object-cover mx-auto mb-4">118 <h4 class="font-semibold text-lg">Priya Patel</h4>119 <p class="text-primary mb-2">Production Head</p>120 <p class="text-gray-600 text-sm">Quality control expert</p>121 </div>122 <div class="text-center">123 <img src="http://static.photos/people/200x200/3" alt="R&D Manager" class="w-32 h-32 rounded-full object-cover mx-auto mb-4">124 <h4 class="font-semibold text-lg">Amit Kumar</h4>125 <p class="text-primary mb-2">R&D Manager</p>126 <p class="text-gray-600 text-sm">Packaging innovation specialist</p>127 </div>128 </div>129 </div>130 </div>131 </main>132 133 <!-- Footer -->134 <footer class="bg-primary text-white py-12">135 <div class="container mx-auto px-4">136 <div class="grid md:grid-cols-4 gap-8">137 <div>138 <h3 class="text-xl font-bold mb-4">DIAMOND POLYMER INDUSTRIES LLP</h3>139 <p class="text-blue-100">Innovating packaging solutions since 1993 with quality and reliability.</p>140 </div>141 <div>142 <h4 class="font-semibold mb-4">Quick Links</h4>143 <ul class="space-y-2">144 <li><a href="index.html" class="hover:text-blue-200 transition">Home</a></li>145 <li><a href="about.html" class="hover:text-blue-200 transition font-semibold">About Us</a></li>146 <li><a href="products.html" class="hover:text-blue-200 transition">Products</a></li>147 <li><a href="contact.html" class="hover:text-blue-200 transition">Contact</a></li>148 </ul>149 </div>150 <div>151 <h4 class="font-semibold mb-4">Contact Us</h4>152 <ul class="space-y-2">153 <li class="flex items-start">154 <i data-feather="map-pin" class="w-4 h-4 mr-2 mt-1"></i>155 <span>Plot No. 12, Industrial Area, Mumbai</span>156 </li>157 <li class="flex items-center">158 <i data-feather="phone" class="w-4 h-4 mr-2"></i>159 <span>+91 9876543210</span>160 </li>161 <li class="flex items-center">162 <i data-feather="mail" class="w-4 h-4 mr-2"></i>163 <span>info@diamondpolymer.com</span>164 </li>165 </ul>166 </div>167 <div>168 <h4 class="font-semibold mb-4">Follow Us</h4>169 <div class="flex space-x-4">170 <a href="#" class="hover:text-blue-200 transition"><i data-feather="facebook" class="w-5 h-5"></i></a>171 <a href="#" class="hover:text-blue-200 transition"><i data-feather="twitter" class="w-5 h-5"></i></a>172 <a href="#" class="hover:text-blue-200 transition"><i data-feather="linkedin" class="w-5 h-5"></i></a>173 <a href="#" class="hover:text-blue-200 transition"><i data-feather="instagram" class="w-5 h-5"></i></a>174 </div>175 </div>176 </div>177 <div class="border-t border-blue-400 mt-8 pt-6 text-center text-blue-100 text-sm">178 <p>© 2023 Diamond Polymer Industries LLP. All Rights Reserved.</p>179 </div>180 </div>181 </footer>182 183 <script>184 // Initialize feather icons and mobile menu185 document.addEventListener('DOMContentLoaded', () => {186 feather.replace();187 188 // Mobile menu toggle189 const mobileMenuBtn = document.getElementById('mobile-menu');190 const mobileNav = document.getElementById('mobile-nav');191 192 mobileMenuBtn.addEventListener('click', () => {193 mobileNav.classList.toggle('hidden');194 if (mobileNav.classList.contains('hidden')) {195 mobileMenuBtn.innerHTML = '<i data-feather="menu" class="w-6 h-6"></i>';196 } else {197 mobileMenuBtn.innerHTML = '<i data-feather="x" class="w-6 h-6"></i>';198 }199 feather.replace();200 });201 });202 </script>203</body>204</html>