-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
155 lines (140 loc) · 9.17 KB
/
about.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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Unlock Your Future By Learning English">
<link rel="icon" type="image/png" href="./src/assets/img/logo-main.png">
<link href="./src/assets/css/style.css" rel="stylesheet">
<title>Talkify - About</title>
</head>
<body class="overflow-x-hidden">
<header class="relative flex flex-wrap w-full py-4 text-sm bg-white sm:justify-start sm:flex-nowrap">
<nav class="max-w-[85rem] w-full mx-auto px-4 sm:flex sm:items-center sm:justify-between" aria-label="Global">
<div class="flex items-center justify-between">
<a class="flex-none text-xl font-semibold" href="#">
<img src="/src/assets/img/logo-main.png" alt="Logo" class="w-20">
</a>
<div class="sm:hidden">
<button type="button" class="inline-flex items-center justify-center p-2 text-gray-800 bg-white border border-gray-200 rounded-lg shadow-sm hs-collapse-toggle gap-x-2 hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none" data-hs-collapse="#navbar-with-mega-menu" aria-controls="navbar-with-mega-menu" aria-label="Toggle navigation">
<svg class="flex-shrink-0 hs-collapse-open:hidden size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" x2="21" y1="6" y2="6"/><line x1="3" x2="21" y1="12" y2="12"/><line x1="3" x2="21" y1="18" y2="18"/></svg>
<svg class="flex-shrink-0 hidden hs-collapse-open:block size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
</button>
</div>
</div>
<div id="navbar-with-mega-menu" class="hidden overflow-hidden transition-all duration-300 hs-collapse basis-full grow sm:block">
<div class="flex flex-col gap-5 mt-5 sm:flex-row sm:items-center sm:justify-end sm:mt-0 sm:ps-5">
<a class="font-semibold text-gray-600" href="/index.html">Home</a>
<a class="font-semibold text-primary hover:text-gray-400" href="./about.html">About us</a>
<div class="hs-dropdown [--strategy:static] sm:[--strategy:fixed] [--adaptive:none] ">
<button id="hs-mega-menu-basic-dr" type="button" class="flex items-center w-full font-semibold text-gray-600 hover:text-gray-400 ">
Courses
<svg class="flex-shrink-0 ms-1 size-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
</button>
<div class="hs-dropdown-menu transition-[opacity,margin] duration-[0.1ms] sm:duration-[150ms] hs-dropdown-open:opacity-100 opacity-0 sm:w-48 z-10 bg-white sm:shadow-md rounded-lg p-2 sm: before:absolute top-full sm:border before:-top-5 before:start-0 before:w-full before:h-5 hidden">
<a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:ring-2 focus:ring-primatext-primary" href="/courses/listening/listening-practice-1.html">
Listening
</a>
<a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:ring-2 focus:ring-primatext-primary" href="/courses/writing/reading-practice-1.html">
Writing
</a>
<a class="flex items-center gap-x-3.5 py-2 px-3 rounded-lg text-sm text-gray-800 hover:bg-gray-100 focus:ring-2 focus:ring-primatext-primary" href="/courses/reading/reading-practice-1.html">
Reading
</a>
</div>
</div>
<a class="font-semibold text-gray-600 hover:text-gray-400" href="/contact.html">Contact us</a>
</div>
</div>
</nav>
</header>
<main>
<section class="w-11/12 mx-auto mt-10 mb-20 md:w-10/12 md:mt-10 ">
<div class="grid grid-cols-1 gap-5 md:grid-cols-2">
<div class="block md:hidden">
<img src="/src/assets/img/img-about-1.jpg" class="w-full rounded-md" alt="">
</div>
<div class="">
<header class="mb-10">
<p class="font-semibold text-primary">About Us</p>
<h2 class="text-3xl font-semibold md:text-4xl">Committed to Making a Positive Impact</h2>
</header>
<p class="mb-5">Language is one of the key aspects for people to connect, serving as a bridge to promote
understanding and communication between diverse population. As the language of the modern
linked world, English has emerged as a lingua franca. According to Nagy (2016) defines
English as a lingua franca (ELF) as a communication method between speakers who use
English for ELF but do not speak the same mother tongue. It can be difficult for people in
certain countries whose native tongue is not English to learn on new languages.</p>
<p class="mb-5">There are tons of ways to learn English. For instance, watching films and television
series, listening to music and podcast, blogs, newspaper, etc. However, some people think is
not enough. Struggles to apply the language in real life conversation still a concern. In order to
not giving up, motivation is crucial to be maintain. Al-dalawi et al., (2023) proposed to keep
that motivation learners tend to practice their English with peers, when they see improvement,
their motivation also boost up. In addition, this collaboration builds a joyful and encouraging
learning atmosphere, which lessens the process' intimidating nature and increases its appeal.</p>
<p class="mb-5">That is why Talkify is here for you. Talkify help, listen, and learn together as your study buddy. Together, we can.
</p>
</div>
<div class="hidden md:block">
<img src="/src/assets/img/about-img.png" alt="" class="w-full">
</div>
</div>
</section>
</main>
<footer class="py-20 bg-blue-dark">
<div class="w-10/12 mx-auto">
<div class="grid grid-cols-1 md:grid-cols-5">
<div class="col-span-2 mb-10 md:mb-0">
<img src="/src/assets/img/logo-second.png" alt="" class="w-32">
<div class="mt-5 font-light text-lighty">Top learning experiences that create more <br> talent in the world.</div>
</div>
<div class="mb-10 md:mb-0">
<h4 class="font-semibold text-gray-500">Product</h4>
<a href="/" class="block mt-2 text-lighty">Overview</a>
<a href="" class="block mt-2 text-lighty">Features</a>
<a href="" class="block mt-2 text-lighty">Tutorials</a>
</div>
<div class="">
<h4 class="font-semibold text-gray-500">Company</h4>
<a href="" class="block mt-2 text-lighty">About us</a>
<a href="" class="block mt-2 text-lighty">Contact us</a>
</div>
<div class="">
<h4 class="font-semibold text-gray-500">Social Media</h4>
<a href="https://www.instagram.com/talkify.official?igsh=NHVwcXRtMjVtZDcw" class="block mt-2 text-lighty">Instagram</a>
<a href="https://youtube.com/@talkifyofficial?si=C2nv_FJYCuSLICIa" class="block mt-2 text-lighty">Youtube</a>
<a href="https://www.tiktok.com/@talkify.official?_t=8n8aZP0yBk1&_r=1" class="block mt-2 text-lighty">Tiktok</a>
<a href="https://t.me/talkify_official" class="block mt-2 text-lighty">Telegram</a>
</div>
</div>
<div class="justify-between block mt-10 text-center md:flex md:text-left">
<div class="font-extralight text-lighty">
© 2024 Talkify. All rights reserved.
</div>
<div class="block gap-3 mt-5 text-center md:mt-0 md:flex md:text-right">
<a href="https://www.instagram.com/talkify.official?igsh=NHVwcXRtMjVtZDcw" class="text-2xl">
<iconify-icon icon="mdi:instagram" class="text-gray-400"></iconify-icon>
</a>
<a href="https://youtube.com/@talkifyofficial?si=C2nv_FJYCuSLICIa" class="text-2xl">
<iconify-icon icon="iconoir:youtube" class="text-gray-400"></iconify-icon>
</a>
<a href="https://www.tiktok.com/@talkify.official?_t=8n8aZP0yBk1&_r=1" class="text-2xl">
<iconify-icon icon="ic:baseline-tiktok" class="text-gray-400"></iconify-icon>
</a>
<a href="https://t.me/talkify_official" class="text-2xl">
<iconify-icon icon="ic:baseline-telegram" class="text-gray-400"></iconify-icon>
</a>
</div>
</div>
</div>
</footer>
<!-- Preline -->
<!-- <script src="./node_modules/preline/dist/preline.js"></script> -->
<script src="./src/assets/js/preline.js"></script>
<!-- Iconify -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/iconify-icon.min.js"></script>
<script>
window.HSStaticMethods.autoInit();
</script>
</body>
</html>