[email protected]

Fitihealth Tailwind CSS

Moderne Gym website landing page Hero Section

Share

/r/n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n accent: {\"50\":\"#fff5f0\",\"100\":\"#ffd6c2\",\"200\":\"#feb795\",\"300\":\"#fe9868\",\"400\":\"#fd783c\",\"500\":\"#fb580f\",\"600\":\"#db4603\",\"700\":\"#b03802\",\"800\":\"#862b01\",\"900\":\"#5a1d00\",\"950\":\"#2f0f00\"}\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n<body>\r\n <div i>\r\n <header class=\"w-dvw absolute top-0 left-1\/2 -translate-x-1\/2 z-[1000] py-4\"><div class=\"max-w-[120rem] text-gray-50 px-6 md:px-8 lg:px-10\"><nav class=\"w-full flex flex-row items-center font-sans\"><a class=\"text-gray-50\" href=https://www.creative-tim.com/"///">

Qui sommes nous?<\/a><\/li><li><a href=https://www.creative-tim.com/"/">Plan

Contact/r/n <\/header>\r\n <section class=\"h-dvh w-dvw max-h-[80rem] relative\">\r\n <div class=\"absolute inset-0 z-[1]\">\r\n <img class=\"h-full w-full object-cover object-center\" src=https://www.creative-tim.com/"https:////github.com//Gederooney//modern-gym-landing//blob//master//bg.png?raw=true\%22 alt=\"\">\r\n <\/div>\r\n <div class=\"max-w-[120rem] mx-auto h-full relative z-[2] px-6 md:px-8 lg:px-10\">\r\n <div class=\"h-full w-full flex flex-col relative space-y-6\">\r\n <div class=\"mt-auto mb-0 text-gray-50 md:pb-36 space-y-6\">\r\n <span class=\"font-light text-sm text-accent-500 \">Bienvenu a fitihealth<\/span>\r\n <h1 class=\"text-3xl md:text-5xl max-w-[30rem] font-medium\">Une bonne sant\u00e9 passe par le sport<\/h1>\r\n <p class=\"max-w-[30rem] font-light ml-4 before:content-[''] relative before:absolute before:w-px before:h-full before:left-0 before:top-0 before:-translate-x-4 before:bg-accent-500 md:text-base text-sm\">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s<\/p>\r\n <div class=\"md:flex-row flex-col flex gap-4\">\r\n <button class=\"inline-block text-base font-medium px-12 py-2 bg-accent-400 rounded-lg cursor-pointer\">En savoir plus<\/button>\r\n <button class=\"inline-block text-base font-medium px-12 py-2 border border-accent-400 rounded-lg text-accent-400 cursor-pointer bg-gray-50\/10 backdrop-blur-3xl\">Nos Horaires<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"md:absolute md:right-0 md:bottom-32 text-gray-50 my-16\">\r\n <ul class=\"flex md:flex-col items-center justify-center gap-2\">\r\n <li class=\"h-6 w-6 block rounded-full bg-accent-400 text-gray-50\">\r\n <a href=https://www.creative-tim.com/"/" class=\"block h-full w-full p-1\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-full h-full fill-current \" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M0 0h24v24H0z\"><\/path><path fill=\"currentColor\" d=\"M18 2a1 1 0 0 1 .993.883L19 3v4a1 1 0 0 1-.883.993L18 8h-3v1h3a1 1 0 0 1 .991 1.131l-.02.112l-1 4a1 1 0 0 1-.858.75L17 15h-2v6a1 1 0 0 1-.883.993L14 22h-4a1 1 0 0 1-.993-.883L9 21v-6H7a1 1 0 0 1-.993-.883L6 14v-4a1 1 0 0 1 .883-.993L7 9h2V8a6 6 0 0 1 5.775-5.996L15 2z\"><\/path><\/g>\r\n <\/svg>\r\n <\/a>\r\n <\/li>\r\n <li class=\"h-6 w-6 block rounded-full bg-accent-400 text-gray-50\"><a href=https://www.creative-tim.com/"/" class=\"h-full w-full block p-1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\" class=\"w-full h-full fill-current \"><path d=\"M256.283 47.553c70.693 0 128 54.682 118 128.931-2.072 15.388-3.422 31.483-4.26 44.759 0 0 2.402 4.253 12.664 4.253 6.071 0 14.895-1.543 27.596-6.354 2.236-.847 4.377-1.241 6.377-1.241 7.918 0 13.615 5.931 14.123 12.271.426 5.31-4.564 11.199-8.371 13.009-13.766 6.542-46.991 10.063-46.991 32.638 0 22.576 22.362 46.656 40.862 63.713S480 360.602 480 360.602s.283 21.57-31.717 29.097c-32 7.524-32.1 5.712-33.25 13.796-2.133 14.979-1.535 21.378-11.248 21.378-1.672 0-3.651-.19-6.002-.558-8.23-1.291-19.239-3.644-31.121-3.644-11.216 0-23.21 2.097-34.379 9.161-23 14.549-41.283 34.114-76.283 34.114s-53-19.565-76-34.114c-11.17-7.065-23.162-9.161-34.379-9.161-11.88 0-22.892 2.353-31.121 3.644-2.352.367-4.33.558-6.002.558-9.71 0-9.115-6.399-11.248-21.378-1.151-8.084-1.25-6.27-33.25-13.795s-32-29.097-32-29.097 45.5-4.012 64-21.068c18.5-17.058 40.862-41.134 40.862-63.71 0-22.575-33.226-26.09-46.991-32.632-3.807-1.81-8.796-7.687-8.371-12.997.507-6.336 6.196-12.251 14.107-12.25 2.004 0 4.152.38 6.393 1.229 12.749 4.829 21.588 6.342 27.662 6.342 10.204 0 12.598-4.273 12.598-4.273-.837-13.275-2.187-29.371-4.259-44.759-10-74.249 47.307-128.931 118-128.931M256.283 32H256c-41.093 0-79.215 16.208-104.591 45.341-23.982 27.534-34.375 63.345-29.265 101.292 1.416 10.51 2.46 21.231 3.21 30.618-3.97-.559-9.686-1.998-17.703-5.034-3.965-1.502-8.017-2.295-12.043-2.295-15.641-.001-28.844 11.852-30.057 27.003-1.027 12.818 8.235 24.393 17.47 28.783 4.251 2.02 9.181 3.578 14.4 5.232 6.707 2.125 14.309 4.532 19.293 7.703 4.147 2.639 4.147 4.168 4.147 5.182 0 8.66-6.191 24.691-35.688 51.888-10.499 9.681-39.055 15.501-54.588 16.897l-14.572 1.311L16 360.603c0 1.679.312 10.546 6.485 20.319 5.246 8.306 16.073 19.283 37.863 24.407a1139.713 1139.713 0 0 0 15.208 3.454c2.306.512 4.555 1.01 6.454 1.453l.081.623c.9 7.004 1.611 12.535 4.392 17.75 2.453 4.6 8.574 12.316 22.015 12.316 2.478 0 5.249-.246 8.472-.751 1.672-.263 3.386-.554 5.2-.863 7.116-1.212 15.182-2.587 23.451-2.587 10.277 0 18.732 2.188 25.846 6.688 4.531 2.867 8.892 5.972 13.509 9.26C202.967 465.481 223.358 480 256 480c32.726 0 53.293-14.582 71.439-27.446 4.576-3.244 8.898-6.309 13.377-9.142 7.113-4.5 15.568-6.688 25.846-6.688 8.27 0 16.334 1.375 23.449 2.586 1.814.311 3.529.602 5.202.864 3.223.505 5.993.751 8.472.751 13.44 0 19.562-7.715 22.015-12.313 2.781-5.214 3.492-10.746 4.392-17.749l.082-.629c1.898-.441 4.148-.941 6.455-1.452 4.023-.892 9.029-2.001 15.206-3.454 21.851-5.139 32.611-16.17 37.79-24.518 6.098-9.828 6.296-18.736 6.273-20.422l-.189-14.501-14.398-1.278c-15.413-1.396-43.8-7.219-54.301-16.9-16.281-15.011-35.688-36.199-35.688-51.893 0-1.014 0-2.546 4.15-5.186 4.985-3.174 12.589-5.584 19.297-7.71 5.217-1.654 10.144-3.217 14.394-5.236 9.236-4.39 18.498-15.978 17.471-28.807-1.215-15.166-14.424-27.046-30.072-27.046-4.021 0-8.068.76-12.027 2.259-8.027 3.041-13.743 4.41-17.705 4.962.747-9.319 1.791-20.12 3.211-30.67 5.111-37.948-5.281-73.509-29.264-101.042C335.498 48.208 297.376 32 256.283 32z\" fill=\"currentColor\"><\/path><path d=\"M256 229c-20.838 0-40.604-8.29-55.657-23.343a8 8 0 1 1 11.313-11.313C223.688 206.374 239.436 213 256 213c16.387 0 32.15-6.64 44.385-18.698a8 8 0 0 1 11.23 11.395C296.368 220.725 276.617 229 256 229z\" fill=\"currentColor\"><\/path><ellipse cx=\"208\" cy=\"152\" rx=\"16\" ry=\"24\" fill=\"currentColor\"><\/ellipse><ellipse cx=\"304\" cy=\"152\" rx=\"16\" ry=\"24\" fill=\"currentColor\"><\/ellipse><\/svg><\/a><\/li><li class=\"h-6 w-6 block rounded-full bg-accent-400 text-gray-50 p-1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-full h-full fill-none stroke-current \" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\" fill=\"none\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\" fill=\"none\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\" fill=\"none\"><\/line><\/svg><\/li><\/ul><\/div><\/div><\/div><\/section><\/div>\r\n<\/body>\r\n<\/html>","author_type":"App\\User","author_id":17526,"collection_id":null,"fork_id":null,"votes":1,"score":"5.0","visits":3283,"popularity":156,"slug":"fitihealth","approved":1,"created_at":"2024-03-24T00:00:00.000000Z","updated_at":"2024-09-19T02:49:15.000000Z","downloads":47,"code_views":699,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":0,"media":[{"id":11853,"model_type":"App\\Component","model_id":6545,"collection_name":"preview","name":"temp26579","file_name":"temp26579.png","mime_type":"image\/png","disk":"public","size":377359,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp26579___media_library_original_1280_957.png","temp26579___media_library_original_1070_800.png","temp26579___media_library_original_895_669.png","temp26579___media_library_original_749_560.png","temp26579___media_library_original_627_469.png","temp26579___media_library_original_524_392.png","temp26579___media_library_original_439_328.png","temp26579___media_library_original_367_274.png","temp26579___media_library_original_307_230.png","temp26579___media_library_original_257_192.png","temp26579___media_library_original_215_161.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FHQUFnQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvTmszMExXd0NBRTBBWnpQUDV3OHRjK3dxSmJHa056cGROMU9HVFNMaTFtaS9lRWRUWE5KTzZaNmNYRndhc2VmenFGbWNEb0RYV3RqeXBhTSs3WVArQ1lmaktORG1UbnRYUjdKblA3UkYvU3YrQ2FQakdDNEVramc0OVJVU290bzJwMWxGM05DWC9nbTU0c01qa0VZYjJxZnE3TmZyUzFPZXVmK0NYdmk5NWl5dU1FMXI3Sm5LNmliUDJNOHBmUVYySElMNVNqc0tBRHkxOUJRQWVXdm9LQjNQLy9aIj4KCTwvaW1hZ2U+Cjwvc3ZnPg=="}},"order_column":1,"created_at":"2024-03-24T14:40:19.000000Z","updated_at":"2024-03-24T14:40:21.000000Z","conversions_disk":"public","uuid":"2f287730-1e8a-4e36-9c20-2b7b9143b1ff","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/11853\/temp26579.png","preview_url":""}],"author":{"id":17526,"name":"Gederooney","slug":"gederooney","bio":"Founder of https:\/\/tailflows.com We trying to build the best tailwindcss ecosystem for the french community.","avatar":"https:\/\/avatars.githubusercontent.com\/u\/49495160?v=4","header":null,"created_at":"2024-03-13T00:36:16.000000Z","updated_at":"2024-03-15T12:07:31.000000Z"},"tags":[{"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":6545,"tag_id":24}}],"fork":null,"favorites":[{"id":10213,"name":"hadjamagamy","slug":"hadjamagamy","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/115471672?v=4","header":null,"created_at":"2022-12-22T07:16:20.000000Z","updated_at":"2022-12-22T07:16:20.000000Z","pivot":{"component_id":6545,"user_id":10213}},{"id":19942,"name":"alexandra-murtaza","slug":"alexandra-murtaza","bio":"Hello there","avatar":"https:\/\/avatars.githubusercontent.com\/u\/74921460?v=4","header":null,"created_at":"2024-07-24T08:02:38.000000Z","updated_at":"2024-07-24T08:04:38.000000Z","pivot":{"component_id":6545,"user_id":19942}},{"id":17542,"name":"YthelFR","slug":"ythelfr","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/110157294?v=4","header":null,"created_at":"2024-03-13T10:45:53.000000Z","updated_at":"2024-03-13T10:45:53.000000Z","pivot":{"component_id":6545,"user_id":17542}}]}" :edit="false">

Full screen Preview

Gederooney

4 components Profile On

Community Rate

Related components

See more components