-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (93 loc) · 6.12 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
<!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/main.css">
<title>WEB TEKNOLOJİLERİ</title>
</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 active" aria-current="page">Anasayfa</li>
</ol>
</nav>
<div class="başlık">
<h1>FİLM / DİZİ</h1>
</div>
<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="10000">
<a href="film.html">
<img src="images/film.jpg" class="d-block w-100" alt="FİLMLER">
</a>
</div>
<div class="carousel-item" data-bs-interval="2000">
<a href="dizi.html">
<img src="images/breaking_bad.jpg" class="d-block w-100" alt="DİZİLER">
</a>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">önceki</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleInterval" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">sonraki</span>
</button>
</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>-->
</body>
</html>