Skip to content

Commit 243559d

Browse files
committed
lab2 done
Not perfect but still
1 parent c1a9d2c commit 243559d

36 files changed

+1618
-0
lines changed

lab2/zad10/index.html

Lines changed: 149 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,149 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<link rel="stylesheet" href="style.css">
9+
<title>Document</title>
10+
</head>
11+
12+
<body>
13+
14+
<main>
15+
<div class="card-container">
16+
<div class="card-inside">
17+
<div class="card-front">
18+
19+
<div class="card-front-header">
20+
<img src="landscape1.jpg" alt="">
21+
<div class="card-front-title">
22+
<p class="card-front-title-text">POLECANA</p>
23+
<p class="card-front-title-text">WYCIECZKA</p>
24+
</div>
25+
<div class="img-cut">
26+
27+
</div>
28+
</div>
29+
<div class="card-front-desc">
30+
<div class="card-front-desc-item">3 dniowa wycieczka</div>
31+
<div class="card-front-desc-line"></div>
32+
<div class="card-front-desc-item">max 30 osob</div>
33+
<div class="card-front-desc-line"></div>
34+
<div class="card-front-desc-item">super wrazenia</div>
35+
<div class="card-front-desc-line"></div>
36+
<div class="card-front-desc-item">Hotel ****</div>
37+
<div class="card-front-desc-line"></div>
38+
<div class="card-front-desc-item">Trudnosc wycieczki: łatwa</div>
39+
</div>
40+
41+
42+
43+
</div>
44+
<div class="card-back">
45+
<div class="card-back-container">
46+
<div class="card-back-text">TYLKO</div>
47+
<div class="card-back-price">1500 zł</div>
48+
<a href="#">
49+
<div class="card-back-book">ZAREZERWUJ!</div>
50+
</a>
51+
</div>
52+
</div>
53+
</div>
54+
55+
56+
</div>
57+
58+
<div class="card-container" id="card2">
59+
<div class="card-inside">
60+
<div class="card-front">
61+
62+
<div class="card-front-header">
63+
<img src="landscape3.jpg" alt="">
64+
<div class="card-front-title">
65+
<p class="card-front-title-text">DRUGA</p>
66+
<p class="card-front-title-text">WYCIECZKA</p>
67+
</div>
68+
<div class="img-cut">
69+
70+
</div>
71+
</div>
72+
<div class="card-front-desc">
73+
<div class="card-front-desc-item">5 dniowa wycieczka</div>
74+
<div class="card-front-desc-line"></div>
75+
<div class="card-front-desc-item">max 10 osob</div>
76+
<div class="card-front-desc-line"></div>
77+
<div class="card-front-desc-item">ogólnie lipa</div>
78+
<div class="card-front-desc-line"></div>
79+
<div class="card-front-desc-item">Hotel **</div>
80+
<div class="card-front-desc-line"></div>
81+
<div class="card-front-desc-item">Trudnosc wycieczki: średnia</div>
82+
</div>
83+
84+
85+
86+
</div>
87+
<div class="card-back">
88+
<div class="card-back-container">
89+
<div class="card-back-text">TYLKO</div>
90+
<div class="card-back-price">3200 zł</div>
91+
<a href="#">
92+
<div class="card-back-book">ZAREZERWUJ!</div>
93+
</a>
94+
</div>
95+
</div>
96+
</div>
97+
98+
99+
</div>
100+
101+
<div class="card-container" id="card3">
102+
<div class="card-inside">
103+
<div class="card-front">
104+
105+
<div class="card-front-header">
106+
<img src="landscape2.jpg" alt="">
107+
<div class="card-front-title">
108+
<p class="card-front-title-text">TRZECIA</p>
109+
<p class="card-front-title-text">WYCIECZKA</p>
110+
</div>
111+
<div class="img-cut">
112+
113+
</div>
114+
</div>
115+
<div class="card-front-desc">
116+
<div class="card-front-desc-item">10 dniowa wycieczka</div>
117+
<div class="card-front-desc-line"></div>
118+
<div class="card-front-desc-item">max 50 osob</div>
119+
<div class="card-front-desc-line"></div>
120+
<div class="card-front-desc-item">super!!</div>
121+
<div class="card-front-desc-line"></div>
122+
<div class="card-front-desc-item">Hotel *</div>
123+
<div class="card-front-desc-line"></div>
124+
<div class="card-front-desc-item">Trudnosc wycieczki: extremalna</div>
125+
</div>
126+
127+
128+
129+
</div>
130+
<div class="card-back">
131+
<div class="card-back-container">
132+
<div class="card-back-text">TYLKO</div>
133+
<div class="card-back-price">2137 zł</div>
134+
<a href="#">
135+
<div class="card-back-book">ZAREZERWUJ!</div>
136+
</a>
137+
</div>
138+
</div>
139+
</div>
140+
141+
142+
</div>
143+
</main>
144+
145+
146+
147+
</body>
148+
149+
</html>

lab2/zad10/landscape1.jpg

14.2 KB
Loading

lab2/zad10/landscape2.jpg

15.9 KB
Loading

lab2/zad10/landscape3.jpg

15.3 KB
Loading

0 commit comments

Comments
 (0)