generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
learner-about.html
136 lines (136 loc) · 8.07 KB
/
learner-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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>SK Training About</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
type="text/css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.3.1/css/hover-min.css" />
<link rel="stylesheet" href="assets/css/style.css" type="text/css" />
</head>
<body>
<!----------------------------------------HEADER---------------------------------------->
<header>
<nav class="navigation">
<input type="checkbox" id="check" />
<label for="check" class="checkbtn">
<i class="fa fa-bars" aria-hidden="true"></i>
</label>
<a class="logo-index" href="index.html"><span id="logo">SK training</span></a>
<ul>
<li class="menu-item"><a class="active" href="learner-about.html">About</a></li>
<li class="menu-item"><a href="learner-courses.html">Courses</a></li>
<li class="menu-item"><a href="learner-fees.html">Fees</a></li>
<li class="menu-item"><a href="learner-contact.html">Contact</a></li>
</ul>
</nav>
</header>
<!----------------------------------------END HEADER---------------------------------------->
<!----------------------------------------BANNER---------------------------------------->
<div class="container-fluid banner-container">
<div class="row">
<div id="banner" class="jumbotron container mt-4">
<div class="cover-text">
<h2>Sk training</h2>
<h3>Dutch language courses</h3>
</div>
</div>
</div>
</div>
<!----------------------------------------END BANNER---------------------------------------->
<!----------------------------------------ABOUT---------------------------------------->
<section>
<div class="container page-title">
<div class="row">
<div class="col">
<h3>About</h3>
<hr>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<div class="about">
<h4 class="h4-about">About SK Training</h4>
<p class="p-about">Hello and welcome! Would you like to be able to speak Dutch with your neighbors
or the
other parents at
the playground? Or would you like to learn how to speak and write professional Dutch for your
work? Or
perhaps you have to take the Integration Exam or the State Exam? SK Training can help you! We
provide Dutch courses tailored to your needs, either with a private teacher or in a small group,
in our
own classroom or in your home. Learn more about our courses <a class="link-in-text" href="learner-courses.html">here</a>.
</p>
</div>
</div>
</div>
<div class="row justify-content-center text-center">
<div class="col-md-3"><img src="assets/images/teacher.jpg" alt="teacher" class="rounded-circle mr-3" height=180 width=180></div>
<div class="col-md-3 d-none d-md-block"><img src="assets/images/teacher-and-student.jpg" alt="teacher and student" class="rounded-circle mr-3" height=180 width=180></div>
<div class="col-md-3 d-none d-md-block"><img src="assets/images/students.jpg" alt="students" class="rounded-circle mr-3" height=180 width=180></div>
<div class="col-md-3 d-none d-lg-block"><img src="assets/images/class.jpg" alt="class" class="rounded-circle mr-3" height=180 width=180></div>
</div>
<div class="row">
<div class="col">
<div class="about">
<h4 class="h4-about">About Sanne Kroon</h4>
<p class="p-about">My name is Sanne Kroon. I founded SK Training in 2017. I have a
background in linguistics and Spanish, and am a certified NT2 teacher. Teaching
is my passion, because I love looking back at my students' successes and telling
them: “Look at that! You did that!”
Having lived in Spain, and having learnt Spanish in a classroom, I know what it
feels like when you actually have to talk to a native speaker. You freeze and
lose all your confidence. Believe me, I’ve been there. But I’ve overcome it and
so can you.
<br>
<br>
My specialty is practice-oriented training, which means that I’ll teach you Dutch that’s relevant for
YOUR life. You will practice your Dutch in class but I will give you homework to also practice outside of school with your Dutch
partner, children, friends, colleagues, or perhaps even random people in the streets. Who knows, maybe you’ll make some new Dutch friends.
Please have a look at the <a class="link-in-text" href="learner-courses.html">courses</a> we offer. And if you’re as excited as I am, then
fill out the <a class="link-in-text" href="learner-contact.html">contact form</a> to sign up for a free intake and cup of coffee.
</p>
</div>
</div>
</div>
</div>
</section>
<!----------------------------------------END ABOUT---------------------------------------->
<!----------------------------------------FOOTER---------------------------------------->
<footer class="container-fluid">
<ul class="list-inline social-links">
<li class="list-inline-item">
<a target="_blank" href="http://www.linkedin.com">
<i class="fa fa-linkedin" aria-hidden="true"></i>
<span class="sr-only">LinkedIn</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" href="http://www.facebook.com">
<i class="fa fa-facebook" aria-hidden="true"></i>
<span class="sr-only">Facebook</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" href="http://instagram.com">
<i class="fa fa-instagram" aria-hidden="true"></i>
<span class="sr-only">Instagram</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" href="http://youtube.com">
<i class="fa fa-youtube" aria-hidden="true"></i>
<span class="sr-only">Youtube</span>
</a>
</li>
</ul>
</footer>
<!----------------------------------------END FOOTER---------------------------------------->
</body>
</html>