-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
217 lines (207 loc) · 12 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ZAP bestehen</title>
<link rel="icon" type="image/x-icon" href=".//zap_favicon_03.png">
<meta name="google-site-verification" content="cQOkJTMCVDrvuJH5ZXIVxSmwqEHW8lWgSpWbmZLPK1g" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin"/>
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap" media="print" onload="this.media='all'"/>
<noscript>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap"/>
</noscript>
<link href="css/bootstrap.min.css?ver=1.2.0" rel="stylesheet">
<link href="./css/main.css" rel="stylesheet">
<noscript>
<style>
.tf-header {
background: url('images/1-hero-image.jpg') no-repeat center center;
}
</style>
</noscript>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-J3N6TPQ4LF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-J3N6TPQ4LF');
</script>
</head>
<body id="top">
<header class="tf-header" data-parallax="scroll" data-image-src="images/1-hero-image.jpg">
<nav class="navbar py-5 navbar-dark">
<div class="container">
<h1><a class="navbar-brand" href="/">Zentrale <br class="d-sm-none"> Aufnahmeprüfung <br class="d-sm-none"> bestehen</a></h1>
<div id="navbar">
<ul class="nav pull-right mt-2">
<!-- <li class="nav-item"><a class="nav-link" href="#">Probelektion</a></li> -->
<li class="nav-item"><a class="nav-link" href="#work">Erfolgsrezept</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Kontakt</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-12">
<h2>Beste Vorbereitung?<br>Prüfungsaufgaben</Aufnahme-> <br>im Griff haben!</h2>
</div>
</div>
<div class="row">
<div class="col-md-7 col-sm-12">
<p class="mt-3"><strong>Unser Fokus: Alte Prüfungsaufgaben beherrschen. 1:1 Unterricht. Für jedes Budget.</strong></p>
<p class="mt-4"><strong class="text-uppercase">Gratis Probelektion <!-- buchen --></strong><span><strong> - Email-Adresse hinterlassen, wir melden uns sofort.</strong></span></p>
</div>
</div>
<div class="row no-gutters mt-3">
<div class="col-md-4 col-sm-12 tf-hh-col">
<!-- form single line start -->
<form action="process.php" method="POST">
<input class="mt-1 form-control" type="email" id="email" name="email" placeholder="*Ihre Email Adresse" required>
</div>
<div class="col-md-3 col-sm-12">
<button class="tf-header-heading-btn a btn btn-primary btn-block mt-1" type="submit">Gratis Probelektion</button>
</form>
<!-- form single line stop -->
</div>
</div>
</div>
</header>
<div class="page-content">
<div>
<div class="tf-work-section">
<div class="container" id="work">
<h2 class="h3">Unser Erfolgsrezept für die 3 Teile der Aufnahmeprüfung ins Langgymnasium Zürich:</h2>
</div>
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-12 pt-2">
<div class="card"><img class="img-fluid card-img-top" src="images/2-Mathematik.jpg" alt="Mathematik"/>
<div class="card-body">
<strong class="text-uppercase">MATHEMATIK</strong>
<p class="text-muted">Prüfungsaufgaben ähneln sich von Jahr zu Jahr. Wer sie beherrscht, besteht die Aufnahmeprüfung ins Langgymnasium. Darauf fokussieren wir uns. Unsere Schülerinnen und Schüler arbeiten gezielt an rund 50 Prüfungsaufgaben vergangener Jahre. Mit Hilfe unseres 1:1 Coachings perfektionieren sie ihre Fähigkeit, diese Aufgaben korrekt und schnell zu lösen.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 pt-2">
<div class="card"><img class="img-fluid card-img-top" src="images/3-Aufsatz.jpg" alt="Aufsatz"/>
<div class="card-body">
<strong class="text-uppercase">AUFSATZ</strong>
<p class="text-muted">Viele Schülerinnen und Schüler kämpfen mit unsicherem Schreibstil und unklar strukturierten Aufsätzen. Unser Aufsatztraining übt erfolgsbewährte Wege und Strategien zur Verbesserung ein. Mit einer Auswahl aus dutzenden von Aufsatzthemen vergangener Jahre und transparenter Korrektur nach den Prüfungskriterien steigern sie Ihre Aufsatz-Note deutlich.</p>
</div>
</div>
</div>
<div class="col-md-4 col-sm-12 pt-2">
<div class="card"><img class="img-fluid card-img-top" src="images/4-Sprache.jpg" alt="Sprache"/>
<div class="card-body">
<strong class="text-uppercase">SPRACHE</strong>
<p class="text-muted">Hier zählen hauptsächlich Wortschatz und Sprachverständnis, beide können in der kurzen Zeit bis zur Aufnahmeprüfung nur begrenzt verbessert werden. Jedoch üben wir anhand alter Prüfungsaufgaben Strategien, keine Punkte zu verschenken, die leicht zu erlangen sind, sowie mit fortgeschrittenen Ratestrategien auch Fragen korrekt zu beantworten, deren Antworten man gar nicht kennt.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tf-quotes-section">
<div class="carousel slide mt-5" id="tf-carousel" data-ride="carousel">
<ol class="carousel-indicators">
<li class="active" data-target="#tf-carousel" data-slide-to="0"></li>
<li data-target="#tf-carousel" data-slide-to="1"></li>
<li data-target="#tf-carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active" style="background-image: url('images/5-start-simple-slider.jpg');">
<div class="carousel-caption">
<p class="slider-text-1">"Die Aufsatztrainings waren für Véronique sehr wertvoll.<br>Vielen Dank dafür!"</p>
<p class="slider-text-2">Laura und Jean-Paul<br>Eltern von Véronique</p>
</div>
</div>
<div class="carousel-item" style="background-image: url('images/6-start-simple-slider.jpg');">
<div class="carousel-caption">
<p class="slider-text-1">"Die Fokussierung auf reale Prüfungsaufgaben war erfolgsentscheidend.<br>Sie ermöglichte Alexander, sich optimal vorzubereiten."</p>
<p class="slider-text-2">Maria<br>Mutter von Alexander</p>
</div>
</div>
<div class="carousel-item" style="background-image: url('images/7-start-simple-slider.jpg');">
<div class="carousel-caption">
<p class="slider-text-1">"Mit seiner massgeschneiderten Betreuung stärkte Cyrill<br>das Selbstvertrauen und die Motivation unserer Tochter für den Prüfungserfolg!"</p>
<p class="slider-text-2">Janna und Markus<br>Eltern von Emily</p>
</div>
</div>
</div><a class="carousel-control-prev" href="#tf-carousel" role="button" data-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#tf-carousel" role="button" data-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="sr-only">Next</span></a>
</div>
</div>
<div class="tf-contact-section">
<div class="container" id="contact">
<h2 class="h4">Zentrale Aufnahmeprüfung bestehen | Zürich</h2>
</div>
<div class="container">
<div class="container">
<div class="row">
<div class="col-md-5 col-sm-12">
<h3 class="h5">Kontakt</h3>
<form action="processform.php" method="POST">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 tf-contact-col">
<input class="form-control" type="text" name="name" placeholder="*Name" style="background-color: #ebebeb" required="required"/>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 pb-2">
<input class="form-control" type="email" name="_replyto" placeholder="*Ihre Email Adresse" required="required" style="background-color: #ebebeb"/>
</div>
</div>
<div class="row pb-2 no-gutters">
<div class="col-md-12 col-sm-12">
<textarea class="mb-2 form-control" name="message" placeholder="*Nachricht" rows="5" required="required" style="background-color: #ebebeb"></textarea>
</div>
</div>
<div class="row">
<div class="col text-center text-md-left text-lg-left mb-5">
<button class="btn btn-primary" type="submit">Senden</button>
</div>
</div>
</form>
</div>
<!-- Bootstrap Card with Image and Blockquote -->
<div class="col-md-7 col-sm-12">
<div class="card" style="border: none;background-color: #ebebeb">
<div class="row no-gutters">
<div class="col-md-6">
<div class="card-body">
<!-- Blockquote and Figcaption on the left side -->
<p class="mb-0">
<p class="display">C. Senger, M.A. HSG</p>
<p class="text-muted">
Während ich meine eigenen Kids auf die ZAP vorbereitete, stellte ich fest, dass in den Vorbereitungskursen nur wenig Prüfungsaufgaben gelöst werden. Weil das sichere Lösen von Prüfungsaufgaben aber entscheidend für den Prüfungserfolg ist, biete ich gezielten 1:1-Unterricht an, um es zu perfektionieren.
</p>
</p>
</div>
</div>
<!-- Image on the top-right -->
<div class="col-md-6 p-3">
<img class="img-fluid rounded-circle shadow-4-strong" alt="avatar2" src="/images/cyrill_2024_04.png" />
</div>
</div>
</div>
</div>
<!-- End of Bootstrap Card -->
</div>
</div>
</div>
<footer class="bg-dark py-4 mt-5 tf-footer">
<div class="container text-light">
<div class="row">
<div class="col-md-6 col-sm-12"><a href="https://zentraleaufnahmepruefung-bestehen.ch">Zentrale Aufnahmeprüfung bestehen.</a></div>
<div class="col-md-6 col-sm-12 text-right tf-design" style="color:#ff574e"><a href="https://www.google.com/search?q=Krakatoom-Design-Studio" target="_blank" style="border-bottom: none;">by Krakatoom-Design-Studio</a>
</div>
</div>
</footer>
<script src="scripts/jquery.slim.min.js?ver=1.2.0"></script>
<script src="scripts/bootstrap.bundle.min.js?ver=1.2.0"></script>
<script src="scripts/parallax.min.js?ver=1.2.0"></script>
<script src="scripts/main.js?ver=1.2.0"></script>
</body>
</html>