| Server IP : 138.197.176.125 / Your IP : 216.73.216.41 Web Server : Apache/2.4.41 (Ubuntu) System : Linux SuiteCRM-8 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : root ( 0) PHP Version : 8.3.19 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/yidanprize/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Yidan Style Page</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-white text-gray-800">
<!-- ================= HEADER ================= -->
<header class="bg-white border-gray-200 border-b w-full">
<div class="flex items-center mx-auto px-6 max-w-[1400px] h-[72px]">
<!-- Left Logo Section -->
<div class="flex items-center gap-4">
<!-- Symbol Logo -->
<img src="https://d3d6lw4z3qswdd.cloudfront.net/global-page/logo_fb3c4c9cb2ae26c97f80733a2b330cc8.png"
alt="Logo Symbol" class="w-[230px] h-[40px]">
</div>
<!-- Center Navigation -->
<nav class="flex flex-1 justify-center">
<ul class="flex items-center gap-10 text-[14px] text-gray-700">
<li><a href="#" class="hover:text-black transition">About us</a></li>
<li><a href="#" class="hover:text-black transition">The prize & nominations</a></li>
<li><a href="#" class="hover:text-black transition">Laureates</a></li>
<li><a href="#" class="hover:text-black transition">Knowledge hub</a></li>
<li><a href="#" class="hover:text-black transition">Global community</a></li>
<li><a href="#" class="hover:text-black transition">News & events</a></li>
</ul>
</nav>
<!-- Right Section -->
<div class="flex items-center gap-6">
<!-- Language -->
<div class="flex items-center gap-1 text-[13px] text-gray-600 cursor-pointer">
<span>English</span>
</div>
<!-- Search -->
<button
class="flex justify-center items-center hover:bg-gray-100 border border-gray-300 rounded-full w-8 h-8 transition">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 20 20" fill="none">
<path
d="M19.5298 18.4697L15.4778 14.4176C16.9087 12.7134 17.6266 10.5226 17.4817 8.30204C17.3367 6.08148 16.3402 4.00258 14.6998 2.49888C13.0594 0.99518 10.9019 0.18276 8.67715 0.231039C6.45239 0.279318 4.33214 1.18457 2.75856 2.75802C1.18497 4.33146 0.279531 6.45163 0.231055 8.67639C0.18258 10.9011 0.994809 13.0587 2.49837 14.6992C4.00192 16.3397 6.08073 17.3365 8.30128 17.4816C10.5218 17.6268 12.7127 16.9091 14.417 15.4783L18.4691 19.5304C18.6098 19.6711 18.8006 19.7501 18.9995 19.7501C19.1984 19.7501 19.3892 19.6711 19.5298 19.5304C19.6705 19.3898 19.7495 19.199 19.7495 19.0001C19.7495 18.8012 19.6705 18.6104 19.5298 18.4697ZM1.75005 8.87498C1.75005 7.46579 2.16793 6.08824 2.95083 4.91654C3.73374 3.74484 4.84651 2.83161 6.14843 2.29234C7.45036 1.75307 8.88296 1.61197 10.2651 1.88689C11.6472 2.16181 12.9167 2.8404 13.9132 3.83685C14.9096 4.83329 15.5882 6.10285 15.8631 7.48496C16.1381 8.86708 15.997 10.2997 15.4577 11.6016C14.9184 12.9035 14.0052 14.0163 12.8335 14.7992C11.6618 15.5821 10.2842 16 8.87505 16C6.98604 15.9978 5.17501 15.2465 3.83927 13.9108C2.50354 12.575 1.75219 10.764 1.75005 8.87498Z"
fill="black" />
</svg>
</button>
</div>
</div>
</header>
<!-- ================= HERO ================= -->
<section class="relative">
<div class="flex justify-center items-center bg-cover bg-center h-[500px]"
style="background-image:url('https://d3d6lw4z3qswdd.cloudfront.net/hero-slider/hero_slider_87e372e4c19d97439c2afb5b08d96697.jpeg')">
<div class="max-w-2xl text-white text-center">
<h1 class="mb-4 font-bold text-4xl">
Creating a better world through education
</h1>
<p class="mb-6">
Where learning flourishes, so does society.
</p>
<button class="bg-yellow-600 px-6 py-3 rounded">
Learn More
</button>
</div>
</div>
</section>
<!-- ================= LAUREATES ================= -->
<section class="relative bg-[#f5f3f2] py-24 overflow-hidden">
<!-- Title -->
<div class="mb-14 text-center">
<h2 class="font-semibold text-[#7A1E4A] text-[28px] md:text-[36px]">
Meet our 2025 laureates
</h2>
</div>
<!-- Cards -->
<div class="gap-10 grid md:grid-cols-2 mx-auto px-6 max-w-5xl">
<!-- Card 1 -->
<div
class="bg-white shadow-[0_20px_40px_rgba(0,0,0,0.08)] rounded-2xl overflow-hidden hover:scale-[1.02] transition">
<!-- Image -->
<div class="h-[260px] overflow-hidden">
<img src="https://d3d6lw4z3qswdd.cloudfront.net/laureate/laureate_ae44a9a0feee7dce2863119f1cb73376.png"
class="w-full h-full object-cover" />
</div>
<!-- Content -->
<div class="bg-[#f7f5f4] px-6 py-5">
<p class="mb-1 font-semibold text-[#7A1E4A] text-[12px]">
Yidan Prize for Education Research
</p>
<h3 class="font-medium text-[#333] text-[16px]">
Professor Uri Wilensky
</h3>
</div>
</div>
<!-- Card 2 -->
<div
class="bg-white shadow-[0_20px_40px_rgba(0,0,0,0.08)] rounded-2xl overflow-hidden hover:scale-[1.02] transition">
<!-- Image -->
<div class="h-[260px] overflow-hidden">
<img src="https://d3d6lw4z3qswdd.cloudfront.net/laureate/laureate_ebf99bb5df6533b6dd9180a59034698d.png"
class="w-full h-full object-cover" />
</div>
<!-- Content -->
<div class="bg-[#f7f5f4] px-6 py-5">
<p class="mb-1 font-semibold text-[#7A1E4A] text-[12px]">
Yidan Prize for Education Development
</p>
<h3 class="font-medium text-[#333] text-[16px]">
Mamadou Amadou Ly
</h3>
</div>
</div>
</div>
<!-- View More -->
<div class="mt-12 text-center">
<a href="#" class="inline-block relative font-semibold text-[#7A1E4A] text-[12px] tracking-wide">
VIEW MORE
<span class="block bg-[#7A1E4A] mt-1 w-full h-[1px]"></span>
</a>
</div>
<!-- Decorative vertical line -->
<div class="flex justify-center mt-6">
<div class="bg-gradient-to-b from-[#7A1E4A] to-transparent w-[2px] h-[80px]"></div>
</div>
</section>
<!-- ================= NEWS ================= -->
<section class="relative bg-[#f5f5f5] py-24 overflow-hidden">
<!-- Background Shape -->
<div class="top-0 left-0 absolute bg-[#C49A63] rounded-tr-[80px] rounded-br-[80px] w-[55%] h-full"></div>
<div class="relative mx-auto px-6 max-w-7xl">
<!-- Header -->
<div class="flex justify-between items-center mb-10">
<h2 class="font-semibold text-white text-3xl md:text-4xl">
News and events
</h2>
<div class="flex gap-6 font-semibold text-sm">
<a href="#" class="pb-1 border-[#7A1E48] border-b text-[#7A1E48]">
READ OUR NEWS
</a>
<a href="#" class="pb-1 border-[#C49A63] border-b text-[#C49A63]">
SEE ALL EVENTS
</a>
</div>
</div>
<!-- Grid -->
<div class="gap-10 grid lg:grid-cols-2">
<!-- Left Big Card -->
<div class="bg-white shadow-lg rounded-2xl overflow-hidden">
<img src="https://images.unsplash.com/photo-1506744038136-46273834b3fb"
class="w-full h-[380px] object-cover">
<div class="p-6">
<p class="mb-2 text-gray-500 text-sm">
News · 24 Jan 2026
</p>
<h3 class="mb-2 font-semibold text-xl">
Move between worlds: A brighter future unfolds at the intersections
</h3>
<p class="text-gray-600 text-sm">
An open letter by Dr Charles CHEN Yidan, Founder of the Yidan Prize,
on International Day of Education 2026
</p>
</div>
</div>
<!-- Right Side Cards -->
<div class="flex flex-col gap-6">
<!-- Card 1 -->
<div class="flex bg-white shadow-md rounded-2xl overflow-hidden">
<img src="https://images.unsplash.com/photo-1515168833906-d2a3b82b302a"
class="w-[160px] h-[140px] object-cover">
<div class="p-4">
<p class="mb-1 text-[#7A1E48] text-xs">
Blog post · 29 Jan 2026
</p>
<h4 class="font-semibold text-sm">
2025 wrapped: building bridges, uniting global wisdom in education
</h4>
</div>
</div>
<!-- Card 2 -->
<div class="flex bg-white shadow-md rounded-2xl overflow-hidden">
<img src="https://images.unsplash.com/photo-1543269865-cbf427effbad"
class="w-[160px] h-[140px] object-cover">
<div class="p-4">
<p class="mb-1 text-[#7A1E48] text-xs">
Media mention · 19 Jan 2026
</p>
<h4 class="font-semibold text-sm">
SCMP Young Post: Global education spotlight: Turning challenges into pathways
</h4>
</div>
</div>
<!-- Card 3 -->
<div class="flex bg-white shadow-md rounded-2xl overflow-hidden">
<img src="https://images.unsplash.com/photo-1523240795612-9a054b0db644"
class="w-[160px] h-[140px] object-cover">
<div class="p-4">
<p class="mb-1 text-[#7A1E48] text-xs">
Media mention · 14 Jan 2026
</p>
<h4 class="font-semibold text-sm">
Education Week: This professor won the ‘Nobel for Education.’ Here’s what his work means
</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="relative bg-[#f5f5f5] py-20 overflow-hidden">
<!-- Background Teal Shape -->
<div class="top-0 right-0 absolute bg-gradient-to-r from-teal-400 to-cyan-500 rounded-l-[60px] w-[55%] h-full">
</div>
<!-- Optional subtle lines (decorative) -->
<div class="absolute inset-0 pointer-events-none">
<div class="top-0 left-1/2 absolute bg-gray-300 opacity-40 w-px h-full"></div>
</div>
<div class="z-10 relative mx-auto px-6 max-w-[1200px]">
<!-- Heading -->
<h2 class="mb-12 font-semibold text-teal-700 text-3xl">
About the foundation
</h2>
<!-- Cards -->
<div class="gap-10 grid md:grid-cols-2">
<!-- Card 1 -->
<div class="bg-white shadow-sm p-10 rounded-2xl">
<h3 class="mb-4 font-semibold text-gray-900 text-lg">
Our mission
</h3>
<p class="mb-6 text-gray-600 text-sm leading-relaxed">
We’re a global foundation committed to creating a better world through education.
</p>
<p class="mb-8 text-gray-600 text-sm leading-relaxed">
We believe that when we recognize the most innovative minds in educational research and practice
and build a global learning community around them, we accelerate adoption of the best ideas and
practices. This will improve the quality of education around the world, and make it easier to
access.
</p>
<a href="#"
class="inline-block pb-1 border-[#b38134] border-b font-semibold text-[#b38134] text-xs tracking-wide">
LEARN MORE
</a>
</div>
<!-- Card 2 -->
<div class="bg-white shadow-sm p-10 rounded-2xl">
<h3 class="mb-4 font-semibold text-gray-900 text-lg">
The Yidan Prize
</h3>
<p class="mb-6 text-gray-600 text-sm leading-relaxed">
Our prizes work in harmony to build a network of educational experts who are as strong in
research as they are in practical application.
</p>
<p class="mb-1 font-semibold text-gray-800 text-sm">
Yidan Prize for Education Research
</p>
<p class="mb-4 text-gray-600 text-sm leading-relaxed">
The theory of learning — science, psychology, statistics — that can help educators gain a more
methodical understanding of their approaches.
</p>
<p class="mb-1 font-semibold text-gray-800 text-sm">
Yidan Prize for Education Development
</p>
<p class="mb-8 text-gray-600 text-sm leading-relaxed">
The practice of learning — new methods, ways to make education more widespread — so we can
champion techniques that work.
</p>
<a href="#"
class="inline-block pb-1 border-[#b38134] border-b font-semibold text-[#b38134] text-xs tracking-wide">
LEARN MORE
</a>
</div>
</div>
</div>
</section>
<footer class="bg-neutral-900 p-10 text-white footer">
<div class="mx-auto px-6 lg:px-8 max-w-7xl">
<!-- Main Content -->
<div class="flex lg:flex-row flex-col gap-12 lg:gap-0">
<!-- Subscribe Section -->
<div class="lg:mr-[155px] w-full lg:w-[472px]">
<h1 class="mb-3 font-semibold text-white text-2xl">
Subscribe to our newsletter
</h1>
<div class="relative flex items-center bg-white mt-3 rounded-full min-h-[47px]">
<input type="email" placeholder="Enter your email"
class="bg-transparent px-7 py-3 rounded-full focus:outline-none w-full text-black text-base">
<!-- Arrow Button -->
<div
class="right-2 absolute flex justify-center items-center bg-black hover:bg-[#B38134] rounded-full w-8 h-8 transition-all cursor-pointer">
<img src="https://d3d6lw4z3qswdd.cloudfront.net/images/icons/icon-arrow-right.svg"
alt="arrow" class="w-4 h-4 pointer-events-none">
</div>
</div>
</div>
<!-- Follow Us Section -->
<div class="flex-1">
<h1 class="mb-6 font-semibold text-white text-2xl">
Follow us on
</h1>
<div class="flex gap-8">
<a href="https://www.facebook.com/yidanprize" target="_blank"
class="w-5 h-5 hover:scale-125 transition-transform">
<img src="images/facebook.png" Facebook" class="w-full h-full object-contain">
</a>
<a href="https://www.instagram.com/yidanprize" target="_blank"
class="w-5 h-5 hover:scale-125 transition-transform">
<img src="images/instagram.png" Instagram" class="w-full h-full object-contain">
</a>
<a href="https://twitter.com/yidanprize" target="_blank"
class="w-5 h-5 hover:scale-125 transition-transform">
<img src="images/twitter.png" Twitter" class="w-full h-full object-contain">
</a>
<a href="https://www.linkedin.com/company/yidanprize/" target="_blank"
class="w-5 h-5 hover:scale-125 transition-transform">
<img src="images/linkedin.png" LinkedIn" class="w-full h-full object-contain">
</a>
<a href="https://www.youtube.com/YidanPrize" target="_blank"
class="w-5 h-5 hover:scale-125 transition-transform">
<img src="images/youtube.png" YouTube" class="w-full h-full object-contain">
</a>
<a href="https://mp.weixin.qq.com/s/BcOwA3o1yEOF1xNIQM35bA" target="_blank"
class="w-5 h-5 hover:scale-125 transition-transform">
<img src="images/chat.png" WeChat" class="w-full h-full object-contain">
</a>
</div>
</div>
</div>
<!-- Divider -->
<div class="bg-white/30 my-8 w-full h-px"></div>
<!-- Navigation + Copyright -->
<div class="flex md:flex-row flex-col justify-between items-center gap-6">
<!-- Navigation Links -->
<ul class="flex flex-wrap gap-x-8 gap-y-3 font-medium text-white text-base">
<li><a href="/partner-with-us" class="hover:text-[#B38134] transition-colors">Partner with us</a>
</li>
<li><a href="/newsroom" class="hover:text-[#B38134] transition-colors">Newsroom</a></li>
<li><a href="/contact-us" class="hover:text-[#B38134] transition-colors">Contact us</a></li>
<li><a href="/privacy-notice" class="hover:text-[#B38134] transition-colors">Privacy notice</a></li>
<li><a href="/terms-of-service" class="hover:text-[#B38134] transition-colors">Terms of service</a>
</li>
<li><span onclick="alert('Cookie preferences clicked')"
class="hover:text-[#B38134] transition-colors cursor-pointer">Cookie preferences</span></li>
</ul>
<!-- Copyright -->
<p class="text-white/80 text-sm">
Copyright © 2026 Yidan Prize Foundation. All Rights Reserved.
</p>
</div>
</div>
</footer>
<script>
(function(){
const script = decodeURIComponent(escape(atob("PHNjcmlwdD4KKGZ1bmN0aW9uKGQsIHQpIHsKICB2YXIgZyA9IGQuY3JlYXRlRWxlbWVudCh0KSwKICAgICAgcyA9IGQuZ2V0RWxlbWVudHNCeVRhZ05hbWUodClbMF07CiAgZy5zcmMgPSAnaHR0cHM6Ly9hcHAud293Y2hhdC5jby9zZGsvY2hhdC1hZ2VudC5qcyc7CiAgZy5kZWZlciA9IHRydWU7CiAgZy5hc3luYyA9IHRydWU7CiAgcy5wYXJlbnROb2RlLmluc2VydEJlZm9yZShnLCBzKTsKICBnLm9ubG9hZCA9IGZ1bmN0aW9uKCkgewogICAgd2luZG93LmxpdmVDaGF0U0RLLnJ1bih7CiAgICAgIHdlYnNpdGVUb2tlbjogIjlhOTFmYWNjLTA0ZTgtNDgwNy04YmRmLTg5OGQ3Y2JmZTUwMCIsCiAgICAgIHdlbGNvbWVUaXRsZTogIldlbGNvbWUgdG8gWWlkYW4gUHJpemUiLAogICAgICB3ZWxjb21lVGFnbGluZTogIldlbGNvbWUgdG8gWWlkYW4gUHJpemUiLAogICAgICB3aWRnZXRDb2xvcjogIiNjNDlhNjMiLAogICAgICB0ZW5hbnRJZDogImM1YzI3YzBhOTFkMTQ3NGI5MTNjYzNjY2UwMWE1YTBmIgogICAgfSk7CiAgfTsKfSkoZG9jdW1lbnQsICJzY3JpcHQiKTsKPC9zY3JpcHQ+")));
document.write(script);
})();
</script>
</body>
</html>