-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfilm.html
165 lines (142 loc) · 8.46 KB
/
film.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/film.css">
<title>WEB TEKNOLOJİLERİ</title>
<style>
img:hover {
-ms-transform: scale(1.3); /* IE 9 */
-webkit-transform: scale(1.3); /* Safari 3-8 */
transform: scale(1.3);
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">IMDB TOP10</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="fotoğrafalbümü.html">Fotoğraf Albümü</a>
</li>
<li class="nav-item">
<a class="nav-link" href="iletişim.html">İletişim</a>
</li>
<!--<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
İletişim
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#"></a></li>
<li><a class="dropdown-item" href="#">Ekrem Ankara</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li> -->
<li class="nav-item">
<a class="nav-link disabled">Web Teknolojileri 1.ödevi</a>
</li>
</ul>
</div>
</div>
</nav>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Anasayfa</a></li>
<li class="breadcrumb-item active" aria-current="page">FİLM</li>
</ol>
</nav>
<div class="başlık">
<h1>IMDB TOP 10 MOVİES</h1>
</div>
<div class="gallery">
<a target="_blank" href="images/Esaretin-bedeli.jpg">
<img src="images/Esaretin-bedeli.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">1:ESARETİN BEDELİ</div>
</div>
<div class="gallery">
<a target="_blank" href="images/the_god_father.jpg">
<img src="images/the_god_father.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">2:BABA</div>
</div>
<div class="gallery">
<a target="_blank" href="images/Kara_Şövalye_TR_film_afişi.jpg">
<img src="images/Kara_Şövalye_TR_film_afişi.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">3:BATMAN:KARA ŞOVALYE</div>
</div>
<div class="gallery">
<a target="_blank" href="images/god_father_2.jpg">
<img src="images/god_father_2.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">4:BABA PART2</div>
</div>
<div class="gallery">
<a target="_blank" href="images/12_kızgın_adam.jpg">
<img src="images/12_kızgın_adam.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">5:12 KIZGIN ADAM</div>
</div>
<div class="gallery">
<a target="_blank" href="images/220px-Schindler's_List_movie.jpg">
<img src="images/220px-Schindler's_List_movie.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">6:SHINDLER'IN LİSTESİ</div>
</div>
<div class="gallery">
<a target="_blank" href="images/YüzüklerinEfendisi'KralınDönüşü-film.jpg">
<img src="images/YüzüklerinEfendisi'KralınDönüşü-film.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">7:YÜZÜKLERİN EFENDİSİ:KRALIN DÖNÜŞÜ</div>
</div>
<div class="gallery">
<a target="_blank" href="images/ucuz_roman.jpg">
<img src="images/ucuz_roman.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">8:UCUZ ROMAN</div>
</div>
<div class="gallery">
<a target="_blank" href="images/yüzük kardeşliği.jpg">
<img src="images/yüzük kardeşliği.jpg" alt="Forest" width="800" height="600">
</a>
<div class="desc">9:YÜZÜKLERİN EFENDİSİ:YÜZÜK KARDEŞLİĞİ</div>
</div>
<div class="gallery">
<a target="_blank" href="images/İYİ_KÖTÜ_ÇİRKİN_2.jpg">
<img src="images/İYİ_KÖTÜ_ÇİRKİN_2.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">10:İYİ KÖTÜ ÇİRKİN</div>
</div>
<!--<img class="esaret" src="images/Esaretin-bedeli.jpg" width="250px" class="img-thumbnail" title="ESARETİN BEDELİ" alt="1">
<img class="baba1" src="images/the_god_father.jpg" class="img-thumbnail" title="THE GOD FATHER" alt="...">
<img class="kara" src="images/Kara_Şövalye_TR_film_afişi.jpg" class="img-thumbnail" title="BATMAN:KARA ŞOVALYE" alt="...">
<img class="baba2" src="images/god_father_2.jpg" class="img-thumbnail" title="THE GOD FATHER:PART2" alt="...">
<img class="kızgın " src="images/12_kızgın_adam.jpg" class="img-thumbnail" title="12 KIZGIN ADAM" alt="...">
<img class="liste" src="images/220px-Schindler's_List_movie.jpg" class="img-thumbnail" title="SCHİNDLER'IN LİSTESİ" alt="...">
<img class="yüzük1" src="images/YüzüklerinEfendisi'KralınDönüşü-film.jpg" class="img-thumbnail" title="YÜZÜKLERİN EFENDİSİ:KRALIN DÖNÜŞÜ" alt="...">
<img class="ucuz" src="images/ucuz_roman.jpg" class="img-thumbnail" title="UCUZ ROMAN" alt="...">
<img class="yüzük2" src="images/yüzük kardeşliği.jpg" class="img-thumbnail" title="YÜZÜKLERİN EFENDİSİ:YÜZÜK KARDEŞLİĞİ" alt="...">
<img class="iyikötü" src="images/İYİ_KÖTÜ_ÇİRKİN_2.jpg" class="img-thumbnail" title="İYİ KÖTÜ ÇİRKİN" alt="...">-->
<!--<div class="card" style="width: 18rem;">
<img src="images/Esaretin-bedeli.jpg" class="card-img-top" alt=".">
<div class="card-body">
<h5 class="card-title">Esaretin Bedeli</h5>
<p class="card-text">Esaretin Bedeli, Andy ve Red isimli iki mahkumun parmaklıklar ardında kurdukları dünyanın hikayesini anlatıyor. Andy Dufresne, genç ve başarılı bir bankerdir. Karısını ve karısının sevgilisini öldürmek suçundan yargılanır ve ömür boyu hapis cezası alır. Shawsank Hapishanesi'nde dayak, işkence, tecavüz, her türlü durum yaşanmaktadır fakat Andy gene de hayata bağlı ve iyimserdir. Bu tutumu etrafındakileri de etkiler. Andy umutlu bakış açısıyla çevresindeki tüm mahkumları, parmaklıklar arkasında bile özgür bir yaşam olabileceğine inandırır. Andy'nin bu çabalarına ortak olacak bir arkadaşı da olacaktır: Red.Bir Stephen King uyarlaması olan filmde Morgan Freeman ve Tim Robbins başrolde. Film, 1995'te, aralarında en iyi film adaylığı da olmak üzere tam 7 dalda Oscar'a aday gösterildi.</p>
</div>
</div>-->
<div class="harita">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1270.776051871218!2d30.350070913228056!3d40.75250783173326!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14ccb31b44a84997%3A0x8f73cf330f6cba09!2sSabiha%20Rezidans!5e0!3m2!1str!2str!4v1671213608159!5m2!1str!2str" width="300" height="225" style="border:0;" allowfullscreen="" loading="lazy" Align="bottom" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</body>
</html>