Skip to content

Commit bdd7b3f

Browse files
ESA1979ESA1979
committed
first commit
0 parents  commit bdd7b3f

12 files changed

+405
-0
lines changed

‎README.md

288 Bytes

Netflix_Clone

  • HTML, CSS kullanılarak tasarlandı

  • Video tagı kullanıldı

  • Responsive yapı kullanıldı

‎images/ME-en-20240101-popsignuptwoweeks-perspective_alpha_website_small.jpg

111 KB
Loading

‎images/TR-tr-20231120-popsignuptwoweeks-perspective_alpha_website_large (1).jpg

305 KB
Loading

‎images/bg_resim.jpg

305 KB
Loading

‎images/logo1.png

23.7 KB
Loading

‎images/ntflx2.gif

17.9 MB
Loading

‎images/screen (1).gif

6.48 MB
Loading

‎images/video-devices.m4v

260 KB
Binary file not shown.

‎images/video-tv-0819.m4v

264 KB
Binary file not shown.

‎index.html

+172
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,172 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>clone_netflix</title>
7+
<link rel="stylesheet" href="style.css" />
8+
<link rel="shortcut icon" href="images/logo1.png" type="image/x-icon" />
9+
<!-- bs icon -->
10+
<link
11+
rel="stylesheet"
12+
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
13+
/>
14+
</head>
15+
<body>
16+
<div class="main">
17+
<nav>
18+
<span><img src="images/logo1.png" alt="logo" width="53" /></span>
19+
<div>
20+
<button class="btn">Türkçe</button>
21+
<button class="btn btn-red-sm">Oturum Aç</button>
22+
</div>
23+
</nav>
24+
<div class="box"></div>
25+
<div class="hero">
26+
<span>Herkes burada!</span>
27+
<span
28+
>Favori oyuncunuz, en yakın arkadaşınız, karşı komşunuz. Tabii filmin,
29+
dizinin ve belgeselin âlâsı da.</span
30+
>
31+
<span
32+
>İzlemeye hazır mısınız? Üye olmak ya da hesabınıza tekrar ulaşmak
33+
için tek yapmanız gereken e-posta adresinizi girmek.</span
34+
>
35+
<div class="hero-buttons">
36+
<input type="text" placeholder="Email Address" />
37+
<button class="btn btn-red">Başlayın &gt;</button>
38+
</div>
39+
</div>
40+
<div class="seperation"></div>
41+
</div>
42+
43+
<section class="first">
44+
<div>
45+
<span>Televizyonunuzda izleyin</span>
46+
<span
47+
>Akıllı TV, PlayStation, Xbox, Chromecast, Apple TV, Blu-ray
48+
oynatıcılar ve daha fazlasında seyredin.</span
49+
>
50+
</div>
51+
<div class="secImg">
52+
<img
53+
src="https://assets.nflxext.com/ffe/siteui/acquisition/ourStory/fuji/desktop/tv.png"
54+
alt=""
55+
/>
56+
57+
<video src="images/video-tv-0819.m4v" autoplay muted loop></video>
58+
</div>
59+
</section>
60+
<div class="seperation"></div>
61+
62+
<section class="first second">
63+
<div class="secImg">
64+
<img
65+
src="https://assets.nflxext.com/ffe/siteui/acquisition/ourStory/fuji/desktop/mobile-0819.jpg"
66+
alt=""
67+
/>
68+
</div>
69+
<div>
70+
<span>Çevrimdışı izlemek için içerikleri indirin</span>
71+
<span
72+
>En sevdiğiniz içerikleri kolayca kaydedin ve her zaman izleyecek bir
73+
şeyleriniz olsun.</span
74+
>
75+
</div>
76+
</section>
77+
<div class="seperation"></div>
78+
79+
<section class="first third">
80+
<div>
81+
<span>İstediğiniz her yerde izleyin</span>
82+
<span
83+
>Telefonda, tablette, bilgisayarda, televizyonda sınırsız film ve dizi
84+
izleyin.
85+
</span>
86+
</div>
87+
<div class="secImg">
88+
<img
89+
src="https://assets.nflxext.com/ffe/siteui/acquisition/ourStory/fuji/desktop/tv.png"
90+
alt=""
91+
/>
92+
<video src="./images/video-devices.m4v" autoplay loop muted></video>
93+
</div>
94+
</section>
95+
<div class="seperation"></div>
96+
97+
<section class="first second">
98+
<div class="secImg">
99+
<img
100+
src="https://occ-0-2849-3646.1.nflxso.net/dnm/api/v6/19OhWN2dO19C9txTON9tvTFtefw/AAAABVr8nYuAg0xDpXDv0VI9HUoH7r2aGp4TKRCsKNQrMwxzTtr-NlwOHeS8bCI2oeZddmu3nMYr3j9MjYhHyjBASb1FaOGYZNYvPBCL.png?r=54d"
101+
alt=""
102+
/>
103+
</div>
104+
<div>
105+
<span>Çocuklarınız için profiller oluşturun</span>
106+
<span
107+
>Üyeliğinize dâhil olan bu ücretsiz deneyim sayesinde çocuklarınız,
108+
sadece onlara özel bir alanda en sevdikleri karakterlerle maceralara
109+
atılabilir.</span
110+
>
111+
</div>
112+
</section>
113+
<div class="seperation"></div>
114+
115+
<div class="fqa">
116+
<h2>Sıkça Sorulan Sorular</h2>
117+
<div class="faqbox">
118+
<span>Netflix nedir?</span>
119+
<i class="bi bi-plus-lg"></i>
120+
</div>
121+
<div class="faqbox">
122+
<span>Netflix'in maliyeti nedir?</span>
123+
<i class="bi bi-plus-lg"></i>
124+
</div>
125+
<div class="faqbox">
126+
<span>Nerede izleyebilirim?</span>
127+
<i class="bi bi-plus-lg"></i>
128+
</div>
129+
<div class="faqbox">
130+
<span>Nasıl iptal ederim?</span>
131+
<i class="bi bi-plus-lg"></i>
132+
</div>
133+
</div>
134+
<div class="seperation"></div>
135+
136+
<footer>
137+
<div class="questions">
138+
Sorularınız mı var? 0850-390-7444 numaralı telefonu arayın
139+
</div>
140+
<div class="footer">
141+
<div class="footer-item">
142+
<a href="">SSS</a>
143+
<a href="">Yatırımcı İlişkileri </a>
144+
<a href="">Kullanım Koşulları</a>
145+
<a href="">Bize Ulaşın </a>
146+
<a href="">Hesap </a>
147+
</div>
148+
<div class="footer-item">
149+
<a href="">Yardım Merkezi</a>
150+
<a href="">İş İmkanları </a>
151+
<a href="">Gizlilik</a>
152+
<a href="">Hız Testi </a>
153+
<a href="">Medya Merkezi </a>
154+
</div>
155+
<div class="footer-item">
156+
<a href="">Hediye Kartı Kullan</a>
157+
<a href=""> Çerez Tercihleri </a>
158+
<a href="">Yasal Hükümler</a>
159+
<a href="">Hız Testi </a>
160+
<a href="">Medya Merkezi </a>
161+
</div>
162+
<div class="footer-item">
163+
<a href="">İzleme Yolları</a>
164+
<a href=""> Çerez Tercihleri </a>
165+
<a href="">Kurumsal Bilgiler</a>
166+
<a href="">Hız Testi </a>
167+
<a href="">Sadece Netflix'te </a>
168+
</div>
169+
</div>
170+
</footer>
171+
</body>
172+
</html>

‎netflix.gif

17.9 MB
Loading

0 commit comments

Comments
 (0)