-
Notifications
You must be signed in to change notification settings - Fork 0
/
rolunk.html
162 lines (160 loc) · 7.69 KB
/
rolunk.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<!-- Bootstrap CSS -->
<link href="lib/bootstrap/bootstrap.css" rel="stylesheet"/>
<title>Fizu.hu | Rolunk</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
<div class="container-fluid">
<a class="navbar-brand fizu" href="#">fizu.hu</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Fooldal</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kedvenc-stat.html">Kedvenc statisztikaink</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kerdoivek.html">Kerdoivek</a>
</li>
<li class="nav-item active">
<a class="nav-link active" href="rolunk.html">Rolunk</a>
</li>
<li class="nav-item dropdown me-5">
<a class="nav-link dropdown-toggle me-5" href="#" id="navbarDropdownMenuLink" role="button"
data-bs-toggle="dropdown" aria-expanded="false">Profil
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="#">Profilom</a></li>
<li><a class="dropdown-item" href="#">Fizu terkep</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Kijelentkezes</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid bg-light jumboKont mb-5">
<div class="container jumbo pt-5">
<h1>Mennyit keresnek, ha...</h1>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, totam!</p>
<a href="#" class="btn btn-green btn-lg" role="button" aria-disabled="true">Tovabb a kerdoivekre!</a>
</div>
</div>
<section>
<div class="container">
<div class="row my-5 text-justify">
<div class="col-12 col-lg-6 my-auto">
<h3 class="mb-4">Celunk</h3>
<p class=" mb-5 mb-lg-0 pe-lg-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci
alias assumenda culpa cumque dignissimos doloribus dolorum excepturi fuga fugiat fugit illo magnam
magni minima minus molestias neque nulla omnis possimus quasi quibusdam quis quod repudiandae rerum
sapiente, similique. Assumenda eum modi molestias mollitia natus nostrum voluptates. Nisi numquam
vero voluptatibus.</p>
</div>
<div class="col-12 col-lg-6">
<img src="img/O70K6L0.jpg" alt="cel" class="img-fluid">
</div>
</div>
</div>
</section>
<section class="bg-green">
<div class="container text-center py-5">
<h3 class="mb-4">Amiben hiszunk</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet animi cum cumque debitis deleniti, dignissimos
dolorem eius error esse facere facilis fugit laboriosam nemo neque nisi praesentium quaerat quisquam quo
ratione repudiandae, saepe sed sit tempore vel vero! Asperiores cum delectus deleniti deserunt, quia
voluptatem.</p>
</div>
</section>
<section>
<div class="container py-5">
<div class="row my-5">
<div class="col-12 mb-5"><h3>Munkatarsaink</h3></div>
<div class="col-10 col-sm-4 col-lg-2">
<img src="img/portrait-1961529_960_720.jpg" alt="Szabo Veronika" class="img-fluid">
</div>
<div class="col-12 col-sm-8 my-auto pt-3 pt-sm-0">
<h4>Szabo Veronika</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, aliqua m assumenda distinctio eum exercitationem hic ipsam iure iusto magni minima nulla, obcaecati praesentium quidem voluptas?</p>
<p class="mb-0">[email protected]</p>
</div>
</div>
<div class="row my-5 justify-content-end">
<div class="col-10 col-sm-4 col-lg-2">
<img src="img/passion-1690965_960_720.jpg" alt="Kiss Roland" class="img-fluid">
</div>
<div class="col-12 col-sm-8 my-auto pt-3 pt-sm-0">
<h4>Kiss Roland</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, aliqua m assumenda distinctio eum exercitationem hic ipsam iure iusto magni minima nulla, obcaecati praesentium quidem voluptas?</p>
<p class="mb-0">[email protected]</p>
</div>
</div>
<div class="row my-5">
<div class="col-10 col-sm-4 col-lg-2">
<img src="img/portrait-2865605_960_720.jpg" alt="Toth Kata" class="img-fluid">
</div>
<div class="col-12 col-sm-8 my-auto pt-3 pt-sm-0">
<h4>Toth Kata</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium, aliqua m assumenda distinctio eum exercitationem hic ipsam iure iusto magni minima nulla, obcaecati praesentium quidem voluptas?</p>
<p class="mb-0">[email protected]</p>
</div>
</div>
</div>
</section>
<footer class="bg-dark text-light pt-5">
<div class="container">
<div class="row py-4">
<div class="col-12 col-lg-4 text-center my-auto">
<a href="index.html" class="fizu">fizu.hu</a>
</div>
<div class="col-12 col-lg-4 text-center">
<ul class="list-unstyled">
<li class="py-2"><a href="#">Hirlevel feliratkozas</a></li>
<li class="py-2"><a href="#">Fooldal</a></li>
<li class="py-2"><a href="kedvenc-stat.html">Kedvenc statisztikaink</a></li>
</ul>
</div>
<div class="col-12 col-lg-4 text-center">
<ul class="list-unstyled">
<li class="py-2"><a href="#">Kerdoiv</a></li>
<li class="py-2"><a href="#">Rolunk</a></li>
<li class="py-2"><a href="#">Fizu terkep</a></li>
</ul>
</div>
</div>
</div>
<div class="container-fluid">
<h1 class="line mb-5">Baratkozzunk</h1>
<div class="text-center">
<a href="https://facebook.com" class="px-2"><img src="img/facebook.svg" alt="" height="40"></a>
<a href="https://twitter.com" class="px-2"><img src="img/twitter.svg" alt="" height="40"></a>
<a href="https://google.com" class="px-2"><img src="img/google.svg" alt="" height="50"></a>
<a href="https://viber.com" class="px-2"><img src="img/viber.svg" alt="" height="40"></a>
</div>
</div>
<div>
<div class="row pt-4">
<div class="col-12 text-center">
<p>fizu.hu 2018 tol</p>
</div>
</div>
</div>
</footer>
<script src="lib/bootstrap/bootstrap.js"></script>
</body>
</html>