-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (154 loc) · 7.35 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Britlex</title>
</head>
<body>
<header>
<a href="/">Britlex</a>
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/">Skills</a></li>
<li><a href="/">About Us</a></li>
<li><a href="/">Pricing</a></li>
<li><a href="/">Contacts</a></li>
</ul>
</nav>
<button type="button">Let's Talk</button>
</header>
<main>
<!-- Section Hero -->
<section>
<h1>Learn Any Foreign Language</h1>
<p>With our teachers who write a program for each student, you will be able to make your first sketch after the first lesson.</p>
<button type="button">Get started</button>
<img src="./images/learning-languages.svg" alt="girl with the headphones" width="654" height="510">
</section>
<!-- Section Skills -->
<section>
<h2>Skills</h2>
<ul>
<li>
<img src="./images/shared-goals-bro-1.svg" alt="Two guys talking" width="390" height="390">
<h3>Speaking</h3>
<p>Improve your English skills and confidence. Live classes and interactive lessons online.
20% extra free for a limited time only
Learn English online and improve your skills through our high-quality courses
and resources – all designed for adult language learners.</p>
<details>
<summary>Learn more</summary>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam explicabo beatae nobis voluptatem, voluptatibus illo necessitatibus rem quibusdam eius. Quia ab corporis animi eos eum assumenda minus mollitia nesciunt cum.
</details>
</li>
<li>
<img src="./images/typewriter-bro-1.svg" alt="Typewriter" width="390" height="264">
<h3>Writing</h3>
<p>One of the most important and extensive
areas of natural science, the science that
studies substances, also their composition</p>
<details>
<summary>Learn more</summary>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam explicabo beatae
nobis voluptatem, voluptatibus illo necessitatibus rem quibusdam eius. Quia ab corporis animi eos eum assumenda
minus mollitia nesciunt cum.
</details>
</li>
<li>
<img src="./images/podcast-audience-bro-1.svg" alt="Two people listening podcast" width="408" height="274">
<h3>Listening</h3>
<p>Here you can find activities to practise
your listening skills. Listening will help you to improve your understanding</p>
<details>
<summary>Learn more</summary>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam explicabo beatae
nobis voluptatem, voluptatibus illo necessitatibus rem quibusdam eius. Quia ab corporis animi eos eum assumenda
minus mollitia nesciunt cum.
</details>
</li>
<li>
<img src="./images/house-bookshelves-bro-1.svg" alt="Man and bookshelves" width="390" height="264">
<h3>Reading</h3>
<p>Perception and response actions of the user
resulting from the use and/or upcoming use
of the product, system or service</p>
<details>
<summary>Learn more</summary>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam explicabo beatae
nobis voluptatem, voluptatibus illo necessitatibus rem quibusdam eius. Quia ab corporis animi eos eum assumenda
minus mollitia nesciunt cum.
</details>
</li>
</ul>
</section>
<!-- Section About Us -->
<section>
<h2>About Us</h2>
<p>The model offers a framework for discussing problems related to the user's experience, as well as possible ways and
means of solving them. Application development begins at the top level (strategy), where the future software product is
described quite abstractly from the point of view of the expectations of both users and the customer.</p>
<ul>
<li>
<p>800</p>
<p>Pupils</p>
</li>
<li>
<p>18</p>
<p>Teachers</p>
</li>
<li>
<p>6</p>
<p>Foreign languages</p>
</li>
</ul>
<img src="./images/business-competition-bro-1.svg" alt="Three people climbing" width="540" height="540">
</section>
<!-- Section Pricing -->
<section>
<h2>Pricing</h2>
<ul>
<li>
<img src="./images/online.svg" alt="woman working online" width="426" height="320">
<h3>Self-study online course</h3>
<p>Start learning English online in live classes
with qualified EC teachers and students
from all over the world.</p>
<p>£5.99 per month</p>
</li>
<li>
<img src="./images/lesson.svg" alt="Two men in the classroom" width="426" height="320">
<h3>Live online classes</h3>
<p>Interactive group classes with expert
teachers. Free 7-day trial</p>
<p>£12.99 per month</p>
</li>
<li>
<img src="./images/webinar.svg" alt="Woman with the laptop" width="426" height="320">
<h3>Personal Tuition</h3>
<p>Online one-to-one English tutoring – enjoy
our first session for only $1</p>
<p>£12.99 per month</p>
</li>
</ul>
</section>
<!-- Section Contact Us -->
<section>
<h2>Contact Us</h2>
<img src="./images/contact.svg" alt="Running boy with a paper plane" width="425" height="430">
<p>Discover your current English level by taking our free online English test. Sign up to our newsletter for learning tips
and free resources</p>
<form action="/">
<input type="email" name="email" id="email" value="Enter Your E-mail" required>
<input type="submit" value="Subscribe">
</form>
</section>
</main>
<footer>
<a href="/">Britlex</a>
<ul>
<li><a href="/">Terms and Conditions</a></li>
<li><a href="/">Privacy Policy</a></li>
<li><a href="/">Cookie Policy</a></li>
</ul>
</footer>
</body>
</html>