-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
244 lines (244 loc) · 7.01 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
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
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!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" />
<link rel="icon" type="image/x-icon" href="Images/img1.png" />
<link rel="stylesheet" href="CSS/style.css" />
<title>Lab 2 - Exercies 1</title>
</head>
<body>
<div class="header">
<div>
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="landing">
<div class="container">
<img src="Images/img1.png" alt="Company Logo" />
<p class="mainTitle"
><span>English</span> without rules. <br />
Start <span>speaking properly!</span></p
>
<p class="compDescribe"
>Discover the advantages of learning English online with a course
<br />
designed to allow you to successfully reach your goals.</p
>
<button>Read More</button>
<button>Buy Now</button>
</div>
</div>
<div class="features">
<div class="container">
<div>
<h4>How it work</h4>
<p
><span>Feature</span> of my <br />
<span>technique</span></p
>
<p
>Sample text. Click to select the text box. Click again or double
click to start editing the text.</p
>
</div>
<div>
<div>
<h4>Course consists of 12 modules :</h4>
<p
>There are so many options out there that it can be difficult to
know where to begin or how to choose. So start learning them with
us.</p
>
</div>
<div>
<ul>
<li> Sample text</li>
<li> Click to select the text</li>
<li> Click again or double </li>
<li>click to start editing</li>
</ul>
<ul>
<li> Sample text</li>
<li> Click to select the text</li>
<li> Click again or double </li>
<li>click to start editing</li>
</ul>
</div>
</div>
</div>
</div>
<div class="about">
<div class="container">
<div class="aboutInfo">
<h4>About Program</h4>
<p
><span>Certified English</span> <br />
teacher with
<span
>7 years of <br />
experience</span
></p
>
<p
>Hi! My name is Charlie. I am a native English speaker from the
United States. I have lived in other countries and understand the
challenges of learning a new language. I have been teaching for over
7 years and can help with exam preparation, business English or
general conversation.</p
>
</div>
<img src="Images/img2.png" alt="Teacher Image" />
</div>
</div>
<div class="whatLearn">
<div class="container">
<h4>About Our Program</h4>
<p class="mainTitle"><span>What</span> do you <span>learn</span></p>
<p class="aboutDescribe"
>By choosing an online English course, you can study from anywhere at
any time you want. On top of <br />
that, online courses offer very competitive prices that don't exist in
the world of face-to-face classes.</p
>
<div class="ulCont">
<ul>
<li
>Learn English grammar without learning the rules and theory
</li>
<li>Start to perceive English by ear </li>
<li>Start saying “on the machine” - without remembering a word </li>
<li
>Entry level: Conversational English for daily communication
</li>
</ul>
</div>
<p
>This list of all the key points will help you choose the best
learning method for your needs and <br />
expectations.</p
>
</div>
</div>
<div class="coursePeriod">
<div class="container">
<img src="Images/img3.png" alt="Teacher Image" />
<div class="periodInfo">
<h4>15 minute a day</h4>
<p>
Our <span>course</span> for <br />
<span>those</span> who:
</p>
<ol>
<li>Ready to invest time and energy in education </li>
<li>Take this course if you want to upgrade your English </li>
<li>For those who want to organize their knowledge </li>
<li>For those who want to start saying “on the machine” </li>
<li>For those who want to speak English “automatically” </li>
</ol>
<p
>Sample text. Click to select the text box. Click again or double
<br />
click to start editing the text.</p
>
</div>
</div>
</div>
<div class="landing landBack2">
<div class="container">
<img src="Images/img1.png" alt="Company Logo" />
<p class="mainTitle"
><span>English</span> without rules. <br />
Start <span>speaking properly!</span></p
>
<p class="compDescribe"
>Discover the advantages of learning English online with a course
<br />
designed to allow you to successfully reach your goals.</p
>
<button>Read More</button>
<button>Buy Now</button>
</div>
</div>
<div class="testimonials">
<div class="container">
<h4>Testimonials</h4>
<p class="mainTitle">Student <span>reviews</span></p>
<div class="testInfo">
<div>
<img src="Images/img4.png" alt="ReviewrOne" />
<div class="review">
<h4>Sample Headline</h4>
<p
>Sample text. Click to select the text box. Click again or
double click to start editing the text.</p
>
</div>
</div>
<div>
<img src="Images/img6.png" alt="ReviewrTwo" />
<div class="review">
<h4>Sample Headline</h4>
<p
>Sample text. Click to select the text box. Click again or
double click to start editing the text.</p
>
</div>
</div>
<div>
<img src="Images/img4.png" alt="ReviewrThree" />
<div class="review">
<h4>Sample Headline</h4>
<p
>Sample text. Click to select the text box. Click again or
double click to start editing the text.</p
>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footerInfo">
<div>
<h4>About Us</h4>
<p
>Sample text. Click to select the text box. Click again or double
click to start editing the text.</p
>
<a href="">View More</a>
</div>
<div>
<h4>What We Do</h4>
<p
>Sample text. Click to select the text box. Click again or double
click to start editing the text.</p
>
<a href="">View More</a>
</div>
<div>
<h4>How It Work</h4>
<p
>Sample text. Click to select the text box. Click again or double
click to start editing the text.</p
>
<a href="">View More</a>
</div>
</div>
<div class="compContact">
<img src="Images/img1.png" alt="Company Logo" />
<h2>Call <span> US </span> <br />+ 1 141 66 77 </h2>
</div>
<div class="CopyRight">
<p
>Sample text. Click to select the text box. Click again or double
<br />
click to start editing the text.</p
>
</div>
</div>
</body>
</html>