-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (158 loc) · 9.7 KB
/
index.html
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- TODO: meta desc -->
<meta name="description" content="Mr. Youssef Nagah's Official Website. STEM/Secondary Education Biology Teacher." />
<title>Honor Biology | Youssef Nagah</title>
</head>
<body>
<div class="h-3 w-full bg-primary"></div>
<main class="container mx-auto h-[calc(100vh-0.75rem)]">
<div class="relative flex h-full flex-col justify-evenly lg:grid lg:grid-cols-2 lg:gap-8">
<div class="absolute left-0 top-0 -z-10 w-full overflow-hidden">
<p
class="whitespace-nowrap px-2 py-6 text-center text-9xl font-extrabold text-primary opacity-[0.06] lg:text-[15rem]"
>
Biology
</p>
</div>
<div class="flex items-center justify-center">
<div>
<h1 class="mb-4 text-4xl font-semibold xl:text-6xl">Honor Biology</h1>
<h1 class="mb-4 text-4xl font-bold xl:text-6xl">Youssef Nagah</h1>
<h2 class="text-xl xl:text-2xl">Biology Teacher</h2>
<div class="mt-10">
<a
class="block w-fit rounded bg-primary px-4 py-2 text-lg text-white duration-200 hover:bg-secondary"
download
href="https://github.com/MikhaelMounay/beta-lms-landing-honor-biology-youssef-nagah/releases/download/v0.8.7/Honor-Biology---Youssef-Nagah-0.8.7-setup.exe"
>
<div class="flex items-center justify-center">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 448 512"
class="h-5 w-5 fill-current"
>
<!-- !Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
<path
d="M0 93.7l183.6-25.3v177.4H0V93.7zm0 324.6l183.6 25.3V268.4H0v149.9zm203.8 28L448 480V268.4H203.8v177.9zm0-380.6v180.1H448V32L203.8 65.7z"
/>
</svg>
<p class="ms-2">Download Now</p>
</div>
</a>
</div>
</div>
</div>
<div class="flex items-center justify-center">
<div class="">
<!-- TODO: Dr. Youssef Nagah image -->
<!-- <img src="#" alt="Dr. Youssef Nagah" /> -->
<!-- <img
src="./src/assets/imgs/dna-helix-3d.png"
alt="DNA Helix Background"
class="w-96 animate-bounce-slow opacity-90 bg-blend-difference"
/> -->
</div>
</div>
</div>
</main>
<div class="relative">
<svg
viewBox="0 0 1440 58"
fill="none"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
width="100%"
class="absolute bottom-0 bg-transparent fill-primary"
>
<path
transform="rotate(180) translate(-1440, -60)"
d="M-100 58C-100 58 218.416 36.3297 693.5 36.3297C1168.58 36.3297 1487 58 1487 58V-3.8147e-06H-100V58Z"
></path>
</svg>
</div>
<footer class="bg-primary text-textColorLight">
<div class="container mx-auto">
<p class="pt-4 text-center text-2xl font-bold lg:pt-0">Contact Us</p>
<div class="mb-3 mt-5 flex items-center justify-center">
<a href="https://wa.me/201226342804" target="_blank" class="duration-200 hover:text-green-400">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
viewBox="0 0 448 512"
>
<!-- !Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
<path
d="M92.1 254.6c0 24.9 7 49.2 20.2 70.1l3.1 5-13.3 48.6L152 365.2l4.8 2.9c20.2 12 43.4 18.4 67.1 18.4h.1c72.6 0 133.3-59.1 133.3-131.8c0-35.2-15.2-68.3-40.1-93.2c-25-25-58-38.7-93.2-38.7c-72.7 0-131.8 59.1-131.9 131.8zM274.8 330c-12.6 1.9-22.4 .9-47.5-9.9c-36.8-15.9-61.8-51.5-66.9-58.7c-.4-.6-.7-.9-.8-1.1c-2-2.6-16.2-21.5-16.2-41c0-18.4 9-27.9 13.2-32.3c.3-.3 .5-.5 .7-.8c3.6-4 7.9-5 10.6-5c2.6 0 5.3 0 7.6 .1c.3 0 .5 0 .8 0c2.3 0 5.2 0 8.1 6.8c1.2 2.9 3 7.3 4.9 11.8c3.3 8 6.7 16.3 7.3 17.6c1 2 1.7 4.3 .3 6.9c-3.4 6.8-6.9 10.4-9.3 13c-3.1 3.2-4.5 4.7-2.3 8.6c15.3 26.3 30.6 35.4 53.9 47.1c4 2 6.3 1.7 8.6-1c2.3-2.6 9.9-11.6 12.5-15.5c2.6-4 5.3-3.3 8.9-2s23.1 10.9 27.1 12.9c.8 .4 1.5 .7 2.1 1c2.8 1.4 4.7 2.3 5.5 3.6c.9 1.9 .9 9.9-2.4 19.1c-3.3 9.3-19.1 17.7-26.7 18.8zM448 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96zM148.1 393.9L64 416l22.5-82.2c-13.9-24-21.2-51.3-21.2-79.3C65.4 167.1 136.5 96 223.9 96c42.4 0 82.2 16.5 112.2 46.5c29.9 30 47.9 69.8 47.9 112.2c0 87.4-72.7 158.5-160.1 158.5c-26.6 0-52.7-6.7-75.8-19.3z"
/>
</svg>
</a>
<a
href="https://www.facebook.com/Youssef.188888"
target="_blank"
class="ms-3 duration-200 hover:text-blue-500"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
viewBox="0 0 448 512"
>
<!-- !Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
<path
d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"
/>
</svg>
</a>
</div>
</div>
<div class="flex h-10 items-center justify-center py-8">
<p>
Made with
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="currentColor"
viewBox="0 0 512 512"
class="mx-0.5 mb-0.5 inline-block w-4"
>
<!-- !Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
<path
d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"
/>
</svg>
by
<a
target="_blank"
href="https://linktr.ee/mikhaelkhalil"
class="underline duration-200 hover:text-gray-300"
>
Mikhael Mounay
<svg
xmlns="http://www.w3.org/2000/svg"
width="20"
height="20"
fill="currentColor"
viewBox="0 0 512 512"
class="inline w-3 opacity-85"
>
<!-- !Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc. -->
<path
d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l82.7 0L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3l0 82.7c0 17.7 14.3 32 32 32s32-14.3 32-32l0-160c0-17.7-14.3-32-32-32L320 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z"
/>
</svg>
</a>
</p>
</div>
</footer>
<script type="module" src="/src/main.ts"></script>
</body>
</html>