-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfarba1.html
76 lines (69 loc) · 3.34 KB
/
farba1.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
</head>
<body>
<ul>
</ul>
<ul>
<li><a href="./index.html">NASZ PROJEKT</a></li>
<li><a href="./contact.html">Kontakt</a></li>
<li><a href="./about.html">O firmie</a></li>
<li class="dropdown">
<a href="javascript:void(0)" class="dropbtn">Oferta</a>
<div class="dropdown-content">
<a href="./farbs.html">Farby</a>
<a href="#">Środki do drewna</a>
<a href="#">Akcesoria malarskie</a>
</div>
</li>
<li><a href="./cart.html">Koszyk</a></li>
</div>
<li><a href="./login.html">Zaloguj się</a></li>
<li><a href="./register.html">Zarejestruj się</a></li>
</div>
</ul>
<img src="magnat1.jpg" width="300" height="200" align="left">
<table>
<tr>
<td>Nazwa</td>
<td>Kolor</td>
<td>Pojemność <br>(w l)</td>
<td>Cena <br>(zł/litr)</td>
<td>Czas wyschnięcia <br>(w h)</td>
<td>Wydajność <br>(w m<sup>2</sup>/l)</td>
<td>Dostępna ilość <br>(w sztukach)</td>
<td>Statystyka</td>
</tr>
<tr>
<td>Magnat</td>
<td>Delikatny Bronzyt</td>
<td>25</td>
<td>4</td>
<td>3</td>
<td>12</td>
<td>30</td>
<td></td>
</tr>
</table>
<div class="desc"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et nunc sit amet mauris viverra rutrum a vitae urna. Quisque accumsan neque sit amet pellentesque viverra. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent ac sodales nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut tempor metus in risus bibendum, at rutrum magna ultricies. Vestibulum a sapien ut ipsum sodales feugiat. Suspendisse ultrices, nulla ac tincidunt sollicitudin, lacus risus cursus tellus, id sagittis massa orci a nibh.
Donec facilisis pulvinar pharetra. Nunc pulvinar leo erat, id rhoncus arcu hendrerit sed. Vestibulum fringilla sem eget ex vulputate, fermentum ultricies nulla dictum. Duis vehicula arcu vitae est feugiat cursus. Sed sit amet consequat diam, sed cursus nibh. Pellentesque finibus leo metus, quis bibendum nulla pulvinar at. Aliquam ac tincidunt mauris. Nam eu mattis orci, vitae dictum enim. In interdum nulla nec nisl facilisis varius. </div>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<script src="./tab.js"></script>
<div class="footer">
<div class="toright">
<li>
<a target="_blank" rel="noopener noreferrer" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
<a target="_blank" rel="noopener noreferrer" href="https://facebook.com/"><i class="fab fa-facebook"></i></a>
<a target="_blank" rel="noopener noreferrer" href="https://instagram.com/"><i class="fab fa-instagram"></i></a>
<a target="_blank" rel="noopener noreferrer" href="https://pinterest.com/"><i class="fab fa-pinterest"></i></a>
</li>
</div>
</div>
</body>
</html>