<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>New Page</title>
   <style>
   .container{
       padding:15px;
   }
       
       .top_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #F3F4F6;
	padding: 15px;
	margin-bottom:30px;
	border-radius: 5px;
}
       .left a{
           display: flex;
  align-items: center;
  gap: 5px;
  text-decoration: none;
       }
       .right a {
	padding: 5px 12px;
	text-decoration: none;
	border-radius: 10px;
	color: #fff;
	background: #0CA049;
	font-size: 15px;
}
.item {
	/* margin-bottom: 20px; */
	padding-bottom: 5px;
}
.item p {
	color: #000;
	font-size: 15px;
	margin: 2px;
}
.item p span {
	padding: 5px 8px;
	background: #578594;
	color: #fff;
	font-size: 15px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-bottom: 8px;
	display: inline-block;
}
   </style>
</head>
<body>
    <div class="container">
        <div class="top_box">
             <div class="left">
       <a href="#"><img src="https://i.ibb.co/bF1tY6y/telegram.png" alt="telegram" border="0"> টেলিগ্রাম চ্যালেন </a>
             </div>
              <div class="right">
                     <a href="#">শুরু
                     
                     </a>
             </div>
        </div>
        <div class="item">
            <p><span>1</span>কাজের সময় সকাল ৯ টা থেকে রাত ৯ টা আপনার যদি একজন সুপারভাইজার থাকে আপনি প্রথমে আপনার সুপারভাইজারের সাথে যোগাযোগ হতে পারেন</p>
        </div>
        <div class="item">
            <p><span>2</span>কাজের সময় সকাল ৯ টা থেকে রাত ৯ টা আপনার যদি একজন সুপারভাইজার থাকে আপনি প্রথমে আপনার সুপারভাইজারের সাথে যোগাযোগ হতে পারেন</p>
        </div>
        <div class="item">
            <p><span>3</span>কাজের সময় সকাল ৯ টা থেকে রাত ৯ টা আপনার যদি একজন সুপারভাইজার থাকে আপনি প্রথমে আপনার সুপারভাইজারের সাথে যোগাযোগ হতে পারেন</p>
        </div>
        <div class="item">
            <p><span>4</span>কাজের সময় সকাল ৯ টা থেকে রাত ৯ টা আপনার যদি একজন সুপারভাইজার থাকে আপনি প্রথমে আপনার সুপারভাইজারের সাথে যোগাযোগ হতে পারেন</p>
        </div>
        <div class="item">
            <p><span>5</span>কাজের সময় সকাল ৯ টা থেকে রাত ৯ টা আপনার যদি একজন সুপারভাইজার থাকে আপনি প্রথমে আপনার সুপারভাইজারের সাথে যোগাযোগ হতে পারেন</p>
        </div>
        <div class="item">
            <p><span>6</span>কাজের সময় সকাল ৯ টা থেকে রাত ৯ টা আপনার যদি একজন সুপারভাইজার থাকে আপনি প্রথমে আপনার সুপারভাইজারের সাথে যোগাযোগ হতে পারেন</p>
        </div>
       
    </div>
</body>
</html>