-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
104 lines (104 loc) · 6.39 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
<html>
<head>
<title>OpenLab</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="./css/index.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</head>
<body>
<header class="container-fluid">
<div class="row ">
<div class="col">
<img src="./assets/logo.png" height="76" class="py-3 ml-5" alt="" />
</div>
<div class="col-5">
<nav class="nav justify-content-center">
<a class="nav-link active" href="#">O nás</a>
<a class="nav-link" href="#">Open Lab</a>
<a class="nav-link" href="#">Software Lab</a>
<a class="nav-link" href="#">Games Lab</a>
<a class="nav-link" href="#">Kontakt</a>
</nav>
</div>
<div class="col">
<button type="button" class="btn btn-outline-secondary">Komunita</button>
<button type="button" class="btn btn-outline-secondary">Podporte nás</button>
</div>
</div>
</header>
<div class="container-fluid" id="lead">
<div class="row">
<div class="col-2">
<div class="social-icons bg-w-rnd">
<img src="./assets/social_icons.png" alt="" />
</div>
</div>
<div class="col">
<div class="slider bg-w-rnd p-5">
<h1>Temovy<br>technologicky<br>akcelerator pre skoly</h1>
<p class="lead"></p>
<p>Prejdi si za 5 mesiacov celym procesom Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga impedit ipsum laboriosam natus, officia qui quia ratione totam voluptate! Commodi corporis delectus possimus quasi quod sapiente sint? Autem, ex, voluptas.</p>
<p></p>
</div>
</div>
</div>
</div>
<div class="container-fluid pb-75" id="why">
<div class="row">
<div class="col-2">
</div>
<div class="col-3">
<h6 class="mb-3">NASE CIELE</h6>
<h2 class="mb-5 display-4">Preco to robime</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus dicta dignissimos, ducimus enim eos eveniet ex explicabo illum ipsum iusto laborum, magni molestias nostrum, optio quo repellendus rerum saepe velit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aspernatur aut blanditiis consequatur eius explicabo id illo, ipsam laboriosam magnam modi necessitatibus officia praesentium quidem quod, sint suscipit totam.</p>
</div>
<div class="col-1"></div>
<div class="col-6">
<div class="row">
<div class="col-5">
<div class="card bg-w-rnd" style="width: 18rem;">
<img class="card-img-top" src="./assets/workers-at-advert-agency-P9MBNPB.png" alt="Card image cap">
<div class="card-body">
<span class="badge badge-pill badge-info text-uppercase">Learning by doing</span>
<p class="card-text mt-3">"Nedostatok kvalifikovanej pracovnej sily"</p>
</div>
</div>
</div>
<div class="col pulled-back">
<div class="card bg-w-rnd" style="width: 18rem;">
<img class="card-img-top" src="./assets/02.png" alt="Card image cap">
<div class="card-body">
<span class="badge badge-pill badge-success text-uppercase">Sharing know-how</span>
<p class="card-text mt-3">"Lorem Ipsum dolor sit amet"</p>
</div>
</div>
<div class="card bg-w-rnd mt-75" style="width: 18rem;">
<img class="card-img-top" src="./assets/03.png" alt="Card image cap">
<div class="card-body">
<span class="badge badge-pill badge-dark text-uppercase">Talent accelerating</span>
<p class="card-text mt-3">"Lorem Ipsum dolor sit amet"</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid" id="grisi">
<div class="row justify-content-md-center">
<div class="col col-lg-4 slider-left">
<img src="./assets/grisi.png" class="img-grisi" alt="">
<img src="./assets/podpisy.png" class="img-podpisy" alt="">
</div>
<div class="col col-lg-6 slider-right">
<h6 class="mb-3">ZAKLADAJUCI CLEN</h6>
<h2 class="mb-5">Everything is possible</h2>
<p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam dignissimos eius et fuga id illo itaque, maiores nesciunt numquam, omnis quaerat quas quia quis quod, tempore temporibus tenetur ullam ut!</p>
</div>
</div>
</div>
</body>
</html>