https://keel.la Keel Fri, 04 Apr 2025 21:29:12 +0000 https://keel.la en https://keel.la/Mobile-Menu Sun, 21 Apr 2024 14:30:42 +0000 Keel https://keel.la/Mobile-Menu HOME ARTISTS PRODUCERS DIGITAL PUBLISHING CONTACT https://keel.la/Roster Fri, 04 Apr 2025 21:29:12 +0000 Keel https://keel.la/Roster Rotating Image Effect /* CSS Reset for all elements */ * { margin: 0; padding: 0; box-sizing: border-box; } body, html { height: 100%; width: 100%; overflow-x: hidden; /* Prevents horizontal scroll */ background-color: #f0f0f0; } /* Container for the flip cards */ .cards-container { display: flex; justify-content: space-between; align-items: center; gap: 10px; /* Tightened up space between the cards */ flex-wrap: wrap; /* Makes sure it wraps on smaller screens */ padding: 20px; } /* Single flip card container */ .flip-container { display: flex; justify-content: center; align-items: center; width: 32%; /* 3 items per row, width will be 32% of the container */ height: 0; padding-bottom: 32%; /* This ensures the container remains square */ position: relative; perspective: 1000px; /* 3D effect */ margin-bottom: 20px; /* Space between rows */ } .flipper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 0.6s; } .flip-container:hover .flipper { transform: rotateY(180deg); /* Rotates the card on hover */ } .front, .back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 8px; /* Slightly less rounded corners */ display: flex; justify-content: center; align-items: center; } .front { background: #fff; } .back { background: #fff; transform: rotateY(180deg); /* Flips the back side */ } /* Ensure images are responsive and maintain aspect ratio */ .image { width: 100%; height: 100%; object-fit: cover; /* Ensures the image covers the entire area without distortion */ border-radius: 8px; /* Slightly less rounded corners */ } /* Ensuring responsiveness for smaller screens */ @media (max-width: 768px) { .flip-container { width: 48%; /* 2 items per row on smaller screens */ padding-bottom: 48%; /* Maintain square aspect ratio */ } .cards-container { gap: 5px; /* Reduce the gap between cards */ padding: 10px; /* Reduce padding around the container */ } } @media (max-width: 480px) { .flip-container { width: 100%; /* 1 item per row on extra small screens */ padding-bottom: 100%; /* Maintain square aspect ratio */ } .cards-container { gap: 5px; /* Reduce the gap between cards */ padding: 5px; /* Reduce padding around the container */ } } <img class="image" src="https://freight.cargo.site/t/original/i/6db412f715cf2fb7b694828f7fd4902782046ff35ee50abdd6edffef0fb7934e/30kts_AlexLeMirage_S1L.png" alt="Image 1"> <img class="image" src="https://freight.cargo.site/t/original/i/65645fe080f7a4ebdefb790655cda36abcc26fcbf5ba963823a58aacf7a4a004/30kts_AlexLeMirage_S2.png" alt="Image 2"> <img class="image" src="https://freight.cargo.site/t/original/i/00c75e57daaec5ddf8ce73cfd59581f9625a02a34e2574544017cd2a0d2ac309/30kts_SebastianPaul_S1L.png" alt="Image 3"> <img class="image" src="https://freight.cargo.site/t/original/i/8c777d5ae955bfa99c9b963f24c62148b983512badbab8adbdabab171a4f647a/30kts_SebastianPaul_S2.png" alt="Image 4"> <img class="image" src="https://freight.cargo.site/t/original/i/f1405627502a47e1cf25be629ea2a6a35a255671f1acfda3be000caaccb5dbb7/30kts_LilyFits_S1L.png" alt="Image 5"> <img class="image" src="https://freight.cargo.site/t/original/i/4f360a5682f90512d63e1d7c214f94416d60d50458e247638d3a41d38a07db61/30kts_LilyFits_S2.png" alt="Image 6"> <img class="image" src="https://freight.cargo.site/t/original/i/03082c94411ed5c058c54aa79c9e3c86af31a58ae84faa85dc5980e55ffaecab/30kts_itsmurph_S1L.png" alt="Image 7"> <img class="image" src="https://freight.cargo.site/t/original/i/6a2b0738101198d2e81847c94e86df06f9fd39b21609b9dd6ab536ce0beec320/30kts_itsmurph_S2.png" alt="Image 8"> <img class="image" src="https://freight.cargo.site/t/original/i/9d8da30e4f83706b159a48efb7c46ea8819f7f798e190bf2e4ae057c92f22fd4/30kts_DanielAllan_S1L.png" alt="Image 9"> <img class="image" src="https://freight.cargo.site/t/original/i/ec6c108f252b3fd6de79d21214de469112b73797260c186f4a36b97bab22a6fb/30kts_DanielAllan_S2.png" alt="Image 10"> <img class="image" src="https://freight.cargo.site/t/original/i/5a4620f75c85385f9962b27d439998b2e3054a6ebb53c1b5c433050b45100d9c/Keel_Arist_NickyYoure_S1LB.png" alt="Image 11"> <img class="image" src="https://freight.cargo.site/t/original/i/5a6b6ed4db54f5ea6de6a6bd6a277f7d5970f8d83ce5c90fa619b9adcdeafd02/Keel_NickyYoure_S2.png" alt="Image 12"> https://keel.la/Mobile-header Thu, 11 Apr 2024 08:03:24 +0000 Keel https://keel.la/Mobile-header https://keel.la/Artist-Display Fri, 12 Apr 2024 20:35:30 +0000 Keel https://keel.la/Artist-Display Ar https://keel.la/Header Thu, 11 Apr 2024 08:03:24 +0000 Keel https://keel.la/Header https://keel.la/Branded-HERO Thu, 11 Apr 2024 08:03:24 +0000 Keel https://keel.la/Branded-HERO <img width="170" height="150" width_o="170" height_o="150" data-src="https://freight.cargo.site/t/original/i/f105a238c22f87cc8eff58a55d17790cb938ed1a9c83eead7c66ab8b17d50b5e/Keel_FullWordmark_Logo_RGB_FNL.svg" data-mid="209414550" border="0" src="https://freight.cargo.site/w/170/i/f105a238c22f87cc8eff58a55d17790cb938ed1a9c83eead7c66ab8b17d50b5e/Keel_FullWordmark_Logo_RGB_FNL.svg" /> KEELIN ASSOCIATIOnWITH thirty knots <img width="300" height="121" width_o="300" height_o="121" data-src="https://freight.cargo.site/t/original/i/1a78812caa9a1f39eb91d70de25f2d4aaf35dc5dc823085b1bb5ba881c69cb00/30kts_Secondary_Logo_RGB_FNL.svg" data-mid="208733458" border="0" data-scale="29" src="https://freight.cargo.site/w/300/i/1a78812caa9a1f39eb91d70de25f2d4aaf35dc5dc823085b1bb5ba881c69cb00/30kts_Secondary_Logo_RGB_FNL.svg" /> KEEL IS A FULL-SERVICE ARTIST MANAGEMENT COMPANY BASED OUT OF LOS ANGELES, CA. WE PROVIDE COMPREHENSIVE MANAGEMENT SERVICES WITH THE ATTENTION OF A BOUTIQUE. https://keel.la/LTC Fri, 12 Apr 2024 20:10:28 +0000 Keel https://keel.la/LTC ARTISTS LOUIS THE CHILD ︎︎︎︎︎ <img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/9d493852fd9e3a81fc41820764b6200f50c8e2435d95149ca6b598e4ea8734ac/KEEL_30KTS_SITE_Roster__0012_230322_LOUIS_THE_CHILD_SUN_COMES_UP_05_1550-Edit.jpg" data-mid="208841407" border="0" src="https://freight.cargo.site/w/1000/i/9d493852fd9e3a81fc41820764b6200f50c8e2435d95149ca6b598e4ea8734ac/KEEL_30KTS_SITE_Roster__0012_230322_LOUIS_THE_CHILD_SUN_COMES_UP_05_1550-Edit.jpg" /> ︎︎︎ PREV NEXT︎︎︎ https://keel.la/TWO-FEET Fri, 12 Apr 2024 20:10:29 +0000 Keel https://keel.la/TWO-FEET ARTISTS TWO FEET ︎︎︎︎︎ <img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/a2099d7a5a528a6e0ddfe807e610264d767b3a9b3cd7d0a523831a7a5bc17bc5/KEEL_30KTS_SITE_Roster__0004_Press-Pic.jpg" data-mid="208841420" border="0" src="https://freight.cargo.site/w/1000/i/a2099d7a5a528a6e0ddfe807e610264d767b3a9b3cd7d0a523831a7a5bc17bc5/KEEL_30KTS_SITE_Roster__0004_Press-Pic.jpg" /> ︎︎︎ PREV NEXT ︎︎︎ https://keel.la/ITS-MURPH Fri, 12 Apr 2024 20:10:32 +0000 Keel https://keel.la/ITS-MURPH ARTISTS IT’S MURPH ︎︎︎︎︎ <img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/028d63fd6575de0a4a3ab5d48f5db0abf258e3a06de1c925d4a207a5c6e24190/KEEL_30KTS_SITE_Roster__0013_2317-itsmurph-0876-Edit.jpg" data-mid="208841450" border="0" src="https://freight.cargo.site/w/1000/i/028d63fd6575de0a4a3ab5d48f5db0abf258e3a06de1c925d4a207a5c6e24190/KEEL_30KTS_SITE_Roster__0013_2317-itsmurph-0876-Edit.jpg" /> ︎︎︎ PREV NEXT ︎︎︎ https://keel.la/NICKY-YOURE Fri, 12 Apr 2024 20:10:33 +0000 Keel https://keel.la/NICKY-YOURE ARTISTS NICKY YOURE ︎︎︎︎︎ <img width="2000" height="2000" width_o="2000" height_o="2000" data-src="https://freight.cargo.site/t/original/i/167c8551d62e2d74a901aac7a72ae491ba57b10a995ab600a2c47ec95cd0b04e/KEEL_30KTS_SITE_Roster__0006_NickyYoure-Press2023-Digital-78-1.jpg" data-mid="208841464" border="0" src="https://freight.cargo.site/w/1000/i/167c8551d62e2d74a901aac7a72ae491ba57b10a995ab600a2c47ec95cd0b04e/KEEL_30KTS_SITE_Roster__0006_NickyYoure-Press2023-Digital-78-1.jpg" /> ︎︎︎ PREV NEXT ︎︎︎