-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathkoszyk.php
145 lines (137 loc) · 6.84 KB
/
koszyk.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
<!DOCTYPE html>
<html lang="pl">
<head>
<title>Projekt Farby - produkty</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>
<div class="home">
<div class="container">
<div class="row">
<div class="col">
<div class="space">
<div class="space_text"><br>Lorem ipsum 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.</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 src="plugins/Isotope/isotope.pkgd.min.js"></script>
<script>
function openForm() {
document.getElementById("myForm").style.display = "block";
}
function closeForm() {
document.getElementById("myForm").style.display = "none";
}
</script>
</div>
</body>
</html>