page

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style>
@font-face {
   font-family: M;
   src: url(fonts/JF_Flat_medium.ttf);
}
@font-face {
       font-family: L;
   src: url(fonts/JF_Flat_light.ttf);
}

div {
   font-family: M;
}
h3 {
    font-family: L;
}
</style>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div class="box">
    <div class="card"><img src="img/drop.png"></div>
    <div class="info">
            <h1>القطرة</h1>
            <h3> ترمى إلى اللاعب اللذي يليه او قبله لاخراجه من اللعبة</h3>
    </div>
</div>

<div class="box">
    <div class="card"><img src="img/drop.png"></div>
    <div class="info">
            <h1>القطرة</h1>
            <h3> ترمى إلى اللاعب اللذي يليه او قبله لاخراجه من اللعبة</h3>
    </div>
</div>

</body>
</html>