قام شخص بتقييم الصفحة 60/100 وقال انها متواضعة وليست جميلة جدا أو سيئة جدا. هل يمكنك التعديل عليه```<!doctype html>
<html lang="ar" dir="rtl">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>د. محمد علي</title>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
	<style>
section h2,body{padding:0;margin:0}
header{background-image:url("https://picsum.photos/400/200");background-color:#4b0082;color:#ffffff;height:215px}
header h1{margin:24px 0 -6px}
header p{margin:6px 0}
header button{float:left;padding:10px;font-size:20px}
button{background:#0000ff;color:#fff;border-radius: 12%;border:0}
header,main,section{padding:12px}
.list{padding:0 12px;display: flex;align-items: center;flex-direction: column}
.card {margin:12px;width:100%;background-color: #4b0082;border-radius: 12px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);padding: 12px;box-sizing: border-box;display: flex;flex-direction: row;justify-content: space-between;}
.card h3 {margin: 0;font-size: 18px;color: #eeeeee;}
.card p {margin: 5px 0;font-size: 14px;color: #dddddd;}
.card span{background:#009900;color:#ffffff;padding:3px 4px;border-radius:10px}
.card .footer {display: flex;align-items: end;gap: 10px}
.card .footer button {font-size: 12px}

.shop {margin:12px;width:100%;background-color: #4b0082;border-radius: 12px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;}
.shop img{border-top-left-radius:12px;border-top-right-radius:12px}
.shop .main{padding:6px 6px}
.shop h3 {margin: 0 0 6px;font-size: 18px;color: #eeeeee;}
.shop p {margin: 5px 0;font-size: 14px;color: #dddddd;}
.shop .footer {display: flex;justify-content: space-between}
.shop .footer button {font-size:16px;border-radius: 25%;}
	</style>
	</head>
	<body>
	<header>
		<h1>د. محمد علي</h1>
		<p>إختصاص أسنان</p>
		<p>قطاع 28، شارع نعمة الريفي، مقابل مصرف الطيف الإسلامي الإهلي</p>
		<p>من السبت إلى الخميس — من 4 مساءً إلى 12 مساءً</p>
		<button class="fa fa-calendar-o"> حجز موعد</button>
	</header>
	<main>
		<section>
			<h2>الحجوزات النشطة</h2>
			<div class="list">
				<div class="card">
					<div class="main">
						<h3>اسم المراجع: محمد علي</h3>
						<p>رقم هاتف: 07712345678</p>
						<p>تاريخ الحجز: اليوم</p>
						<p>نوع الحجز: قلع سن</p>
						<p>حالة الحجز: <span>في الأنتظار</span></p>
					</div>
					<div class="footer">
						<button>تعديل</button>
						<button>الغاء</button>
					</div>
				</div>
			</div>
		</section>
		<section>
			<h2>الخدمات</h2>
			<div class="list">
				<div class="shop">
					<img src="https://picsum.photos/395/200">
					<div class="main">
						<h3>حشوة سن</h3>
						<div class="footer">
							<span>250,000 د.ع</span>
							<button>حجز</button>
						</div>
					</div>
				</div>
				<div class="shop">
					<img src="https://picsum.photos/395/200">
					<div class="main">
						<h3>قلع سن</h3>
						<div class="footer">
							<span>15,000 د.ع</span>
							<button>حجز</button>
						</div>
					</div>
				</div>
			</div>
		</section>
	</main>
	<footer>
		<p>© 2021-2024</p>
	</footer>
	<script>

	</script>
	</body>
</html>```