1294 lines
84 KiB
HTML
1294 lines
84 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap" rel="stylesheet">
|
||
<title>Исследуй Планету</title>
|
||
<script>
|
||
tailwind.config = {
|
||
theme: {
|
||
extend: {
|
||
fontFamily: { nunito: ['Nunito', 'sans-serif'] },
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style>
|
||
@page { size: A4; margin: 0; }
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-200 font-nunito">
|
||
|
||
<!-- PAGE 1: A + B + C (A:12-24, B:±6-10, C:±2-5, result 0-40) — hero right, spaceship1, planet2 -->
|
||
<div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
|
||
|
||
<div class="absolute bottom-0 left-0 right-0 h-[80mm] z-0">
|
||
<div class="absolute top-0 left-0 right-0 h-full z-10" style="background: linear-gradient(to bottom, white 0%, rgba(255,255,255,0.6) 25%, transparent 50%);"></div>
|
||
<img src="/assets/footers/planet2.jpeg" class="w-full h-full object-cover object-top" alt="">
|
||
</div>
|
||
|
||
<div class="absolute bottom-[12mm] left-0 right-0 z-20 flex justify-center">
|
||
<div style="background: rgba(255,255,255,0.85);" class="rounded-full px-6 py-1.5 border-[1.5px] border-indigo-200 shadow-md">
|
||
<span class="text-[0.95rem] font-bold text-indigo-950">Итого собрано на планете: <span class="inline-block w-14 border-b-2 border-indigo-400 text-center ml-1"> </span></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative z-10 w-full h-full px-[12mm] pt-[4mm] pb-[65mm] flex flex-col">
|
||
|
||
<div class="flex items-center gap-4 mb-4 flex-row-reverse">
|
||
<img src="/assets/hero-images/spaceship1.jpeg" class="w-[48%] shrink-0 object-contain" alt="">
|
||
<div class="flex-1 flex flex-col items-center justify-center text-center">
|
||
<h1 class="text-2xl font-extrabold leading-tight tracking-tight text-indigo-950">Исследуй Планету</h1>
|
||
<p class="text-sm font-medium text-indigo-400 mt-1">Собери ресурсы, решая примеры!</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-2 gap-x-3 gap-y-[3px] flex-1 content-start">
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-2-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">18 + 7 − 3 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-0-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">15 − 9 + 4 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem4-1-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">22 + 6 − 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-3-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">12 − 8 + 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-2-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">20 + 10 + 3 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-0-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">16 − 7 − 4 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem4-2-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">24 + 8 + 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-1-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">14 − 6 + 3 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-3-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">19 + 9 − 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-1-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">13 − 10 + 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-0-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">21 + 7 + 4 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem4-0-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">17 − 8 − 3 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-1-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">23 + 6 − 4 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-3-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">12 + 10 − 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-2-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">15 + 9 + 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem4-1-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">20 − 7 + 3 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-0-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">24 − 6 − 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-2-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">18 + 8 − 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-3-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">14 + 10 + 4 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem4-0-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">16 − 9 + 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- PAGE 2: 5+5+5 / 5×N / 5×N±5 — hero left, spaceship3, planet4 -->
|
||
<div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
|
||
|
||
<div class="absolute bottom-0 left-0 right-0 h-[80mm] z-0">
|
||
<div class="absolute top-0 left-0 right-0 h-full z-10" style="background: linear-gradient(to bottom, white 0%, rgba(255,255,255,0.6) 25%, transparent 50%);"></div>
|
||
<img src="/assets/footers/planet4.jpeg" class="w-full h-full object-cover object-top" alt="">
|
||
</div>
|
||
|
||
<div class="absolute bottom-[12mm] left-0 right-0 z-20 flex justify-center">
|
||
<div style="background: rgba(255,255,255,0.85);" class="rounded-full px-6 py-1.5 border-[1.5px] border-indigo-200 shadow-md">
|
||
<span class="text-[0.95rem] font-bold text-indigo-950">Итого собрано на планете: <span class="inline-block w-14 border-b-2 border-indigo-400 text-center ml-1"> </span></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative z-10 w-full h-full px-[12mm] pt-[4mm] pb-[65mm] flex flex-col">
|
||
|
||
<div class="flex items-center gap-4 mb-4">
|
||
<img src="/assets/hero-images/spaceship3.png" class="w-[48%] shrink-0 object-contain" style="transform: scaleX(-1)" alt="">
|
||
<div class="flex-1 flex flex-col items-center justify-center text-center">
|
||
<h1 class="text-2xl font-extrabold leading-tight tracking-tight text-indigo-950">Исследуй Планету</h1>
|
||
<p class="text-sm font-medium text-indigo-400 mt-1">Собери ресурсы, решая примеры!</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="font-semibold text-indigo-950 mb-3 text-center" style="font-size: 0.8rem; margin-top: -10px;">Посчитай пятёрками: <span style="font-size: 1rem; word-spacing: 0.25em;">5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60</span> для зарядки расщепителя</div>
|
||
|
||
<div class="grid grid-cols-2 gap-x-3 gap-y-[3px] flex-1 content-start">
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-0-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 + 5 + 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem4-2-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 7 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-3-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 3 + 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-0-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 + 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-1-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 11 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem4-0-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 5 − 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-1-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 + 5 + 5 + 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-3-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 9 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-2-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 6 + 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem4-1-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-0-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 8 − 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-1-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 4 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-3-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 10 + 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem4-2-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 + 5 + 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-2-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 12 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-0-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 3 − 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-0-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem4-1-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 7 − 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-3-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 8 + 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-2-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 6 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- PAGE 3: A×B + C×D (A:2-4, B:1-3, C:2-3, D:1-2) — hero right, spaceship5, planet6 -->
|
||
<div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
|
||
|
||
<div class="absolute bottom-0 left-0 right-0 h-[80mm] z-0">
|
||
<div class="absolute top-0 left-0 right-0 h-full z-10" style="background: linear-gradient(to bottom, white 0%, rgba(255,255,255,0.6) 25%, transparent 50%);"></div>
|
||
<img src="/assets/footers/planet6.jpeg" class="w-full h-full object-cover object-top" alt="">
|
||
</div>
|
||
|
||
<div class="absolute bottom-[12mm] left-0 right-0 z-20 flex justify-center">
|
||
<div style="background: rgba(255,255,255,0.85);" class="rounded-full px-6 py-1.5 border-[1.5px] border-indigo-200 shadow-md">
|
||
<span class="text-[0.95rem] font-bold text-indigo-950">Итого собрано на планете: <span class="inline-block w-14 border-b-2 border-indigo-400 text-center ml-1"> </span></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative z-10 w-full h-full px-[12mm] pt-[4mm] pb-[65mm] flex flex-col">
|
||
|
||
<div class="flex items-center gap-4 mb-4 flex-row-reverse">
|
||
<img src="/assets/hero-images/spaceship5.jpeg" class="w-[48%] shrink-0 object-contain" alt="">
|
||
<div class="flex-1 flex flex-col items-center justify-center text-center">
|
||
<h1 class="text-2xl font-extrabold leading-tight tracking-tight text-indigo-950">Исследуй Планету</h1>
|
||
<p class="text-sm font-medium text-indigo-400 mt-1">Собери ресурсы, решая примеры!</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-2 gap-x-3 gap-y-[3px] flex-1 content-start">
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-1-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">3 × 2 + 2 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem4-0-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">4 × 3 + 3 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-2-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">2 × 1 + 3 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-1-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">4 × 2 + 2 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-2-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">3 × 3 + 2 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem4-2-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">2 × 3 + 3 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-0-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">4 × 1 + 2 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-3-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">3 × 1 + 3 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-0-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">4 × 3 + 2 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-3-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">2 × 2 + 3 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-1-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">3 × 3 + 3 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-0-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">4 × 1 + 2 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-3-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">2 × 3 + 2 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-2-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">4 × 2 + 3 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-3-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">3 × 1 + 2 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem3-1-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">4 × 3 + 3 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-2-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">2 × 1 + 2 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-2-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">3 × 2 + 3 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem2-1-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">4 × 2 + 2 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack2/elem1-1-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">2 × 2 + 3 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- PAGE 4: A ± B × C (A:10-25, B:2-3, C:1-2) — hero left, spaceship7, planet7 -->
|
||
<div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
|
||
|
||
<div class="absolute bottom-0 left-0 right-0 h-[80mm] z-0">
|
||
<div class="absolute top-0 left-0 right-0 h-full z-10" style="background: linear-gradient(to bottom, white 0%, rgba(255,255,255,0.6) 25%, transparent 50%);"></div>
|
||
<img src="/assets/footers/planet7.jpeg" class="w-full h-full object-cover object-top" alt="">
|
||
</div>
|
||
|
||
<div class="absolute bottom-[12mm] left-0 right-0 z-20 flex justify-center">
|
||
<div style="background: rgba(255,255,255,0.85);" class="rounded-full px-6 py-1.5 border-[1.5px] border-indigo-200 shadow-md">
|
||
<span class="text-[0.95rem] font-bold text-indigo-950">Итого собрано на планете: <span class="inline-block w-14 border-b-2 border-indigo-400 text-center ml-1"> </span></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative z-10 w-full h-full px-[12mm] pt-[4mm] pb-[65mm] flex flex-col">
|
||
|
||
<div class="flex items-center gap-4 mb-4">
|
||
<img src="/assets/hero-images/spaceship7.png" class="w-[48%] shrink-0 object-contain" style="transform: scaleX(-1)" alt="">
|
||
<div class="flex-1 flex flex-col items-center justify-center text-center">
|
||
<h1 class="text-2xl font-extrabold leading-tight tracking-tight text-indigo-950">Исследуй Планету</h1>
|
||
<p class="text-sm font-medium text-indigo-400 mt-1">Собери ресурсы, решая примеры!</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid grid-cols-2 gap-x-3 gap-y-[3px] flex-1 content-start">
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals3-0-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">15 + 2 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants2-0-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">22 − 2 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/elem4-3-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">10 + 3 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals5-1-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">24 − 3 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants6-1-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">25 + 2 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals1-0-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">12 − 3 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants4-1-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">20 + 3 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals6-2-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">14 − 2 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants3-0-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">11 + 3 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals2-1-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">18 − 3 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants5-0-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">13 + 2 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals4-2-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">21 − 3 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants1-1-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">17 + 2 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals3-3-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">25 − 3 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants2-2-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">10 + 2 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals6-0-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">16 − 2 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants4-0-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">23 + 3 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals1-3-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">20 − 3 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants5-2-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">11 + 2 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/elem4-3-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">14 + 3 × 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- PAGE 5: A ± B (десятки: A=10N, B=10M, N:1-7, M:1-3, ответ 0-100) — hero right, spaceship8, planet8 -->
|
||
<div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white" style="break-after: page;">
|
||
|
||
<div class="absolute bottom-0 left-0 right-0 h-[80mm] z-0">
|
||
<div class="absolute top-0 left-0 right-0 h-full z-10" style="background: linear-gradient(to bottom, white 0%, rgba(255,255,255,0.6) 25%, transparent 50%);"></div>
|
||
<img src="/assets/footers/planet8.jpeg" class="w-full h-full object-cover object-top" alt="">
|
||
</div>
|
||
|
||
<div class="absolute bottom-[12mm] left-0 right-0 z-20 flex justify-center">
|
||
<div style="background: rgba(255,255,255,0.85);" class="rounded-full px-6 py-1.5 border-[1.5px] border-indigo-200 shadow-md">
|
||
<span class="text-[0.95rem] font-bold text-indigo-950">Итого собрано на планете: <span class="inline-block w-14 border-b-2 border-indigo-400 text-center ml-1"> </span></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative z-10 w-full h-full px-[12mm] pt-[4mm] pb-[65mm] flex flex-col">
|
||
|
||
<div class="flex items-center gap-4 mb-4 flex-row-reverse">
|
||
<img src="/assets/hero-images/spaceship8.png" class="w-[48%] shrink-0 object-contain" alt="">
|
||
<div class="flex-1 flex flex-col items-center justify-center text-center">
|
||
<h1 class="text-2xl font-extrabold leading-tight tracking-tight text-indigo-950">Исследуй Планету</h1>
|
||
<p class="text-sm font-medium text-indigo-400 mt-1">Собери ресурсы, решая примеры!</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="font-semibold text-indigo-950 mb-3 text-center" style="font-size: 0.8rem; margin-top: -10px;">Расщепитель перегрелся! Посчитай десятками до 100: <span style="font-size: 1rem; word-spacing: 0.25em;">10, 20, 30, 40, 50, 60, 70, 80, 90, 100</span>, чтобы охладить его</div>
|
||
|
||
<div class="grid grid-cols-2 gap-x-3 gap-y-[3px] flex-1 content-start">
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants3-1-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">30 + 20 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals2-0-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">70 − 30 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants6-0-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">10 + 10 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals4-0-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">50 − 20 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants1-0-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">40 + 30 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals5-2-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">60 − 10 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants2-3-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">20 + 30 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals3-1-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">50 − 30 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants4-2-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">70 + 30 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals6-3-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">30 − 30 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants5-3-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">60 + 20 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals1-1-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">40 − 10 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants3-3-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">10 + 20 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals2-2-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">20 − 10 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants6-2-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">50 + 10 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals4-3-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">70 − 20 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants1-3-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">60 + 30 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals5-0-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">40 − 20 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants2-0-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">10 + 30 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/elem4-3-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">30 − 10 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- PAGE 6: A+A / A×2 / B:2 (A:1-10, B=2A) — hero left, spaceship9, planet9 -->
|
||
<div class="w-[210mm] h-[297mm] relative overflow-hidden mx-auto bg-white">
|
||
|
||
<div class="absolute bottom-0 left-0 right-0 h-[80mm] z-0">
|
||
<div class="absolute top-0 left-0 right-0 h-full z-10" style="background: linear-gradient(to bottom, white 0%, rgba(255,255,255,0.6) 25%, transparent 50%);"></div>
|
||
<img src="/assets/footers/planet9.jpeg" class="w-full h-full object-cover object-top" alt="">
|
||
</div>
|
||
|
||
<div class="absolute bottom-[12mm] left-0 right-0 z-20 flex justify-center">
|
||
<div style="background: rgba(255,255,255,0.85);" class="rounded-full px-6 py-1.5 border-[1.5px] border-indigo-200 shadow-md">
|
||
<span class="text-[0.95rem] font-bold text-indigo-950">Итого собрано на планете: <span class="inline-block w-14 border-b-2 border-indigo-400 text-center ml-1"> </span></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="relative z-10 w-full h-full px-[12mm] pt-[4mm] pb-[65mm] flex flex-col">
|
||
|
||
<div class="flex items-center gap-4 mb-4">
|
||
<img src="/assets/hero-images/spaceship9.png" class="w-[48%] shrink-0 object-contain" style="transform: scaleX(-1)" alt="">
|
||
<div class="flex-1 flex flex-col items-center justify-center text-center">
|
||
<h1 class="text-2xl font-extrabold leading-tight tracking-tight text-indigo-950">Исследуй Планету</h1>
|
||
<p class="text-sm font-medium text-indigo-400 mt-1">Собери ресурсы, решая примеры!</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="font-semibold text-indigo-950 mb-3 text-center" style="font-size: 0.8rem; margin-top: -10px;">Переключи расщепитель в режим деления, там, где увидишь знак <span style="font-size: 1rem;">« : »</span></div>
|
||
|
||
<div class="grid grid-cols-2 gap-x-3 gap-y-[3px] flex-1 content-start">
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals3-2-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 + 5 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants5-1-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">16 : 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals6-1-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">3 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants2-1-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">8 + 8 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals1-0-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">6 : 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants4-1-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">7 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals4-2-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">1 + 1 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants3-2-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">20 : 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals2-3-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">9 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants6-3-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">4 + 4 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals5-0-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">14 : 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants1-2-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">6 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals3-0-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">10 + 10 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants5-0-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">8 : 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals6-3-2.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">2 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants2-0-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">7 + 7 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals1-1-1.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">12 : 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-center">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/plants4-0-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">5 × 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-end">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/minerals2-0-0.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">2 + 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex justify-start">
|
||
<div class="flex items-center gap-1">
|
||
<img src="/assets/icons/pack1-2-unused/elem4-3-3.png" class="w-[58px] h-[58px] shrink-0 object-contain" alt="">
|
||
<div class="pl-3 pr-4 py-1 border-[1.5px] border-indigo-100 rounded-full bg-gradient-to-br from-white to-indigo-50/40 shadow-sm shadow-indigo-100/30">
|
||
<span class="text-[1.2rem] font-semibold text-indigo-950 whitespace-nowrap">18 : 2 = <span class="inline-block w-16 border-b-[2px] border-indigo-300"> </span></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|