طلبة المجموعة 1 المدرسة العليا للتربية والتكوين اكادير الاجتماعيات
أهلاً وسهلاً بك في مكتبة حي الدين الرذ
نحن نقدم لك العديد من الكتب والموارد القيمة في بيئة مثالية لدعم تعلمك ونموك الفكري.
اكتشف خدماتنا
خدماتنا
إعارة الكتب
نوفر لك إمكانية إعارة الكتب المتنوعة في جميع المجالات لتوسيع آفاقك المعرفية.
دورات تعليمية
نقوم بتنظيم دورات تعليمية متنوعة لتطوير مهاراتك في العديد من المجالات.
المكتبة الرقمية
نقدم لك مكتبة رقمية تحتوي على آلاف الكتب والمقالات التي يمكنك الوصول إليها عبر الإنترنت.
/* الأساسيات */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Roboto', sans-serif;
background-color: #f4f4f4;
color: #333;
}
.container {
width: 80%;
margin: 0 auto;
}
/* رأس الصفحة */
header {
background-color: #2d3e50;
color: white;
padding: 20px 0;
}
header .logo h1 {
text-align: center;
}
nav ul {
list-style: none;
display: flex;
justify-content: center;
}
nav ul li {
margin: 0 15px;
}
nav ul li a {
color: white;
text-decoration: none;
font-size: 18px;
font-weight: 500;
}
/* قسم الترحيب */
.hero {
background-color: #4CAF50;
color: white;
text-align: center;
padding: 80px 20px;
}
.hero h2 {
font-size: 36px;
margin-bottom: 20px;
}
.hero p {
font-size: 18px;
margin-bottom: 30px;
}
.hero .btn {
background-color: #f1c40f;
color: black;
padding: 12px 30px;
text-decoration: none;
font-weight: 500;
border-radius: 5px;
}
.hero .btn:hover {
background-color: #e67e22;
}
/* قسم الخدمات */
.services {
background-color: white;
padding: 60px 20px;
text-align: center;
}
.services h2 {
font-size: 32px;
margin-bottom: 40px;
}
.service {
display: inline-block;
width: 30%;
margin: 20px;
text-align: center;
}
.service-icon {
font-size: 50px;
color: #4CAF50;
margin-bottom: 15px;
}
.service h3 {
font-size: 24px;
margin-bottom: 15px;
}
.service p {
font-size: 16px;
color: #666;
}
/* قسم الاتصال */
.contact {
background-color: #e4e4e4;
padding: 60px 20px;
text-align: center;
}
.contact form {
width: 60%;
margin: 0 auto;
}
.contact input, .contact textarea {
width: 100%;
padding: 12px;
margin: 10px 0;
border-radius: 5px;
border: 1px solid #ccc;
font-size: 16px;
}
.contact button {
background-color: #2d3e50;
color: white;
padding: 12px 25px;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}
.contact button:hover {
background-color: #4CAF50;
}
/* الفوتر */
footer {
background-color: #2d3e50;
color: white;
text-align: center;
padding: 20px 0;
}
footer p {
font-size: 14px;
}
تعليقات
إرسال تعليق