-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
231 lines (209 loc) · 9.97 KB
/
index.php
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
<!DOCTYPE html>
<html lang="pl">
<head>
<title>Projekt Farby</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles/bootstrap4/bootstrap.min.css">
<link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="styles/main_styles.css">
<link rel="stylesheet" type="text/css" href="styles/responsive.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.theme.default.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/animate.css">
</head>
<body>
<div class="super_container">
<header class="header">
<div class="header_container_logreg">
<div class="container">
<div class="row">
<div class="col">
<nav class="main_nav">
<ul>
<li>
<li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#" onclick="openForm()">Logowanie <i class="fa fa-user"></i></a></li>
<div class="form-popup" id="myForm">
<form action="/action_page.php" class="form-container">
<h3>Zaloguj się</h3>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Twój Email" name="email" required>
<label for="psw"><b>Hasło</b></label>
<input type="password" placeholder="Podaj hasło" name="psw" required>
<button type="submit" class="btn">Zaloguj</button>
<button type="button" class="btn cancel" onclick="closeForm()">Zamknij</button>
</form>
</div>
<li><a href="index.php">Rejestracja <i class="fa fa-users"></i></a></li>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="header_container">
<div class="container">
<div class="row">
<div class="col">
<div class="header_content d-flex flex-row align-items-center justify-content-start">
<div class="logo"><a href="index">projektfarby</a></div>
<nav class="main_nav">
<ul>
<li><a href="index">Home</a></li>
<li class="hassubs">
<a href="kategorie">Kategorie</a>
<ul>
<li><a href="farby">Farby do ścian i sufitow</a></li>
<li><a href="drewno">Środki do drewna</a></li>
<li><a href="podloze">Przygotowanie podłoża</a></li>
<li><a href="akcesoria">Pędzle i akcesoria malarskie</a></li>
</ul>
</li>
<li><a href="#">O firmie</a></li>
<li><a href="kontakt">Kontakt</a></li>
</ul>
</nav>
<div class="header_extra ml-auto">
<div class="shopping_cart">
<a href="koszyk">
<div>Koszyk <span>(0)</span></div>
</a>
</div>
<div class="search">
<div>Szukaj...</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!--slider-->
<div class="home">
<div class="home_slider_container">
<div class="owl-carousel owl-theme home_slider">
<div class="owl-item home_slider_item">
<div class="home_slider_background" style="background-image:url(images/home_slider_1.jpg)"></div>
<div class="home_slider_content_container">
<div class="container">
<div class="row">
<div class="col">
<div class="home_slider_content" data-animation-in="fadeIn" data-animation-out="animate-out fadeOut">
<div class="home_slider_title">#projektfarby.1</div>
<div class="home_slider_subtitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a ultricies metus. Sed nec molestie eros. Sed viverra velit venenatis fermentum luctus.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-item home_slider_item">
<div class="home_slider_background" style="background-image:url(images/home_slider_2.jpg)"></div>
<div class="home_slider_content_container">
<div class="container">
<div class="row">
<div class="col">
<div class="home_slider_content" data-animation-in="fadeIn" data-animation-out="animate-out fadeOut">
<div class="home_slider_title">#projektfarby.2</div>
<div class="home_slider_subtitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a ultricies metus. Sed nec molestie eros. Sed viverra velit venenatis fermentum luctus.</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="owl-item home_slider_item">
<div class="home_slider_background" style="background-image:url(images/home_slider_3.jpg)"></div>
<div class="home_slider_content_container">
<div class="container">
<div class="row">
<div class="col">
<div class="home_slider_content" data-animation-in="fadeIn" data-animation-out="animate-out fadeOut">
<div class="home_slider_title">#projektfarby.3<i class="fa-var-dot-circle-o"></i></div>
<div class="home_slider_subtitle">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a ultricies metus. Sed nec molestie eros. Sed viverra velit venenatis fermentum luctus.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="home_slider_dots_container">
<div class="container">
<div class="row">
<div class="col">
<div class="home_slider_dots">
<ul id="home_slider_custom_dots" class="home_slider_custom_dots">
<li class="home_slider_custom_dot active"><i class="fa fa-dot-circle-o"></i></i></li>
<li class="home_slider_custom_dot"><i class="fa fa-dot-circle-o"></i></li>
<li class="home_slider_custom_dot"><i class="fa fa-dot-circle-o"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="home">
<div class="container">
<div class="row">
<div class="col">
<div class="space">
<div class="space_text">Lorem ipsum tomek daniel adrian dolor sit amet, consectetur adipiscing elit. Donec nisi quam, porttitor vitae mi sit amet, tincidunt sagittis nunc. Quisque in nunc faucibus felis pretium laoreet. Cras porttitor orci vitae leo viverra, viverra sagittis risus dapibus. Fusce sodales congue lectus, non rhoncus arcu hendrerit vel. Integer tempor lacus in augue bibendum consectetur. Phasellus quis efficitur ante, eget commodo velit. Sed ut tempor nibh, at pellentesque metus. Aenean rhoncus dui lorem, ullamcorper gravida risus mattis at.
Aenean vitae posuere enim, sit amet rutrum sem. Sed tempus pellentesque leo, sit amet lacinia nibh varius vel. Pellentesque rhoncus volutpat nunc nec accumsan. Curabitur ut sapien eget orci volutpat maximus eu ac elit. Nam ac semper quam. Vivamus eu tincidunt nulla. Nulla placerat a dui et cursus.
Proin facilisis tortor erat, non eleifend nisi aliquam sed. Donec non finibus arcu, sed tincidunt elit. Phasellus at placerat quam. Duis dictum finibus ultricies. Morbi vitae luctus mi, id luctus sapien. Aliquam erat volutpat. Quisque ut libero lacinia, pulvinar tortor quis, ultrices massa. Pellentesque vitae massa sit amet sem euismod ornare quis eu odio. Suspendisse iaculis tincidunt diam, commodo sollicitudin tellus. Nam consequat odio urna, eu dapibus ligula hendrerit sed. Proin porttitor rhoncus turpis, pulvinar malesuada arcu dictum vitae. Sed quam quam, lacinia sed malesuada ac, aliquet non tortor.
<br>
<br>
<?php
include 'php/baza.php';
?>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer_overlay"></div>
<footer class="footer">
<div class="footer_background" style="background-image:url(images/footer2.jpg)"></div>
<div class="container">
<div class="row">
<div class="col">
<div class="footer_content d-flex flex-lg-row flex-column align-items-center justify-content-lg-start justify-content-center">
<div class="footer_logo">#farbyteam<a href="#"></a></div>
<div class="copyright ml-auto mr-auto">Prosimy kupować jak najwięcej farb, bo nie starczy nam na warunki. Z góry dziękujemy - projektfarby team 2018</div>
<div class="footer_social ml-lg-auto">
<ul>
<li><a href="#"><i class="fa fa-pinterest" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/custom.js"></script>
<script src="plugins/OwlCarousel2-2.2.1/owl.carousel.js"></script>
<script>
function openForm() {
document.getElementById("myForm").style.display = "block";
}
function closeForm() {
document.getElementById("myForm").style.display = "none";
}
</script>
</div>
</body>
</html>