Scribd
Upload
14 views2 pages

تعلم الجمع للأطفال حتى 5

The document is an HTML page designed for teaching addition up to the number 10, featuring a visually appealing layout with emojis and math boxes. It includes several exercises where users can practice simple addition problems. The exercises are structured with numbers and corresponding emojis to make learning engaging.

Uploaded by

salwafreha59
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
14 views2 pages

تعلم الجمع للأطفال حتى 5

The document is an HTML page designed for teaching addition up to the number 10, featuring a visually appealing layout with emojis and math boxes. It includes several exercises where users can practice simple addition problems. The exercises are structured with numbers and corresponding emojis to make learning engaging.

Uploaded by

salwafreha59
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

<!

DOCTYPE html>
<html dir="rtl">
<head>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f9ff;
padding: 20px;
}
.title {
color: #2563eb;
text-align: center;
font-size: 24px;
margin-bottom: 30px;
}
.exercise-container {
background-color: #fff;
border-radius: 15px;
padding: 20px;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.math-box {
display: inline-block;
background-color: #f8fafc;
border: 2px solid #cbd5e1;
border-radius: 10px;
padding: 15px;
margin: 10px;
min-width: 80px;
text-align: center;
}
.operator {
font-size: 24px;
color: #4b5563;
margin: 0 10px;
}
.number {
font-size: 20px;
color: #1e40af;
margin-top: 10px;
}
.emoji {
font-size: 30px;
}
</style>
</head>
<body>
<h1 class="title">)١٠( ‫<تعلم الجمع حتى الرقم‬/h1>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">✌️</div>
<div class="number">٢</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">✌️☝️</div>
<div class="number">٣</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="emoji"></div>
<div class="number">٥</div>
</div>
</div>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">🐢</div>
<div class="number">١</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">🐢🐢</div>
<div class="number">٢</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>

<div class="exercise-container">
<div class="math-box">
<div class="emoji">🦋🦋</div>
<div class="number">٢</div>
</div>
<span class="operator">+</span>
<div class="math-box">
<div class="emoji">🦋🦋🦋</div>
<div class="number">٣</div>
</div>
<span class="operator">=</span>
<div class="math-box">
<div class="number">‫<؟‬/div>
</div>
</div>
</body>
</html>

You might also like