-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmainpage.html
201 lines (194 loc) · 8.79 KB
/
mainpage.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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<head>
<title>
Tagengo
</title>
<link rel="stylesheet" href="mainpage.css">
<script src="https://kit.fontawesome.com/befd13cd4f.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="navbar" id="myNavbar">
<a href="home.html" class="active u"><i class="fas fa-home"></i>Home</a>
<a href="#about" class="u"><i class="fa-solid fa-clipboard"></i>About</a>
<a href="#feature" class="u"><i class="fa-solid fa-pen-to-square"></i>Features</a>
<a href="#contact" class="u"><i class="fa-solid fa-address-book"></i>Contact</a>
<a href="#" class="icon" onclick="toggleNavbar()">
☰
</a>
<a href="#" style="float: right;" class="i">Login ➡️</a>
<a href="#" style="float: right;" class="i">Sign Up 👤</a>
</div>
<div class="yoi c">
<div class="foxo"></div>
<div class="logo">Ta gengo <br> 多言語</div>
</div>
<div class="first">
<div class="kio" id="about">
<h2>Hi 👋 Welcome polyglots</h2>
<h3>Get all the content for learning a new language on a same place.<br>
Learn and practice alphabet's pronounciation. Learn from modules.<br>
Practice with quiz. Chat with our AI powered chatbot. Learn the <br>
importance of learning a new languages. Last but not least<br>
Play our cool game and make your score the next highscore.<br>
Hey between do you know what Tagengo means? Guess.......<br>
Tagengo means multilingual. Let's go guys master <br>
new languages with Tagengo.
</h3>
</div>
<div class="bigimg">
</div>
</div>
<div class="jio">
<br><br><br>
<div class="yoi"><div class="sl"></div>
<div class="kj">Importance of learning<br> a new Language</div></div><br><br>
<div class="scroll">
<div class="s">
<br><br>
<b>Enhances literacy skills</b><br><br>
Children develop a better understanding of English when
they study a new language. They become more aware
of grammar, conjugation and sentence structures. This
helps them understand how English works, enhances their
comprehension and accelerates their ability to read and write.
</div>
<div class="s">
<br><br>
<b>Creates employment and career opportunities</b><br><br>
More and more companies are seeking staff who can speak
more than one language. Bilingual staff are valued for their
ability to communicate in the languages of their business
partners and to cross important cultural barriers.
</div>
<div class="s">
<br><br>
<b>Helps develop critical thinking and problem solving skills</b><br><br>
Learning a language enables children to analyse information
and solve problems better as they can select relevant
information and ignore irrelevant or misleading information.
They become more rational and objective decision makers.
</div>
<div class="s">
<br><br>
<b>Fosters respect and understanding of other cultures</b><br><br>
Learning a new language nurtures curiosity and openness in
children. As they develop their
language fluency, they increase their ability to communicate
across cultures and interact positively with people from other
countries.
</div>
<div class="s">
<br><br>
<b>Improves memory and brain function</b><br><br>
Learning a language strengthens the area of the brain which
is responsible for memory, speech and sensory perception.
Bilingual people are better at retaining lists, sequences,
names and directions. They are also more creative,
perceptive and can concentrate for longer
</div>
<div class="s">
<br><br>
<b>Enhances your ability to multitask</b><br><br>
Time management and multitasking are two skills that will always help you. Multilingual people have the ability to switch between languages. Their ability to think in different languages and be able to communicate in more than one language helps with multitasking.
</div>
</div>
<br><br><br>
</div>
<div class="yoi"><div class="kj">Now let's explore<br> our main part</div><div class="bd"></div></div><br><br>
<div class="att" id="feature">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2>Learn Pronunciation</h2>
<p>This will take you to the keyboard integration page where you can learn the pronunciation
with just one click!!!
</p>
<p>Just press a key on your keyboard or click on the letters to hear the pronunciation.</p>
<p>Let's Start learning ✌️</p>
</div>
<div class="flip-card-back">
<h2>Choose Language</h2>
<a href="english.html" class="jo">English</a>
<a href="japanese.html" class="jo">Japanese</a>
<a href="german.html" class="jo">German</a>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2>Quiz Game</h2>
<p>Test your knowledge with a small quiz.
</p>
<p>This will take you to a quiz where you will test your learnings.</p>
<p>Let's Test your knowledge 📝</p>
</div>
<div class="flip-card-back">
<h2>Choose Language</h2>
<a href="quizeng.html" class="jo">English</a>
<a href="quizjap.html" class="jo">Japanese</a>
<a href="quizger.html" class="jo">German</a>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2>Get Modules</h2>
<p>Learn quickly with highly curated modules. Learn each and every step from beginning.<br><br>
Practice it more and get better. So let's go command the vocabulary of a new language now.📚
</p>
</div>
<div class="flip-card-back">
<h2>Choose Language</h2>
<a href="https://www.youtube.com/@bbclearningenglish" class="jo">English</a>
<a href="https://www.youtube.com/@JapanesePod101" class="jo">Japanese</a>
<a href="https://www.youtube.com/@LearnGermanOriginal" class="jo">German</a>
</div>
</div>
</div>
</div>
<div class="se">
<br><br><br>
<div class="yoi">
<div class="cat"></div><div class="kj">Boss <br>Features</div>
</div><br><br><br>
<div class="yoi"><button class="soso"><a href="#" class="kl">PLAY GAME</a></button>
<button class="soso"><a href="https://mediafiles.botpress.cloud/be135b37-a1b3-4513-b779-ce8bb4670d08/webchat/bot.html" class="kl">CHATBOT</a></button></div><br><br>
</div>
<section class="contact-section" id="contact">
<div class="rato"></div>
<div class="contact-form">
<h2 class="b">Contact Us</h2>
<form action="#" method="POST">
<input class="jd" type="text" name="name" placeholder="Your Name" required>
<input class="jd" type="email" name="email" placeholder="Your Email" required>
<textarea name="message" class="jd" placeholder="Your Message" rows="3" required></textarea>
<button type="submit" class="buton">Send Message</button>
</form>
</div>
<div class="contact-info">
<h2 class="b">Contact Information</h2>
<ul>
<li><i class="fas fa-map-marker-alt"></i> KIET group of institutions</li>
<li><i class="fas fa-phone"></i> +91-8000000000</li>
<li><i class="fas fa-envelope"></i> [email protected]</li>
<li><i class="fa-brands fa-twitter"></i>Stunning_whiz24</li>
<li><i class="fa-brands fa-instagram"></i>literally_progress</li>
<li><i class="fa-brands fa-reddit"></i>Stunning_whiz24</li>
<li><i class="fa-brands fa-linkedin"></i>UNNATI GUPTA</li>
</ul>
</div>
</section>
<script>
function toggleNavbar() {
var x = document.getElementById("myNavbar");
if (x.className === "navbar") {
x.className += " responsive";
} else {
x.className = "navbar";
}
}
</script>
</body>
</html>