-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
55 lines (53 loc) · 2.96 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>IMDb Lite</title>
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="header">
<img class="logo" src="./images/IMDb Rectangle.svg" alt="logo">
<nav class="stroke">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-bookmark-plus-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2 15.5V2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.74.439L8 13.069l-5.26 2.87A.5.5 0 0 1 2 15.5zm6.5-11a.5.5 0 0 0-1 0V6H6a.5.5 0 0 0 0 1h1.5v1.5a.5.5 0 0 0 1 0V7H10a.5.5 0 0 0 0-1H8.5V4.5z"/>
</svg>
Watchlist</a></li>
<li><a href="#">IMDb<span>Pro</span></a></li>
<li><a href="#">Sign in</a></li>
</ul>
</nav>
</div>
<div class="movies">
<h1>Welcome to <span>IMDb</span> Lite!</h1>
<div class="container">
<h2>Breaking Bad</h2>
<a target="_blank" href="https://www.imdb.com/title/tt0903747/"><img src="./images/Breaking Bad.jpg" alt="Breaking Bad photo"></a>
<p>A chemistry teacher diagnosed with inoperable lung cancer turns to manufacturing and selling methamphetamine with a former student in order to secure his family's future.</p>
<a class="btn" href="./details.html">More details</a>
</div>
<hr>
<div class="container">
<h2>Breaking Bad</h2>
<a target="_blank" href="https://www.imdb.com/title/tt0903747/"><img src="./images/265eb60ddb098e964211e1cfc5c787f6_adfafdfc684d9a6c5e90f7d9e584fa82 (1).webp" alt="Breaking Bad photo"></a>
<p>A chemistry teacher diagnosed with inoperable lung cancer turns to manufacturing and selling methamphetamine with a former student in order to secure his family's future.</p>
<a class="btn" href="./details.css">More details</a>
</div>
<hr>
<div class="container">
<h2>Breaking Bad</h2>
<a target="_blank" href="./details.css"><img src="./images/download (1).jpg" alt="Breaking Bad photo"></a>
<p>A chemistry teacher diagnosed with inoperable lung cancer turns to manufacturing and selling methamphetamine with a former student in order to secure his family's future.</p>
<a class="btn" href="./details.css">More details</a>
</div>
</div>
</body>
</html>