-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (131 loc) · 8.77 KB
/
index.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
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
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,900&subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="container">
<div class="logo">
<img src="img/logo.png" alt="">
</div>
<div class="row big-row row-1">
<div style="background-image: url(https://cdn1-www.superherohype.com/assets/uploads/2018/10/Marvel-Cinematic-Universe-Heroes.jpg);"
class="box box-bigger"><span>The Avengers: Infinity War</span><b class="time">2h34m</b>
<div class="desc">
<p>Potężny Thanos zbiera Kamienie Nieskończoności w celu narzucenia swojej woli wszystkim istnieniom we
wszechświecie. Tylko drużyna superbohaterów znanych jako Avengers może go powstrzymać. </p>
<p>Nie jestem orłem z matematyki, ale nawet ja wiem, że przy osiemnastu filmach, blisko trzydziestu wiodących
postaciach, dwudziestoletnim planie biznesowym oraz czternastu miliardach dolarów przychodu, oczekiwania
widzów stają się policzalne. Na szczęście bracia Joe i Anthony Russo – reżyserzy, którzy zjedli zęby na
niskobudżetowych produkcjach, a w świat blockbusterów wkroczyli razem z drzwiami i framugą – nie od parady
są gwiazdami kinowego uniwersum Marvela</p>
</div><a href="" class="play"></a>
</div>
<div style="background-image: url(https://serialesrebrnegoekranu.pl/wp-content/uploads/2020/01/How-I-Met-Your-Mother-4-Plakat-sezonu-732x380.jpg);"
class="box"><span>How I met your mother?</span><b class="time">9 seasons</b>
<div class="desc">
<p>Ted, wspominając dawne lata, opowiada dzieciom o swoich przyjaciołach i okolicznościach, w których poznał
ich matkę.</p>
<p>"How I Met Your Mother" to telewizyjny serial komediowy, opowiadający o (nie)szczęśliwych próbach
"zdobycia" odpowiedniej narzeczonej przez Teda (Josh Radnor), głównego bohatera. Poznajemy go w momencie,
kiedy jego najlepszy przyjaciel Marshall, student prawa (Jason Segal), postanawia oświadczyć się swojej
narzeczonej, przedszkolance Lily (Alyson Hannigan). Od tego momentu Ted nie przestaje myśleć o tym, że w
końcu musi się ustatkować, musi znaleźć odpowiednią kobietę</p>
</div><a href="" class="play"></a>
</div>
<div style="background-image: url(http://i0.wp.com/www.dailycal.org/assets/uploads/2016/09/friends.png);" class="box"><span>Friends</span><b
class="time">12 seasons</b>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error soluta nulla accusamus distinctio et vero
sunt asperiores voluptate, voluptatem iure doloremque fugit reiciendis necessitatibus placeat dolorem
mollitia quasi.</p>
</div><a href="" class="play"></a>
</div>
<div style="background-image: url(https://d1ic4altzx8ueg.cloudfront.net/finder-au/wp-uploads/2018/01/The_Office_US.jpg);"
class="box"><span>The Office</span><b class="time">7 seasons</b>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae nam suscipit commodi unde quasi tempore
asperiores at aliquam repellat numquam itaque, delectus fugit voluptatem, perspiciatis eum rem iste fuga
dolore.</p>
</div><a href="" class="play"></a>
</div>
</div>
<div class="row big-row row-2">
<div style="background-image: url(https://gfx.antyradio.pl/var/antyradio/storage/images/film/seriale/postac-z-the-walking-dead-juz-nie-jest-walking-tylko-dead-zobacz-emocjonalne-sceny-z-9-odcinka-8-sezonu-20667/1390124-1-pol-PL/Postac-z-The-Walking-Dead-juz-nie-jest-walking-tylko-dead-.-Zobacz-emocjonalne-sceny-z-9.-odcinka-8.-sezonu_article.jpg);"
class="box"><span>The Walking Dead</span><b class="time">8 seasons</b>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, cupiditate enim esse consectetur nobis
sequi voluptatibus qui numquam beatae eius minima tenetur, vitae ex quidem harum delectus, quae, adipisci
magnam.</p>
</div><a href="" class="play"></a>
</div>
<div style="background-image: url(https://2.bp.blogspot.com/-gEeWOWkX3i0/WcUrIZ1rFKI/AAAAAAAANHo/kz7aeUFrlKMed7G1Te2nM8WZNuNm6sw2ACLcBGAs/w1200-h630-p-k-no-nu/cars3-movie-poster.jpeg);"
class="box"><span>Cars 3</span><b class="time">1h37m</b>
<div class="desc">
<p>Samochód wyścigowy Zygzak McQueen z pomocą młodej trenerki staje do rywalizacji w kolejnym wyścigu.</p>
<p>Auta wracają na ekrany i prują bez opamiętania. A gdy już zajeżdżają do pit-stopu, nie marnują czasu na
błahostki, biorą na warsztat sprawy wagi najcięższej. To nie tylko najlepsza odsłona całej serii i
przeprosiny po nieudanej "dwójce", ale także mądry film o przemijaniu, na które – nawet w świecie
pstrokatych i rozgadanych wyścigówek – nie ma lekarstwa.</p>
</div><a href="" class="play"></a>
</div>
<div style="background-image: url(https://i0.wp.com/seriale.news/wp-content/uploads/2016/08/The-Big-Bang-Theory.jpg?resize=777%2C437);"
class="box"><span>The Big Bang Theory</span><b class="time">9 seasons</b>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident dolorem earum voluptas doloribus eos
voluptatibus ratione placeat eligendi tempore corporis natus veniam adipisci nulla animi blanditiis
necessitatibus quibusdam, illum dolor!</p>
</div><a href="" class="play"></a>
</div>
<div style="background-image: url(https://serialesrebrnegoekranu.pl/wp-content/uploads/2020/01/How-I-Met-Your-Mother-4-Plakat-sezonu-732x380.jpg);"
class="box"><span>How I met your mother?</span><b class="time">9 seasons</b>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa totam, blanditiis! In atque, amet provident
consequatur quaerat maxime quas perferendis aliquam accusamus tempore tempora recusandae! Quo hic illum
aliquam modi!</p>
</div><a href="" class="play"></a>
</div>
</div>
<div class="row big-row row-3">
<div style="background-image: url(http://i0.wp.com/www.dailycal.org/assets/uploads/2016/09/friends.png);" class="box"><span>Friends</span><b
class="time">12 seasons</b>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error soluta nulla accusamus distinctio et vero
sunt asperiores voluptate, voluptatem iure doloremque fugit reiciendis necessitatibus placeat dolorem
mollitia quasi.</p>
</div><a href="" class="play"></a>
</div>
<div style="background-image: url(https://d1ic4altzx8ueg.cloudfront.net/finder-au/wp-uploads/2018/01/The_Office_US.jpg);"
class="box"><span>The Office</span><b class="time">7 seasons</b>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae nam suscipit commodi unde quasi tempore
asperiores at aliquam repellat numquam itaque, delectus fugit voluptatem, perspiciatis eum rem iste fuga
dolore.</p>
</div><a href="" class="play"></a>
</div>
<div style="background-image: url(https://i0.wp.com/seriale.news/wp-content/uploads/2016/08/The-Big-Bang-Theory.jpg?resize=777%2C437);"
class="box"><span>The Big Bang Theory</span><b class="time">11 seasons</b>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis magnam ipsum quae earum consequuntur,
error quidem est quo, necessitatibus sapiente consectetur. Omnis necessitatibus recusandae non provident,
fuga, velit ad esse.</p>
</div><a href="" class="play"></a>
</div>
<div style="background-image: url(https://gbhbl.com/wp-content/uploads/2017/03/maxresdefaultgggg-800x445.jpg);"
class="box"><span>Resident Evil: Final Chapter</span><b class="time">2h11m</b>
<div class="desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error laboriosam consequatur aliquid
perferendis, quisquam facilis quia, possimus quod dicta assumenda. Ratione neque error temporibus molestias
voluptatem? Maxime perspiciatis incidunt odit.</p>
</div><a href="" class="play"></a>
</div>
</div>
<div class="row-4"></div>
</div>
</body>
</html>