Skip to content

Commit

Permalink
im up my courses file and upted my profile file ok
Browse files Browse the repository at this point in the history
  • Loading branch information
@MritAsid
MritAsid committed Jun 17, 2024
1 parent c1f5931 commit 78a6fa3
Show file tree
Hide file tree
Showing 6 changed files with 533 additions and 187 deletions.
Binary file added Vidio/im1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Vidio/vidiono1.mp4
View file
Binary file not shown.
230 changes: 230 additions & 0 deletions courses.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,230 @@
<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Courses</title>
<link rel="stylesheet" href="css/all.min.css" />
<link rel="stylesheet" href="css/framework.css" />
<link rel="stylesheet" href="css/master.css" />
<link rel="stylesheet" href="css/courses.css" />
</head>
<body>
<div class="page d-flex">
<div class="hover">
<img src="imgs/avatar.png" alt="" />
<div class="sidebar ">
<h3 >M_RI_T</h3>
<ul>
<li>
<a href="index.html">
<i class="fa-regular fa-chart-bar fa-fw"></i>
<span> الصفحة الرئيسية </span>
</a>
</li>
<li>
<a href="setting_data.html">
<i class="fa-solid fa-gear fa-fw"></i>
<span> الظبط </span>
</a>
</li>
<li>
<a href="profile.html">
<i class="fa-regular fa-user fa-fw"></i>
<span>الملف الشخصي</span>
</a>
</li>
<li>
<a href="projects.html">
<i class="fa-solid fa-diagram-project fa-fw"></i>
<span>المشاريع</span>
</a>
</li>
<li>
<a class="active" href="courses.html">
<i class="fa-solid fa-graduation-cap fa-fw"></i>
<span>المستواء التعليمي</span>
</a>
</li>
<li>
<a href="friends.html">
<i class="fa-regular fa-circle-user fa-fw"></i>
<span>الاصدقاء</span>
</a>
</li>
<li>
<a href="files.html">
<i class="fa-regular fa-file fa-fw"></i>
<span>الملفات</span>
</a>
</li>
<li>
<a href="plans.html">
<i class="fa-regular fa-credit-card fa-fw"></i>
<span>الخطط</span>
</a>
</li>

</ul>
</div>
</div>
<div class="sidebar-min ">
<h3 >M_RI_T</h3>
<ul>
<li>
<a href="index.html">
<i class="fa-regular fa-chart-bar fa-fw"></i>
<span> الصفحة الرئيسية </span>
</a>
</li>
<li>
<a href="setting_data.html">
<i class="fa-solid fa-gear fa-fw"></i>
<span> الظبط </span>
</a>
</li>
<li>
<a href="profile.html">
<i class="fa-regular fa-user fa-fw"></i>
<span>الملف الشخصي</span>
</a>
</li>
<li>
<a href="projects.html">
<i class="fa-solid fa-diagram-project fa-fw"></i>
<span>المشاريع</span>
</a>
</li>
<li>
<a class="active" href="courses.html">
<i class="fa-solid fa-graduation-cap fa-fw"></i>
<span>المستواء التعليمي</span>
</a>
</li>
<li>
<a href="friends.html">
<i class="fa-regular fa-circle-user fa-fw"></i>
<span>الاصدقاء</span>
</a>
</li>
<li>
<a href="files.html">
<i class="fa-regular fa-file fa-fw"></i>
<span>الملفات</span>
</a>
</li>
<li>
<a href="plans.html">
<i class="fa-regular fa-credit-card fa-fw"></i>
<span>الخطط</span>
</a>
</li>

</ul>
</div>
<div class="content ">
<!-- Start Head -->
<div class="head">
<div class="search">
<input type="search" placeholder=" اكتب للبحث" />
</div>
<div class="icons">
<span class="notification">
<i class="fa-regular fa-bell fa-lg"></i>
</span>
<img src="imgs/avatar.png" alt="" />
</div>
</div>
<!-- End Head -->
<h1 class="p-relative"> المستواء التعليمي </h1>
<div class="courses-page d-grid m-20 gap-20">
<div class="course bg-white rad-6 p-relative">
<img class="cover" src="imgs/course-01.jpg" alt="" />
<img class="instructor" src="imgs/team-01.png" alt="" />
<div class="p-20">
<h4 class="m-0"> اتقان تصميم الويب </h4>
<p class="description c-grey mt-15 fs-14">
اتقان فن تصميم الويب والتمكن من النماذج الاولية وانشاء بنية تصميم الويب
</p>
</div>
<div class="info p-15 p-relative between-flex">
<span class="title bg-blue c-white btn-shape"> معلومات الدورة </span>
<span class="c-grey">
<i class="fa-regular fa-user"></i>
950
</span>
<span class="c-grey">
<i class="fa-solid fa-dollar-sign"></i>
165
</span>
</div>
</div>
<div class="course bg-white rad-6 p-relative">
<img class="cover" src="imgs/course-02.jpg" alt="" />
<img class="instructor" src="imgs/team-02.png" alt="" />
<div class="p-20">
<h4 class="m-0"> بنية البيانات والخوارزميات </h4>
<p class="description c-grey mt-15 fs-14">
اتقان فن هيكل البيانات والخوارزميات الكبيرة مثل الفرز والتقسيم والترتيب
</p>
</div>
<div class="info p-15 p-relative between-flex">
<span class="title bg-blue c-white btn-shape"> معلومات الدورة </span>
<span class="c-grey"> 1150 <i class="fa-regular fa-user"></i></span>
<span class="c-grey"> 210 <i class="fa-solid fa-dollar-sign"></i></span>
</div>
</div>
<div class="course bg-white rad-6 p-relative">
<img class="cover" src="imgs/course-03.jpg" alt="" />
<img class="instructor" src="imgs/team-01.png" alt="" />
<div class="p-20">
<h4 class="m-0"> تصميم ويب سريع الاستجابة </h4>
<p class="description c-grey mt-15 fs-14">
إتقان تصميم الويب سريع الاستجابة واستعلامات الوسائط ومعرفة كل شيء عن نقاط التوقف
</p>
</div>
<div class="info p-15 p-relative between-flex">
<span class="title bg-blue c-white btn-shape"> معلومات الدورة </span>
<span class="c-grey"> <i class="fa-regular fa-user"></i> 650</span>
<span class="c-grey"><i class="fa-solid fa-dollar-sign"></i> 90</span>
</div>
</div>
<div class="course bg-white rad-6 p-relative">
<img class="cover" src="imgs/course-04.jpg" alt="" />
<img class="instructor" src="imgs/team-03.png" alt="" />
<div class="p-20">
<h4 class="m-0"> اتقان باثيون </h4>
<p class="description c-grey mt-15 fs-14">
تقان باثيون للتحضير لعلوم البيانات والذكاء الاصطناعي وأتمتة الأشياء في حياتك
</p>
</div>
<div class="info p-15 p-relative between-flex">
<span class="title bg-blue c-white btn-shape"> معلومات الدورة </span>
<span class="c-grey"> <i class="fa-regular fa-user"></i> 950</span>
<span class="c-grey"><i class="fa-solid fa-dollar-sign"></i> 250</span>
</div>
</div>
<div class="course bg-white rad-6 p-relative">
<img class="cover" src="imgs/course-05.jpg" alt="" />
<img class="instructor" src="imgs/team-03.png" alt="" />
<div class="p-20">
<h4 class="m-0"> أمثلة PHP </h4>
<p class="description c-grey mt-15 fs-14">
دروس PHP وأمثلة وممارسة على تطبيق الويب والتواصل مع قواعد البيانات
</p>
</div>
<div class="info p-15 p-relative between-flex">
<span class="title bg-blue c-white btn-shape"> معلومات الدورة </span>
<span class="c-grey"> <i class="fa-regular fa-user"></i> 850</span>
<span class="c-grey"><i class="fa-solid fa-dollar-sign"></i> 150</span>
</div>
</div>



</div>
</div>
</div>
</body>
</html>
57 changes: 57 additions & 0 deletions css/courses.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
.courses-page {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.courses-page .course {
overflow: hidden;
}

.courses-page .course .cover {
width: 100%;
}
.courses-page .course video {
border: 5px solid #F44336;
width: 76%;
margin: 30px 0;
display: none;
}
.courses-page .course .instructor {
position: absolute;
width: 64px;
height: 64px;
border-radius: 50%;
top: 20px;
right: 20px;
border: 2px solid white;

}
.courses-page .course .description {
line-height: 1.6;
}
.courses-page .course .info {
border-top: 1px solid #eee;
font-size: 13px;
flex-direction: row-reverse;
}
.courses-page .course .info .title {
position: absolute;
top: -13px;
left: 50%;
transform: translateX(-50%);
font-size: 13px;
}
.courses-page .course .info span {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.courses-page .course .info span i {
margin-right: 5px;
}
@media (max-width: 767px) {
.courses-page {
grid-template-columns: minmax(200px, 1fr);
margin-left: 10px;
margin-right: 10px;
gap: 10px;
}
}
Loading

0 comments on commit 78a6fa3

Please sign in to comment.