courses

mahmoudGalal67 · Sep 30, 2024 · d56375f · d56375f
1 parent 9703f9b
commit d56375f
Show file tree

Hide file tree

Showing 9 changed files with 984 additions and 9 deletions.
diff --git a/corseDetails.html b/corseDetails.html
@@ -0,0 +1,185 @@
+<!DOCTYPE html>
+<html lang="en">
+  <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" />
+    <!-- for social media sharing links  -->
+    <meta name="theme-color" content="#439299" />
+    <meta property="og:description" content="description" />
+    <meta property="og:title" content="Adsamy" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="website link" />
+    <meta property="og:image" content="website image" />
+    <!-- bootstrap  -->
+    <link
+      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
+      crossorigin="anonymous"
+    />
+    <!-- scss -->
+    <link rel="stylesheet" href="./scss/main.css" />
+
+    <!-- css -->
+    <link rel="stylesheet" href="./css/style.css" />
+    <link rel="stylesheet" href="./css/coursesNew.css" />
+
+    <!-- Custom Snippets -->
+    <link rel="stylesheet" href="./css/sticky_buttons.css" />
+    <link rel="stylesheet" href="./css/buttons.css" />
+
+    <!-- swiper -->
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
+    />
+
+    <title>ADSAMY | Podcasts</title>
+
+    <!-- jquery -->
+    <script
+      src="https://code.jquery.com/jquery-3.6.3.min.js"
+      integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU="
+      crossorigin="anonymous"
+    ></script>
+
+    <script
+      src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
+      integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
+      crossorigin="anonymous"
+    ></script>
+    <!-- bootstrap -->
+    <script
+      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+      crossorigin="anonymous"
+    ></script>
+  </head>
+  <body>
+    <!-- Navbar Include -->
+    <nav
+      class="navbar sticky-top navbar-expand-lg bg-dark-blue text-white py-2"
+      id="navbar_container"
+    ></nav>
+    <!-- --Navbar Include -->
+    <main class="course-details py-5">
+      <div
+        class="row flex-wrap-reverse flex-lg-nowrap ap-3 justify-content-around align-items-start"
+      >
+        <div
+          class="col-lg-3 d-flex flex-column gap-1 text-lg-right text-center justify-content-end p-4 rounded"
+          style="background-color: #1b2b44; color: white"
+        >
+          <h3>دروس في العلاقات</h3>
+          <p>بواسطة<span class="mx-2"> د. محمد طه </span></p>
+          <a href="#"> الدروس المجانية </a>
+          <div>
+            <div class="info">
+              <p class="mb-1">مدة الدورة: 2 ساعة 46 دقيقة / 12 درس</p>
+            </div>
+            <div class="info">
+              <p class="mb-1">مستوى: عام</p>
+            </div>
+            <div class="info">
+              <p class="mb-1">اللغة: العربية</p>
+            </div>
+          </div>
+          <button class="p-2 rounded">اشترك الان</button>
+          <p class="text-center">199 EGP /شهر .</p>
+          <div class="links d-flex justify-content-center gap-3">
+            <div class="item">حفظ الصورة <img src="" alt="" /></div>
+            <div class="item">شارك الدورة<img src="" alt="" /></div>
+          </div>
+        </div>
+        <div class="col-lg-8">
+          <img
+            src="./imgs//courseDetails/917c114f93cdf0c7d97a8a3d85d3b1128c0ae0fab27a85b0d0067068e2b2bda2.jpg"
+            alt=""
+            class="w-100 rounded"
+          />
+          <div class="course-info my-5 p-3 text-right">
+            <h3 class="text-white">ماذا ستتعلم</h3>
+            <p>
+              تفهم كيف تؤثر العلاقات الإنسانية على الصحة النفسية والبدنية. كما
+              ستتعرف على أنواع العلاقات في سياقات مختلفة
+            </p>
+            <p>
+              تفهم كيف تؤثر العلاقات الإنسانية على الصحة النفسية والبدنية. كما
+              ستتعرف على أنواع العلاقات في سياقات مختلفة
+            </p>
+            <p>
+              تفهم كيف تؤثر العلاقات الإنسانية على الصحة النفسية والبدنية. كما
+              ستتعرف على أنواع العلاقات في سياقات مختلفة
+            </p>
+          </div>
+        </div>
+      </div>
+    </main>
+
+    <!-- Footer Include -->
+    <footer
+      class="text-center mt-0 text-lg-start text-white"
+      style="background-color: #1b2b44"
+      id="footer_container"
+    ></footer>
+    <!-- --Footer Include -->
+
+    <!-- Sticky Button -->
+    <div class="sticky-container">
+      <ul class="sticky px-0">
+        <li
+          data-bs-toggle="modal"
+          data-bs-target="#exampleModal"
+          class="button-85"
+          role="button"
+        >
+          <img width="50" height="50" title="" alt="" src="./imgs/_logo.webp" />
+          <p>Got Quotation</p>
+        </li>
+      </ul>
+    </div>
+    <!-- --Sticky Button -->
+
+    <!-- Send Quotation Modal -->
+    <div
+      class="ContactUs"
+      style="padding-top: 0"
+      id="contact_modal_container"
+    ></div>
+    <!-- Send Quotation Modal -->
+
+    <script
+      src="https://kit.fontawesome.com/5b9061b1a3.js"
+      crossorigin="anonymous"
+    ></script>
+    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
+
+    <!-- dynamic load fixed parts -->
+    <script src="./js/load_fixed_parts.js" crossorigin="anonymous"></script>
+    <script>
+      var mentors = new Swiper(".mentors-slider", {
+        slidesPerView: 2,
+        spaceBetween: 1,
+        navigation: {
+          nextEl: ".swiper-button-next",
+          prevEl: ".swiper-button-prev",
+        },
+        breakpoints: {
+          640: {
+            slidesPerView: 2,
+            spaceBetween: 10,
+          },
+          768: {
+            slidesPerView: 4,
+            spaceBetween: 10,
+          },
+          1024: {
+            slidesPerView: 5,
+            spaceBetween: 10,
+          },
+        },
+      });
+    </script>
+  </body>
+</html>