-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
131 lines (122 loc) · 7.27 KB
/
index.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
<?php
session_start();
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg" href="./src/assets/favicon.svg" />
<link href="./src/styles/output.css" rel="stylesheet" />
<title>Tech School</title>
</head>
<body class="bg-[#f5f6f8] overflow-x-hidden">
<div class="flex flex-col justify-between min-h-screen">
<!-- header -->
<?php include "./src/components/header.php"; ?>
<!-- alert message -->
<?php include "./src/components/alert-message.php"; ?>
<!-- hero -->
<?php include "./src/components/hero.php"; ?>
<!-- main -->
<main class="flex items-center justify-center">
<section class="flex flex-col items-center w-[85vw]">
<section class="my-16">
<h2 class="text-center mb-5 text-xl sm:text-3xl md:text-4xl font-bold text-emerald-700">Claim Your Place
in the New Global Digital Workforce</h2>
<p class="text-center mb-5 text-base sm:text-lg md:text-xl font-medium">At <span class="text-emerald-700">Tech</span> School,
our programmes are designed to prepare you for a career in the world's fastest growing industries.</p>
<section class="grid grid-cols-2 lg:grid-cols-4 gap-4">
<div class="bg-white rounded-lg shadow-lg overflow-hidden">
<a href="./course-id.php?id=34337"><img class="w-full h-48 object-cover" src="./src/assets/machine-learning.png" alt="Machine Learning"></a>
<div class="p-6">
<a href="./course-id.php?id=34337">
<h3 class="text:base sm:text-lg font-bold text-emerald-700 mb-2">Machine Learning</h3>
</a>
<p class="text-gray-700 hidden md:block text-base mb-3">Lorem ipsum dolor sit amet consectetur
adipisicing elit. Quisquam voluptatum voluptatibus, quod, quae, quia quibusdam dolorum autem nemo
iusto ipsam doloremque. </p>
<p class="text-gray-700 block md:hidden text-xs mb-3">Lorem ipsum dolor sit amet consectetur adipisicing
elit.</p>
<a href="./course-id.php?id=34337" class="inline-block text-sm sm:text-base bg-emerald-700 text-white px-4 py-2 rounded-lg hover:bg-emerald-800 duration-500">Learn
More</a>
</div>
</div>
<div class="bg-white rounded-lg shadow-lg overflow-hidden">
<a href="./course-id.php?id=21076"><img class="w-full h-48 object-cover" src="./src/assets/software-engineering.png" alt="Software Engineering"></a>
<div class="p-6">
<a href="./course-id.php?id=21076">
<h3 class="text:base sm:text-lg font-bold text-emerald-700 mb-2">Software Engineering</h3>
</a>
<p class="text-gray-700 hidden md:block text-base mb-3">Lorem ipsum dolor sit amet consectetur
adipisicing elit. Quisquam voluptatum voluptatibus, quod, quae, quia quibusdam dolorum autem nemo
iusto ipsam doloremque. </p>
<p class="text-gray-700 block md:hidden text-xs mb-3">Lorem ipsum dolor sit amet consectetur adipisicing
elit.</p>
<a href="./course-id.php?id=21076" class="inline-block text-sm sm:text-base bg-emerald-700 text-white px-4 py-2 rounded-lg hover:bg-emerald-800 duration-500">Learn
More</a>
</div>
</div>
<div class="bg-white rounded-lg shadow-lg overflow-hidden">
<a href="./course-id.php?id=27845"><img class="w-full h-48 object-cover" src="./src/assets/data-analytics.png" alt="Data Analytics"></a>
<div class="p-6">
<a href="./course-id.php?id=27845">
<h3 class="text:base sm:text-lg font-bold text-emerald-700 mb-2">Data Analytics</h3>
</a>
<p class="text-gray-700 hidden md:block text-base mb-3">Lorem ipsum dolor sit amet consectetur
adipisicing elit. Quisquam voluptatum voluptatibus, quod, quae, quia quibusdam dolorum autem nemo
iusto ipsam doloremque. </p>
<p class="text-gray-700 block md:hidden text-xs mb-3">Lorem ipsum dolor sit amet consectetur adipisicing
elit.</p>
<a href="./course-id.php?id=27845" class="inline-block text-sm sm:text-base bg-emerald-700 text-white px-4 py-2 rounded-lg hover:bg-emerald-800 duration-500">Learn
More</a>
</div>
</div>
<div class="bg-white rounded-lg shadow-lg overflow-hidden">
<a href="./course-id.php?id=12354"><img class="w-full h-48 object-cover" src="./src/assets/artificial-intelligence.png" alt="Artificial Intelligence"></a>
<div class="p-6">
<a href="./course-id.php?id=12354">
<h3 class="text:base sm:text-lg font-bold text-emerald-700 mb-2">Artificial Intelligence</h3>
</a>
<p class="text-gray-700 hidden md:block text-base mb-3">Lorem ipsum dolor sit amet consectetur
adipisicing elit. Quisquam voluptatum voluptatibus, quod, quae, quia quibusdam dolorum autem nemo
iusto ipsam doloremque. </p>
<p class="text-gray-700 block md:hidden text-xs mb-3">Lorem ipsum dolor sit amet consectetur adipisicing
elit.</p>
<a href="./course-id.php?id=12354" class="inline-block text-sm sm:text-base bg-emerald-700 text-white px-4 py-2 rounded-lg hover:bg-emerald-800 duration-500">Learn
More</a>
</div>
</div>
</section>
</section>
<!-- what we do -->
<section class="flex justify-between items-center mb-16">
<div class="md:mr-10">
<h2 class="text-center mb-7 text-xl sm:text-3xl font-bold text-emerald-700">
What we do?
</h2>
<img class="rounded-3xl block mb-3 md:hidden" width="100%" src="./src\assets\operator.png" alt="operator">
<p class="text-base lg:text-lg flex text-justify">Lorem ipsum dolor sit amet consectetur
adipisicing elit. Fugiat odit tempore error maxime delectus accusamus enim, eum, facilis ipsa sint
dolorem
praesentium nam quisquam unde cupiditate incidunt voluptates quia perspiciatis? Natus quos eius a
reprehenderit minima! Quibusdam, quasi sit vitae aliquid debitis dolorum quam delectus, quae et mollitia
explicabo nostrum dignissimos voluptate, ab tenetur commodi ex? Minima quasi qui quas.</p>
</div>
<img class="rounded-3xl hidden md:block" width="40%" src="./src\assets\operator.png" alt="operator">
</section>
<!-- About community -->
<?php include "./src/components/about-community.php"; ?>
<!-- Where Most of our students work -->
<?php include "./src/components/student-works-at.php"; ?>
<!-- FAQs -->
<?php include "./src/components/FAQs.php"; ?>
</section>
</main>
<!-- footer -->
<?php include "./src/components/footer.php"; ?>
</div>
<!-- Function to hide the alert after 10 seconds -->
<script src="./src/components/hide-alert.js"></script>
</body>
</html>