About Us

Tailwind CSS About Us

/r/n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div> \r\n <div class=\"hidden text-9xl varien absolute top-6 left-1\/4 text-g\/10 z-40 \">\r\n About Us\r\n <\/div>\r\n <div class=\" absolute -bottom-24 left-10 z-0 opacity-10 \"> \r\n <svg width=\"800px\" height=\"800px\" viewBox=\"0 0 24 24\" class=\"w-96 z-0 h-full object-fill fill-gray-300 text-gray-300\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 6C12 5.44772 11.5523 5 11 5C10.4477 5 10 5.44772 10 6V16C10 16.5523 10.4477 17 11 17C11.5523 17 12 16.5523 12 16V6ZM9 9C9 8.44772 8.55228 8 8 8C7.44772 8 7 8.44772 7 9V16C7 16.5523 7.44772 17 8 17C8.55228 17 9 16.5523 9 16V9ZM15 9C15 8.44772 14.5523 8 14 8C13.4477 8 13 8.44772 13 9V16C13 16.5523 13.4477 17 14 17C14.5523 17 15 16.5523 15 16V9ZM18 13C18 12.4477 17.5523 12 17 12C16.4477 12 16 12.4477 16 13V16C16 16.5523 16.4477 17 17 17C17.5523 17 18 16.5523 18 16V13ZM6 15C6 14.4477 5.55228 14 5 14C4.44772 14 4 14.4477 4 15V16C4 16.5523 4.44772 17 5 17C5.55228 17 6 16.5523 6 16V15ZM21 15C21 14.4477 20.5523 14 20 14C19.4477 14 19 14.4477 19 15V16C19 16.5523 19.4477 17 20 17C20.5523 17 21 16.5523 21 16V15ZM4 18C3.44772 18 3 18.4477 3 19C3 19.5523 3.44772 20 4 20H21C21.5523 20 22 19.5523 22 19C22 18.4477 21.5523 18 21 18H4Z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n \r\n <div class=\" absolute -bottom-0 left-3\/4 z-0 opacity-10 \"> \r\n <svg width=\"800px\" height=\"800px\" viewBox=\"0 0 256 256\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-48 z-0 h-full -rotate-90 object-fill fill-red-300 text-red-300\">\r\n <path d=\"M32 225h12.993A4.004 4.004 0 0 0 49 220.997V138.01c0-4.976.724-5.04 1.614-.16l12.167 66.708c.397 2.177 2.516 3.942 4.713 3.942h8.512a3.937 3.937 0 0 0 3.947-4S79 127.5 80 129s14.488 52.67 14.488 52.67c.559 2.115 2.8 3.83 5.008 3.83h8.008a3.993 3.993 0 0 0 3.996-3.995v-43.506c0-4.97 1.82-5.412 4.079-.965l10.608 20.895c1.001 1.972 3.604 3.571 5.806 3.571h9.514a3.999 3.999 0 0 0 3.993-4.001v-19.49c0-4.975 2.751-6.074 6.155-2.443l6.111 6.518c1.51 1.61 4.528 2.916 6.734 2.916h7c2.21 0 5.567-.855 7.52-1.92l9.46-5.16c1.944-1.06 5.309-1.92 7.524-1.92h23.992a4.002 4.002 0 0 0 4.004-3.992v-7.516a3.996 3.996 0 0 0-4.004-3.992h-23.992c-2.211 0-5.601.823-7.564 1.834l-4.932 2.54c-4.423 2.279-12.028 3.858-16.993 3.527l2.97.198c-4.962-.33-10.942-4.12-13.356-8.467l-11.19-20.14c-1.07-1.929-3.733-3.492-5.939-3.492h-7c-2.21 0-4 1.794-4 4.001v19.49c0 4.975-1.14 5.138-2.542.382l-12.827-43.535c-.625-2.12-2.92-3.838-5.127-3.838h-8.008c-2.207 0-3.916 1.784-3.817 4.005l1.92 42.998c.221 4.969-.489 5.068-1.585.224l-15.13-66.825c-.488-2.155-2.681-3.902-4.878-3.902h-8.512a3.937 3.937 0 0 0-3.947 4s.953 77-.047 75.5-13.937-92.072-13.937-92.072C49.252 34.758 47.21 33 45 33H31.999\" fill-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <\/div> \r\n <div class=\" absolute top-10 left-3\/4 z-0 opacity-10 \"> \r\n \r\n <svg fill=\"#000000\" width=\"800px\" height=\"800px\" viewBox=\"0 0 256 256\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-96 z-0 h-full object-fill fill-blue-300 text-blue-300\">\r\n <path d=\"M230.704 99.2a4.004 4.004 0 0 0-4.01-3.995h-50.981c-2.215 0-5.212-1.327-6.693-2.964L155.289 77.08c-17.795-19.65-41.628-16.256-53.234 7.58l-38.736 79.557C60.42 170.172 52.705 175 46.077 175H29.359a3.996 3.996 0 0 0-3.994 3.995v10.01A4 4 0 0 0 29.372 193h24.7c8.835 0 19.208-6.395 23.174-14.293l43.645-86.914c3.964-7.894 12.233-9.228 18.473-2.974l17.184 17.219c3.123 3.13 9.242 5.667 13.647 5.667H226.7a4.005 4.005 0 0 0 4.004-3.994v-8.512z\" fill-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <\/div> \r\n \r\n<\/div>","author_type":"App\\User","author_id":2968,"collection_id":null,"fork_id":null,"votes":3,"score":"2.3","visits":5579,"popularity":271,"slug":"about-us","approved":1,"created_at":"2023-11-15T00:00:00.000000Z","updated_at":"2024-09-19T05:12:57.000000Z","downloads":118,"code_views":1121,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":0,"media":[{"id":10780,"model_type":"App\\Component","model_id":5759,"collection_name":"preview","name":"temp12899","file_name":"temp12899.png","mime_type":"image\/png","disk":"public","size":54558,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp12899___media_library_original_1280_957.png","temp12899___media_library_original_1070_800.png","temp12899___media_library_original_895_669.png","temp12899___media_library_original_749_560.png","temp12899___media_library_original_627_469.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FHQUFnQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvUnZVZFdsdGI3eXZNMmc5NkFOZlRMaVM0WUVTaHdCemlnREwxbnhOTFlYUmpIUVVBVy9EK3VTNm1Ua1pBb0F6ciszTjVxdTFvTXAvZXFySEg3V1RueTIwTi9TdE9qc2dTdkdhVm1kYVprNjE0YyszWEJrRERtaXpDNkxmaHZUaHB1NEVpaXpDNkcrWTJjNTVyME9WSERkaStjL3JSeW9mTXdNem4rSTBjcURtWWdrWWRDUlJ5b09abi8vWiI+Cgk8L2ltYWdlPgo8L3N2Zz4="}},"order_column":3,"created_at":"2023-11-15T10:14:31.000000Z","updated_at":"2023-11-15T10:14:33.000000Z","conversions_disk":"public","uuid":"dc3158b2-c773-4504-bfb3-3c995dddd0d2","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/10780\/temp12899.png","preview_url":""}],"author":{"id":2968,"name":"Sam Saifi","slug":"sam-saifi","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/30666676?v=4","header":"\/storage\/headers\/gdPd8lGPNNMWSN74nyR0ZHsBzV0F1IIkUHqdOzW7.jpg","created_at":"2021-04-05T05:47:43.000000Z","updated_at":"2023-11-25T06:24:46.000000Z"},"tags":[{"id":7,"name":{"en":"Pages"},"description":"Looking to get the work done faster? Choose from our collection of 500+ fully coded page examples that are built using the popular CSS framework - Tailwind CSS. Get started or get inspired!","meta_description":"Choose from our collection of 500+ fully coded page examples that are built using the popular CSS framework - Tailwind CSS","slug":{"en":"pages"},"type":null,"order_column":10,"created_at":"2019-07-04T08:20:17.000000Z","updated_at":"2022-08-01T16:13:03.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":5759,"tag_id":7}},{"id":24,"name":{"en":"Headers"},"description":"The Header is a very important component that provides useful links to other areas of the website that the user may want to visit. See below our collection of Header examples that you can add directly to your Tailwind UI project.","meta_description":"Visit our collection of Header examples that you can add directly to your web project.","slug":{"en":"headers"},"type":null,"order_column":23,"created_at":"2022-08-31T14:18:40.000000Z","updated_at":"2022-12-21T11:18:38.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":5759,"tag_id":24}},{"id":41,"name":{"en":"Layout"},"description":"A layout component includes sections of your website that you want to share across multiple pages. See below our collection of Layouts that you can add directly to your Tailwind UI project.","meta_description":"Visit our Layouts collection that you can add to your Tailwind UI project to create awesome websites.","slug":{"en":"layout"},"type":null,"order_column":40,"created_at":"2022-08-31T14:27:17.000000Z","updated_at":"2022-12-21T11:01:02.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":5759,"tag_id":41}},{"id":89,"name":{"en":"Jumbotron"},"description":"Utilize the jumbotron component to deliver impactful marketing messages to users by incorporating a headline and image within a card-style box, all crafted with Tailwind CSS.","meta_description":"Utilize the jumbotron component to deliver impactful marketing messages to users by incorporating a headline and image within a card-style box, all crafted with Tailwind CSS.","slug":{"en":"jumbotron"},"type":null,"order_column":78,"created_at":"2023-11-14T16:54:16.000000Z","updated_at":"2023-11-14T16:54:16.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":5759,"tag_id":89}}],"fork":null,"favorites":[{"id":3241,"name":"moneya","slug":"moneya","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/7353773?v=4","header":null,"created_at":"2021-04-28T15:37:06.000000Z","updated_at":"2021-04-28T15:37:06.000000Z","pivot":{"component_id":5759,"user_id":3241}},{"id":6940,"name":"123ApplePie","slug":"123applepie","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/73269263?v=4","header":null,"created_at":"2022-02-21T13:49:46.000000Z","updated_at":"2022-02-21T13:49:46.000000Z","pivot":{"component_id":5759,"user_id":6940}},{"id":18345,"name":"TrianaSolerMartin","slug":"trianasolermartin","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/152178100?v=4","header":null,"created_at":"2024-04-20T08:45:04.000000Z","updated_at":"2024-04-20T08:45:04.000000Z","pivot":{"component_id":5759,"user_id":18345}},{"id":18634,"name":"Vishnu","slug":"vishnu-1","bio":null,"avatar":"https:\/\/www.gravatar.com\/avatar\/553063b87d7d7dccd553d32b5450cb6a","header":null,"created_at":"2024-05-06T04:33:26.000000Z","updated_at":"2024-05-06T04:33:26.000000Z","pivot":{"component_id":5759,"user_id":18634}}]}" :edit="false"> Full screen Preview