-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfarba4.html
105 lines (95 loc) · 4.01 KB
/
farba4.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
<!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">
</head>
<body>
<ul>
<div class="tocenter">
<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>
</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="magnat4.jpg" width="300" height="200" align="left">
<table>
<tr>
<td>Nazwa</td>
<td>Kolor</td>
<td>Pojemność <br>(w l)</td>
<td>Cena</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>
</tr>
<tr>
<td>Magnat</td>
<td>Czarny (matowy)</td>
<td>25</td>
<td>4 zł/litr, 100 zł/sztuka</td>
<td>3</td>
<td>12</td>
<td>30</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>
<script>
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
animationEnabled: true,
theme: "light3",
title:{
text: "Ilość sprzedanej farby Magnat: Delikatny Bronzyt w roku 2018"
},
axisY:{
includeZero: false
},
data: [{
type: "line",
dataPoints: [
{label: "styczeń", y: 11 },
{label: "luty", y: 26},
{label: "marzec", y: 101, indexLabel: "najwięcej",markerColor: "green", markerType: "triangle", markerSize: 15 },
{label: "kwiecień", y: 84 },
{label: "maj", y: 73 },
{label: "czerwiec", y: 55 },
{label: "lipiec", y: 54 },
{label: "sierpień", y: 41 },
{label: "wrzesień", y: 10 , indexLabel: "najmniej",markerColor: "red", markerType: "cross" },
{label: "październik", y: 43 },
{label: "listopad", y: 20 },
{label: "grudzień", y: 99 }
]
}]
});
chart.render();
}
</script>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</body>
</html>