-
Notifications
You must be signed in to change notification settings - Fork 0
/
courses.php
136 lines (136 loc) · 9.91 KB
/
courses.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<?php
$title = "Courses";
$bodyclass = "innerpage";
include "./layouts/header.php";
?>
<?php $title = "Courses"; include "./components/banner/index.php"; ?>
<section class="poppins relative xl:py-32 py-12 difficulty-levels">
<h3 class="xl:text-4xl text-2xl text-white text-center font-semibold leading-snug mb-5 xl:px-0 px-12">Difficulty levels for different courses</h3>
<p class="text-base font-normal text-white text-center leading-relaxed xl:px-0 px-12">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<div class="container mx-auto xl:px-24 px-9 xl:my-16 my-8">
<div class="grid xl:grid-cols-3 grid-cols-1 xl:gap-16 gap-8">
<div class="flex flex-col justify-between items-center py-16 px-10 difficulty-levels-box">
<img src="./assets/images/education.svg" alt="Beginner" />
<div class="flex flex-col justify-between items-center w-full mt-7">
<h4 class="text-[#00FF94] font-semibold text-2xl mb-5">Beginner</h4>
<p class="text-xl font-normal text-white leading-relaxed text-center">The key concepts behind trading & markets</p>
</div>
</div>
<div class="flex flex-col justify-between items-center py-16 px-10 difficulty-levels-box">
<img src="./assets/images/intermediate.svg" alt="Intermediate" />
<div class="flex flex-col justify-between items-center w-full mt-7">
<h4 class="text-[#00FF94] font-semibold text-2xl mb-5">Intermediate</h4>
<p class="text-xl font-normal text-white leading-relaxed text-center">Identify and harness opportunities</p>
</div>
</div>
<div class="flex flex-col justify-between items-center py-16 px-10 difficulty-levels-box">
<img src="./assets/images/advanced.svg" alt="Advanced" />
<div class="flex flex-col justify-between items-center w-full mt-7">
<h4 class="text-[#00FF94] font-semibold text-2xl mb-5">Advanced</h4>
<p class="text-xl font-normal text-white leading-relaxed text-center">Take your trading to the next level with DFC</p>
</div>
</div>
</div>
</div>
</section>
<section class="poppins relative xl:pb-32 pb-12 dfc-courses">
<h3 class="xl:text-4xl text-2xl text-white text-center font-semibold leading-snug mb-5 xl:px-0 px-12">DFC Courses</h3>
<div class="container mx-auto xl:px-24 px-9 xl:my-8 my-6">
<nav class="basic-info-tab flex xl:flex-row flex-col items-center uppercase py-2 xl:w-max w-full mx-auto text-lg xl:mb-16 mb-8">
<div class="selector"></div>
<div class="flex flex-row justify-center items-center xl:w-max w-full text-center">
<a href="#" class="active">ALL</a>
<img src="./assets/images/border-line.png" class="h-6 xl:block hidden" alt="ALL" />
</div>
<div class="flex flex-row justify-center items-center xl:w-max w-full text-center">
<a href="#" class="disable">BEGINNER</a>
<img src="./assets/images/border-line.png" class="h-6 xl:block hidden" alt="BEGINNER" />
</div>
<div class="flex flex-row justify-center items-center xl:w-max w-full text-center">
<a href="#" class="disable">INTERMEDIATE</a>
<img src="./assets/images/border-line.png" class="h-6 xl:block hidden" alt="INTERMEDIATE" />
</div>
<a href="#" class="disable justify-center items-center xl:w-max w-full text-center">ADVANCED</a>
</nav>
<div class="grid grid-cols-1 xl:gap-8 gap-5">
<div class="flex xl:flex-row flex-col justify-between items-center gap-x-6 dfc-courses-box relative">
<img src="./assets/images/courses-01.png" alt="Managing risk" />
<div class="flex flex-col xl:gap-y-6 gap-y-3 justify-center xl:items-start items-center h-full w-full xl:py-12 py-8 xl:px-16 px-8 dfc-courses-card xl:my-0 my-3">
<h4 class="text-[#00FF94] font-semibold xl:text-4xl text-2xl">Managing risk</h4>
<p class="xl:text-xl text-base font-normal text-white leading-relaxed text-center">The key concepts behind trading & markets</p>
<div class="flex xl:flex-row flex-col xl:gap-x-5 gap-x-3 xl:gap-y-0 gap-y-3 justify-start items-center w-full xl:mb-5 mb-2">
<div class="flex flex-row justify-between items-start gap-4">
<button type="button" class="flex flex-row justify-between items-center gap-2 bg-[#002864] rounded-[3px] uppercase text-white text-xs px-4 py-2 font-normal"><img src="./assets/images/beginner-dot.png" alt="Beginner" /><span class="beginner-dot">BEGINNER</span></button>
</div>
<p class="xl:text-sm text-xs font-normal text-white leading-relaxed">Duration: 1 hr 45 mins</p>
</div>
<?php include "./components/button/start-courses.php"; ?>
</div>
</div>
<div class="flex xl:flex-row flex-col justify-between items-center gap-x-6 dfc-courses-box relative">
<img src="./assets/images/courses-02.png" alt="How to trade" />
<div class="flex flex-col xl:gap-y-6 gap-y-3 justify-center xl:items-start items-center h-full w-full xl:py-12 py-8 xl:px-16 px-8 dfc-courses-card xl:my-0 my-3">
<h4 class="text-[#00FF94] font-semibold xl:text-4xl text-2xl">How to trade</h4>
<p class="xl:text-xl text-base font-normal text-white leading-relaxed text-center">The key concepts behind trading & markets</p>
<div class="flex xl:flex-row flex-col xl:gap-x-5 gap-x-3 xl:gap-y-0 gap-y-3 justify-start items-center w-full xl:mb-5 mb-2">
<div class="flex flex-row justify-between items-start gap-4">
<button type="button" class="flex flex-row justify-between items-center gap-2 bg-[#002864] rounded-[3px] uppercase text-white text-xs px-4 py-2 font-normal"><img src="./assets/images/beginner-dot.png" alt="Beginner" /><span class="beginner-dot">BEGINNER</span></button>
</div>
<p class="xl:text-sm text-xs font-normal text-white leading-relaxed">Duration: 1 hr 45 mins</p>
</div>
<?php include "./components/button/start-courses.php"; ?>
</div>
</div>
<div class="flex xl:flex-row flex-col justify-between items-center gap-x-6 dfc-courses-box relative">
<img src="./assets/images/courses-03.png" alt="Introduction to financial markets" />
<div class="flex flex-col xl:gap-y-6 gap-y-3 justify-center xl:items-start items-center h-full w-full xl:py-12 py-8 xl:px-16 px-8 dfc-courses-card xl:my-0 my-3">
<h4 class="text-[#00FF94] font-semibold xl:text-4xl text-2xl">Introduction to financial markets</h4>
<p class="xl:text-xl text-base font-normal text-white leading-relaxed text-center">The key concepts behind trading & markets</p>
<div class="flex xl:flex-row flex-col xl:gap-x-5 gap-x-3 xl:gap-y-0 gap-y-3 justify-start items-center w-full xl:mb-5 mb-2">
<div class="flex flex-row justify-between items-start gap-4">
<button type="button" class="flex flex-row justify-between items-center gap-2 bg-[#002864] rounded-[3px] uppercase text-white text-xs px-4 py-2 font-normal"><img src="./assets/images/beginner-dot.png" alt="Beginner" /><span class="beginner-dot">BEGINNER</span></button>
</div>
<p class="xl:text-sm text-xs font-normal text-white leading-relaxed">Duration: 1 hr 45 mins</p>
</div>
<?php include "./components/button/start-courses.php"; ?>
</div>
</div>
<div class="flex xl:flex-row flex-col justify-between items-center gap-x-6 dfc-courses-box relative">
<img src="./assets/images/courses-04.png" alt="Trading styles" />
<div class="flex flex-col xl:gap-y-6 gap-y-3 justify-center xl:items-start items-center h-full w-full xl:py-12 py-8 xl:px-16 px-8 dfc-courses-card xl:my-0 my-3">
<h4 class="text-[#00FF94] font-semibold xl:text-4xl text-2xl">Trading styles</h4>
<p class="xl:text-xl text-base font-normal text-white leading-relaxed text-center">The key concepts behind trading & markets</p>
<div class="flex xl:flex-row flex-col xl:gap-x-5 gap-x-3 xl:gap-y-0 gap-y-3 justify-start items-center w-full xl:mb-5 mb-2">
<div class="flex flex-row justify-between items-start gap-4">
<button type="button" class="flex flex-row justify-between items-center gap-2 bg-[#002864] rounded-[3px] uppercase text-white text-xs px-4 py-2 font-normal"><img src="./assets/images/beginner-dot.png" alt="Beginner" /><span class="beginner-dot">BEGINNER</span></button>
</div>
<p class="xl:text-sm text-xs font-normal text-white leading-relaxed">Duration: 1 hr 45 mins</p>
</div>
<?php include "./components/button/start-courses.php"; ?>
</div>
</div>
</div>
</div>
</section>
<section class="poppins relative pb-12 outperform-even-sample">
<div class="container mx-auto xl:px-24 px-9">
<div class="grid xl:grid-cols-2 grid-cols-1 gap-x-12 xl:gap-y-0 gap-y-12">
<div class="col-span-1">
<h3 class="xl:text-4xl text-2xl text-white text-left font-semibold leading-snug">We outperform <br /> even sample</h3>
<p class="text-base font-normal text-white text-left leading-relaxed my-5 xl:w-2/3 w-full">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
<div class="flex xl:flex-row flex-col xl:gap-y-0 gap-y-5 gap-x-8 justify-start items-center xl:mt-8 mt-5">
<?php include "./components/button/get-started-02.php"; ?>
<button type="button" class="text-white xl:text-lg text-base font-medium px-6 py-4 flex flex-row justify-center items-center transparent-btn xl:w-max w-full">Explore Courses</button>
</div>
</div>
<div class="col-span-1">
<img src="./assets/images/chart.svg" alt="We outperform even sample" />
</div>
</div>
</div>
</section>
<?php include "./components/ultimate-featues/index.php"; ?>
<?php $isbg = "is-join-bg"; include "./components/join-community/index.php"; ?>
<?php
include "./layouts/footer.php";
?>