1<!DOCTYPE html> 2<html lang="zh-HK"> 3 4<head> 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 6 <title>Harper's BAZAAR HK | Visionary Women Awards</title> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <link rel="apple-touch-icon" sizes="152x152" href="./assets/apple-touch-icon.png"> 9 <link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-16x16.png"> 10 <link rel="mask-icon" href="./assets/safari-pinned-tab.svg" color="#242424"> 11 <link rel="shortcut icon" href="./assets/favicon.ico"> 12 <meta name="title" content="THE VISIONARY WOMEN AWARDS"> 13 <meta name="description" content="鲿¥å§æ¼æ¹è®ï¼è女æ§é è¢å¾å¾æ¯æ¨åè®é©çä¸ä»½åãVisionary Women Awardsæ¨å¨è¡¨ææå°±è¶ åçååºå¥³æ§ï¼æ¯å±çå¾çè çå¨å ¶äºæ¥é 忥µå ·å½±é¿åï¼å¥¹åçæ äºä»¤è·å ´å¥³æ§æ·±ååç¼ï¼ä¸¦çºå¹´è¼ä¸ä»£æ¨¹ç«æ¨¡ç¯æ¦æ¨£ãä¸å¹´ä¸åº¦çé çå ¸ç¦®çäºï¼æ´æ¯è®åä¸ååºå¥³æ§èé¦ä¸å ï¼å享彼æ¤çæºæ §èåéã"> 14 <meta property="og:url" content="https://campaigns.harpersbazaar.com.hk/visionary-women-awards" id="og-url"> 15 <meta property="og:image" content="https://campaigns.harpersbazaar.com.hk/visionary-women-awards/assets/images/BAW_KV1a.jpg" id="og-image"> 16 <meta property="og:image:width" content="1200"> 17 <meta property="og:image:height" content="630"> 18 <meta property="og:title" content="THE VISIONARY WOMEN AWARDS"> 19 <meta property="og:description" content="鲿¥å§æ¼æ¹è®ï¼è女æ§é è¢å¾å¾æ¯æ¨åè®é©çä¸ä»½åãVisionary Women Awardsæ¨å¨è¡¨ææå°±è¶ åçååºå¥³æ§ï¼æ¯å±çå¾çè çå¨å ¶äºæ¥é 忥µå ·å½±é¿åï¼å¥¹åçæ äºä»¤è·å ´å¥³æ§æ·±ååç¼ï¼ä¸¦çºå¹´è¼ä¸ä»£æ¨¹ç«æ¨¡ç¯æ¦æ¨£ãä¸å¹´ä¸åº¦çé çå ¸ç¦®çäºï¼æ´æ¯è®åä¸ååºå¥³æ§èé¦ä¸å ï¼å享彼æ¤çæºæ §èåéã"> 20 <meta property="og:type" content="website"> 21 <meta property="og:locale" content="zh_HK"> 22 <meta property="og:sitename" content=""> 23 <!-- <link rel="icon" type="image/jpg" href="/visionary-women-awards/assets/favicon_128.jpg" size="128x128"> 24 <link rel="icon" type="image/jpg" href="/visionary-women-awards/assets/favicon_64.jpg" size="64x64"> 25 <link rel="icon" type="image/jpg" href="/visionary-women-awards/assets/favicon_16.jpg" size="16x16"> --> 26 27 <!-- Google Fonts --> 28 <link rel="preconnect" href="https://fonts.googleapis.com"> 29 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 30 <link 31 href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap" 32 rel="stylesheet"> 33 34 <!-- Tailwind CSS --> 35
35<script src="https://cdn.tailwindcss.com"></script>
35 36 37 <!-- Custom Styles --> 38 <link rel="stylesheet" href="assets/style.css"> 39</head> 40 41<body> 42 43 <!-- Navigation --> 44 <nav class="fixed w-full z-50 bg-black text-white transition-all duration-300 shadow-lg" id="navbar"> 45 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 46 <div class="flex items-center justify-between h-20"> 47 <!-- Logo Area --> 48 <div class="flex-shrink-0 flex items-center"> 49 <a href="https://www.harpersbazaar.com.hk/?utm_source=campsite&utm_medium=redirect&utm_campaign=VWA" target="_blank" class="flex flex-col items-start group"> 50 <span class="hb-logo hb-logo-black filter invert"></span> 51 <!--span class="text-[10px] tracking-[0.2em] text-gray-400 uppercase group-hover:text-white transition-colors mt-1 pl-1">Hong Kong</span--> 52 </a> 53 </div> 54 <!-- Desktop Menu --> 55 <div class="hidden md:block"> 56 <div class="ml-10 flex items-baseline space-x-8"> 57 <div class="relative group"> 58 <button 59 class="hover:text-red-500 px-3 py-2 rounded-md text-base font-medium tracking-widest transition-colors inline-flex items-center"> 60 Past Awardees 61 <svg class="ml-1 w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 62 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 63 </svg> 64 </button> 65 <div 66 class="absolute right-0 w-32 bg-black border border-gray-800 rounded-md shadow-lg py-1 hidden group-hover:block"> 67 <a href="#" onclick="trackClickAndScroll('2025-award', {event_position: 'menu', event_label: 'visionary_women_award_page_2025'}); return false;" class="block px-4 py-2 text-base text-gray-300 hover:text-red-500 hover:bg-gray-900 text-center">2025</a> 68 <a href="#" onclick="trackClickAndScroll('2024-award', {event_position: 'menu', event_label: 'visionary_women_award_page_2024'}); return false;" class="block px-4 py-2 text-base text-gray-300 hover:text-red-500 hover:bg-gray-900 text-center">2024</a> 69 <a href="#" onclick="trackClickAndScroll('2023-award', {event_position: 'menu', event_label: 'visionary_women_award_page_2023'}); return false;" class="block px-4 py-2 text-base text-gray-300 hover:text-red-500 hover:bg-gray-900 text-center">2023</a> 70 <a href="#" onclick="trackClickAndScroll('2022-award', {event_position: 'menu', event_label: 'visionary_women_award_page_2022'}); return false;" class="block px-4 py-2 text-base text-gray-300 hover:text-red-500 hover:bg-gray-900 text-center">2022</a> 71 <a href="#" onclick="trackClickAndScroll('2021-award', {event_position: 'menu', event_label: 'visionary_women_award_page_2021'}); return false;" class="block px-4 py-2 text-base text-gray-300 hover:text-red-500 hover:bg-gray-900 text-center">2021</a> 72 </div> 73 </div> 74 </div> 75 </div> 76 <!-- Mobile Menu Button --> 77 <div class="-mr-2 flex md:hidden"> 78 <button type="button" onclick="document.getElementById('mobile-menu').classList.toggle('hidden')" 79 class="hover:text-red-500 px-3 py-2 rounded-md text-base font-medium tracking-widest transition-colors inline-flex items-center"> 80 <span class="mr-1 font-medium text-center">Past<br/>Awardees</span> 81 <svg class="h-4 w-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" 82 stroke="currentColor"> 83 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 84 </svg> 85 </button> 86 </div> 87 </div> 88 </div> 89 <!-- Mobile Menu --> 90 <div class="hidden md:hidden bg-black border-t border-gray-800" id="mobile-menu"> 91 <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"> 92 <a href="#" onclick="trackClickAndScroll('2025-award', {event_position: 'menu', event_label: 'visionary_women_award_page_2025'}); document.getElementById('mobile-menu').classList.add('hidden'); return false;" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">2025</a> 93 <a href="#" onclick="trackClickAndScroll('2024-award', {event_position: 'menu', event_label: 'visionary_women_award_page_2024'}); document.getElementById('mobile-menu').classList.add('hidden'); return false;" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">2024</a> 94 <a href="#" onclick="trackClickAndScroll('2023-award', {event_position: 'menu', event_label: 'visionary_women_award_page_2023'}); document.getElementById('mobile-menu').classList.add('hidden'); return false;" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">2023</a> 95 <a href="#" onclick="trackClickAndScroll('2022-award', {event_position: 'menu', event_label: 'visionary_women_award_page_2022'}); document.getElementById('mobile-menu').classList.add('hidden'); return false;" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">2022</a> 96 <a href="#" onclick="trackClickAndScroll('2021-award', {event_position: 'menu', event_label: 'visionary_women_award_page_2021'}); document.getElementById('mobile-menu').classList.add('hidden'); return false;" class="text-gray-300 hover:text-white block px-3 py-2 rounded-md text-base font-medium">2021</a> 97 </div> 98 </div> 99 </nav> 100 101 <!-- Hero Section --> 102 <header class="relative h-screen flex items-center justify-center overflow-hidden"> 103 <div class="absolute inset-0 z-0"> 104 <img 105 src="./assets/images/BAW_KV1b.jpg"
106 alt="Background" class="w-full h-full object-cover"> 107 <div class="absolute inset-0 bg-gradient-to-b from-black/70 via-black/40 to-black/90"></div> 108 </div> 109 110 <div class="relative z-10 text-center text-white px-4 max-w-4xl mx-auto"> 111 <div class="border-t border-b border-white/30 py-10 px-10 md:py-16 backdrop-blur-sm bg-white/5"> 112 <!-- <h2 class="text-xs md:text-sm tracking-[0.5em] uppercase mb-6 text-gray-300">Harper's BAZAAR Hong Kong</h2> 113 <h1 class="serif-font text-5xl md:text-7xl lg:text-8xl font-bold mb-6 leading-tight"> 114 Visionary <br /> <span class="italic font-light text-red-500">Women</span> Awards 115 </h1> --> 116 <img src="./assets/images/BAZAAR_logo_VWA_w_864x300px.png" alt="Divider" class="mx-auto mb-6 max-w-[640px] w-full"> 117 <p class="text-sm md:text-lg font-light tracking-widest opacity-80 uppercase"> 118 Celebrating Excellence & Impact<br /> 119 <span class="mt-2 block opacity-100">鲿¥å§æ¼æ¹è®ï¼è女æ§é è¢å¾å¾æ¯æ¨åè®é©çä¸ä»½åãVisionary Women Awardsæ¨å¨è¡¨ææå°±è¶ åçååºå¥³æ§ï¼æ¯å±çå¾çè çå¨å ¶äºæ¥é 忥µå ·å½±é¿åï¼å¥¹åçæ äºä»¤è·å ´å¥³æ§æ·±ååç¼ï¼ä¸¦çºå¹´è¼ä¸ä»£æ¨¹ç«æ¨¡ç¯æ¦æ¨£ãä¸å¹´ä¸åº¦çé çå ¸ç¦®çäºï¼æ´æ¯è®åä¸ååºå¥³æ§èé¦ä¸å ï¼å享彼æ¤çæºæ §èåéã</span> 120 </p> 121 </div> 122 </div> 123 </header> 124 125 <!-- Main Content --> 126 <main> 127 128 <!-- 2025 SECTION --> 129 <section id="2025"> 130 <div class="parallax-section" 131 style="background-image: url('./assets/images/2025.jpg');"> 132 <div class="parallax-overlay"></div> 133 <div class="parallax-content"> 134 <div class="year-text text-6xl md:text-8xl font-thin cursor-pointer hover:text-red-500 transition-colors" onclick="scrollToAwards('2025-award')">2025</div> 135 <!-- <p class="text-lg tracking-widest mt-4 uppercase border-b pb-2 inline-block">The Change Makers</p> --> 136 <!-- Toggle Arrow for 2025 --> 137 <button id="toggle-arrow-2025" onclick="scrollToAwards('2025-award')" class="bg-white rounded-full mt-4 p-3 shadow-lg hover:bg-gray-100 transition-colors"> 138 <svg class="w-6 h-6 text-gray-600 transform transition-transform duration-300 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 139 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 140 </svg> 141 </button> 142 </div> 143 </div> 144 145 <div id="2025-award" 146 class="max-w-7xl mx-auto px-4 pt-4 pb-20 bg-gray-50 relative -mt-10 shadow-2xl z-20 rounded-t-3xl sm:rounded-none"> 147 <div class="sticky top-20 bg-white shadow-md z-30 -mx-4 px-4 py-4 mb-6 flex items-center justify-between cursor-pointer hover:bg-gray-50 transition-colors" onclick="scrollToAwards('2025-award')"> 148 <span class="font-bold text-gray-400 uppercase tracking-widest text-sm">2025 VISIONARY WOMEN AWARDEES</span> 149 <svg class="w-6 h-6 text-gray-600 hover:text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 150 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path> 151 </svg> 152 </div> 153 <!-- Awardees Header --> 154 <div class="flex items-center justify-between mb-6 px-2"> 155 <!-- <h5 class="text-sm font-bold text-gray-400 uppercase tracking-widest">VISIONARY WOMEN AWARDEES</h5> --> 156 </div> 157 158 <!-- Awardees Container 2025 --> 159 <div id="awardees-2025" class="mb-12 pb-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-8"></div> 160 161 <!-- Carousel Container for 2025 --> 162 <!-- <div id="carousel-2025" class="border-b border-gray-200"></div> --> 163 </div> 164 </section> 165 166 <!-- 2024 SECTION --> 167 <section id="2024"> 168 <div class="parallax-section" 169 style="background-image: url('./assets/images/2024.jpg');"> 170 <div class="parallax-overlay"></div> 171 <div class="parallax-content"> 172 <div class="year-text text-6xl md:text-8xl font-thin cursor-pointer hover:text-red-500 transition-colors" onclick="scrollToAwards('2024-award')">2024</div> 173 <!-- <p class="text-lg tracking-widest mt-4 uppercase border-b pb-2 inline-block">The Change Makers</p> --> 174 <!-- Toggle Arrow for 2024 --> 175 <button id="toggle-arrow-2024" onclick="scrollToAwards('2024-award')" class="bg-white rounded-full mt-4 p-3 shadow-lg hover:bg-gray-100 transition-colors"> 176 <svg class="w-6 h-6 text-gray-600 transform transition-transform duration-300 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 177 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 178 </svg> 179 </button> 180 </div> 181 </div> 182 183 <div id="2024-award" 184 class="max-w-7xl mx-auto px-4 pt-4 pb-20 bg-gray-50 relative -mt-10 shadow-2xl z-20 rounded-t-3xl sm:rounded-none"> 185 <div class="sticky top-20 bg-white shadow-md z-30 -mx-4 px-4 py-4 mb-6 flex items-center justify-between cursor-pointer hover:bg-gray-50 transition-colors" onclick="scrollToAwards('2024-award')">
186 <span class="font-bold text-gray-400 uppercase tracking-widest text-sm">2024 VISIONARY WOMEN AWARDEES</span> 187 <svg class="w-6 h-6 text-gray-600 hover:text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 188 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path> 189 </svg> 190 </div> 191 <!-- Awardees Header --> 192 <div class="flex items-center justify-between mb-6 px-2"> 193 <!-- <h5 class="text-sm font-bold text-gray-400 uppercase tracking-widest">VISIONARY WOMEN AWARDEES</h5> --> 194 </div> 195 196 <!-- Awardees Container 2024 --> 197 <div id="awardees-2024" class="mb-12 pb-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-8"></div> 198 199 <!-- Carousel Container for 2024 --> 200 <div id="carousel-2024" class="border-b border-gray-200"></div> 201 </div> 202 </section> 203 204 <!-- 2023 SECTION --> 205 <section id="2023"> 206 <div class="parallax-section" style="background-image: url('./assets/images/2023.jpg');"> 207 <div class="parallax-overlay"></div> 208 <div class="parallax-content"> 209 <h2 class="year-text text-6xl md:text-8xl font-thin cursor-pointer hover:text-red-500 transition-colors" onclick="scrollToAwards('2023-award')">2023</h2> 210 <!-- <p class="text-lg tracking-widest mt-4 uppercase border-b pb-2 inline-block">Innovation & Impact</p> --> 211 <!-- Toggle Arrow for 2023 --> 212 <button id="toggle-arrow-2023" onclick="scrollToAwards('2023-award')" class="bg-white rounded-full mt-4 p-3 shadow-lg hover:bg-gray-100 transition-colors"> 213 <svg class="w-6 h-6 text-gray-600 transform transition-transform duration-300 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 214 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 215 </svg> 216 </button> 217 </div> 218 </div> 219 220 <div id="2023-award" 221 class="max-w-7xl mx-auto px-4 pt-4 pb-20 bg-gray-50 relative -mt-10 shadow-2xl z-20 rounded-t-3xl sm:rounded-none"> 222 <div class="sticky top-20 bg-white shadow-md z-30 -mx-4 px-4 py-4 mb-6 flex items-center justify-between cursor-pointer hover:bg-gray-50 transition-colors" onclick="scrollToAwards('2023-award')"> 223 <span class="font-bold text-gray-400 uppercase tracking-widest text-sm">2023 VISIONARY WOMEN AWARDEES</span> 224 <svg class="w-6 h-6 text-gray-600 hover:text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 225 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path> 226 </svg> 227 </div> 228 <!-- Awardees Header --> 229 <div class="flex items-center justify-between mb-6 px-2"> 230 <!-- <h5 class="text-sm font-bold text-gray-400 uppercase tracking-widest">VISIONARY WOMEN AWARDEES</h5> --> 231 </div> 232 233 <!-- Awardees Container 2023 --> 234 <div id="awardees-2023" class="mb-12 pb-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-8"></div> 235 236 <!-- Carousel Container for 2023 --> 237 <div id="carousel-2023" class="border-b border-gray-200"></div> 238 </div> 239 </section> 240 241 <!-- 2022 SECTION --> 242 <section id="2022"> 243 <div class="parallax-section" style="background-image: url('./assets/images/2022.jpg');"> 244 <div class="parallax-overlay"></div> 245 <div class="parallax-content"> 246 <h2 class="year-text text-6xl md:text-8xl font-thin cursor-pointer hover:text-red-500 transition-colors" onclick="scrollToAwards('2022-award')">2022</h2> 247 <!-- <p class="text-lg tracking-widest mt-4 uppercase border-b pb-2 inline-block">Connecting Visionaries</p> --> 248 <!-- Toggle Arrow for 2022 --> 249 <button id="toggle-arrow-2022" onclick="scrollToAwards('2022-award')" class="bg-white rounded-full mt-4 p-3 shadow-lg hover:bg-gray-100 transition-colors"> 250 <svg class="w-6 h-6 text-gray-600 transform transition-transform duration-300 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 251 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 252 </svg> 253 </button> 254 </div> 255 </div> 256 257 <div id="2022-award" 258 class="max-w-7xl mx-auto px-4 pt-4 pb-20 bg-gray-50 relative -mt-10 shadow-2xl z-20 rounded-t-3xl sm:rounded-none"> 259 <div class="sticky top-20 bg-white shadow-md z-30 -mx-4 px-4 py-4 mb-6 flex items-center justify-between cursor-pointer hover:bg-gray-50 transition-colors" onclick="scrollToAwards('2022-award')">
260 <span class="font-bold text-gray-400 uppercase tracking-widest text-sm">2022 VISIONARY WOMEN AWARDEES</span> 261 <svg class="w-6 h-6 text-gray-600 hover:text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 262 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path> 263 </svg> 264 </div> 265 <!-- Awardees Header --> 266 <div class="flex items-center justify-between mb-6 px-2"> 267 <!-- <h5 class="text-sm font-bold text-gray-400 uppercase tracking-widest">VISIONARY WOMEN AWARDEES</h5> --> 268 </div> 269 270 <!-- Awardees Container 2022 --> 271 <div id="awardees-2022" class="mb-12 pb-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-8"></div> 272 273 <!-- Carousel Container for 2022 --> 274 <div id="carousel-2022" class="border-b border-gray-200"></div> 275 </div> 276 </section> 277 278 <!-- 2021 SECTION --> 279 <section id="2021"> 280 <div class="parallax-section" style="background-image: url('./assets/images/2021.jpg');"> 281 <div class="parallax-overlay"></div> 282 <div class="parallax-content"> 283 <h2 class="year-text text-6xl md:text-8xl font-thin cursor-pointer hover:text-red-500 transition-colors" onclick="scrollToAwards('2021-award')">2021</h2> 284 <!-- <p class="text-lg tracking-widest mt-4 uppercase border-b pb-2 inline-block">The Inaugural Visionaries</p> --> 285 <!-- Toggle Arrow for 2021 --> 286 <button id="toggle-arrow-2021" onclick="scrollToAwards('2021-award')" class="bg-white rounded-full mt-4 p-3 shadow-lg hover:bg-gray-100 transition-colors"> 287 <svg class="w-6 h-6 text-gray-600 transform transition-transform duration-300 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 288 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path> 289 </svg> 290 </button> 291 </div> 292 </div> 293 294 <div id="2021-award" 295 class="max-w-7xl mx-auto px-4 pt-4 pb-20 bg-gray-50 relative -mt-10 shadow-2xl z-20 rounded-t-3xl sm:rounded-none"> 296 <div class="sticky top-20 bg-white shadow-md z-30 -mx-4 px-4 py-4 mb-6 flex items-center justify-between cursor-pointer hover:bg-gray-50 transition-colors" onclick="scrollToAwards('2021-award')"> 297 <span class="font-bold text-gray-400 uppercase tracking-widest text-sm">2021 VISIONARY WOMEN AWARDEES</span> 298 <svg class="w-6 h-6 text-gray-600 hover:text-red-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 299 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path> 300 </svg> 301 </div> 302 <!-- Awardees Header --> 303 <div class="flex items-center justify-between mb-6 px-2"> 304 <!-- <h5 class="text-sm font-bold text-gray-400 uppercase tracking-widest">VISIONARY WOMEN AWARDEES</h5> --> 305 </div> 306 307 <!-- Awardees Container 2021 --> 308 <div id="awardees-2021" class="mb-12 pb-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-8"></div> 309 310 <!-- Carousel Container for 2021 --> 311 <div id="carousel-2021" class="border-b border-gray-200"></div> 312 </div> 313 </section> 314 </main> 315 316 <!-- Footer --> 317 <footer class="bg-black text-white py-12 border-t border-gray-800"> 318 <div class="max-w-7xl mx-auto px-4 text-center"> 319 <a href="https://www.harpersbazaar.com.hk/?utm_source=campsite&utm_medium=redirect&utm_campaign=VWA" target="_blank" class="flex flex-col items-start group"> 320 <span class="hb-logo hb-logo-black mx-auto invert mb-6"></span> 321 </a> 322 323 <!-- Removed SUBSCRIBE/NEWSLETTER/CONTACT section --> 324 325 <p class="text-xs text-gray-600 mt-8"> 326 Copyright ©2025 SCMP Hearst Publications Ltd. All Rights Reserved. <br> 327 328 Cosmopolitan, ELLE, ELLE MEN, Harper's BAZAAR and Esquire are publications under South China Morning Post 329 Publishers Limited. 330 </p> 331 </div> 332 </footer> 333 334 <!-- Scripts --> 335
335<script src="config.js"></script>
335 336
336<script src="script.js"></script>
336 337</body> 338 339</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.