-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgot.html
More file actions
123 lines (123 loc) · 8.12 KB
/
Copy pathgot.html
File metadata and controls
123 lines (123 loc) · 8.12 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles&family=Oswald:wght@300&display=swap" rel="stylesheet">
<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=Fuzzy+Bubbles&display=swap" rel="stylesheet">
<link rel="stylesheet" href="got.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="search">
<div class="icon" onclick="show_now();"></div>
<div class="input">
<input type="text" placeholder="Search" id="mysearch">
</div>
<span class="clear" onclick="document.getElementById('mysearch').value = '' "></span>
</div>
<div class="navbar">
<div class="navbar-container">
<div class="logo-container">
<img src="icon/logo.png" class="logo" alt="">
</div>
<div class="profile-container">
<img class="profile-picture" src="icon/profile.jpg" onclick="menuToggle();" alt="">
<div class="profile-text-container">
<span class="profile-text" onclick="menuToggle();">Profile</span>
<i class="fas fa-caret-down" onclick="menuToggle();"></i>
</div>
</div>
</div>
</div>
<div class="sidebar">
<i class="sidebar-icons fas fa-home" onclick="location.href = 'index.html';"></i>
<i class="sidebar-icons fas fa-film" onclick="location.href = 'movies.html';"></i>
<i class="sidebar-icons fas fa-tv" onclick="location.href = 'tv.html';"></i>
<i class="sidebar-icons fas fa-search" onclick="show_now();"></i>
</div>
<div class="container" id="myElement">
<div class="menu">
<ul class="ul">
<li class="li"><img src="icon/user.png" class="user-img" alt=""><a href="#" class="user-txt">My Profile</a></li>
<li class="li"><img src="icon/edit.png" class="user-img" alt=""><a href="#" class="user-txt">Edit Profile</a></li>
<li class="li"><img src="icon/mail.png" class="user-img" alt=""><a href="#" class="user-txt">Inbox</a></li>
<li class="li"><img src="icon/settings.png" class="user-img" alt=""><a href="#" class="user-txt">Settings</a></li>
<li class="li"><img src="icon/logout.png" class="user-img" alt="" onclick="location.href = 'login.html';"><a href="#" class="user-txt" onclick="location.href = 'login.html';">Logout</a></li>
</ul>
</div>
<div class="movie-container">
<div class="coloumn movie-container-wrapper">
<h1 class="movie-name">GAME OF THRONES</h1>
<p class="movie-rating">IMDB 9.2/10 2011 ‧ Drama ‧ 8 seasons</p>
<p class="movie-desc">Game of Thrones is roughly based on the storylines of the A Song of Ice and Fire book series by George R. R. Martin, set in the fictional Seven Kingdoms of Westeros and the continent of Essos. The series follows several simultaneous plot lines. The first story arc follows a war of succession among competing claimants for control of the Iron Throne of the Seven Kingdoms, with other noble families fighting for independence from the throne. The second concerns the exiled scion's actions to reclaim the throne; the third chronicles the threat of the impending winter, as well as the legendary creatures and fierce peoples of the North. Showrunner David Benioff jokingly suggested "The Sopranos in Middle-earth" as Game of Thrones's tagline, referring to its intrigue-filled plot and dark tone in a fantasy setting of magic and dragons.</p>
<p class="cast">Cast: </p>
<div class="movie-casting">
<img src="cast/kith.jpg" class="cast-img" title="Kit Harington" alt="">
<img src="cast/sean.jpg" class="cast-img1" title="Sean Bean" alt="">
<img src="cast/emilia.jpg" class="cast-img1" title="Emilia Clarke" alt="">
<img src="cast/lena.jpg" class="cast-img1" title="Lena Headsy" alt="">
</div>
<p class="platforms-text">Streaming Platforms : </p>
<div class="platforms">
<img src="icon/hotstar.jpg" class="platform-img" title="Disney+ Hotstar" alt="">
</div>
</div>
<div class="coloumn movie-item-img-wrapper">
<img src="img/got2.jpg" class="movie-item-img" alt="">
</div>
</div>
<div class="suggestion-container">
<div class="suggestion-container-wrapper">
<h3 class="suggestion-txt">Suggestions for you</h3>
<div class="movie-list-wrapper">
<div class="movie-list">
<div class="movie-list-item">
<img class="movie-list-item-title" src="img/Interstellar2.jpg" alt="">
<span class="movie-list-item-name">INTERSTELLAR</span>
<p class="movie-list-item-desc">IMDB 8.6/10 2014 Sci-fi/Adventure 2h49m</p>
<button class="movie-list-item-button" onclick="location.href = 'interstellar.html';">DETAILS</button>
</div>
<div class="movie-list-item">
<img class="movie-list-item-title" src="img/tokyo2.jpg" alt="">
<span class="movie-list-item-name">TOKYO GHOUL</span>
<p class="movie-list-item-desc">IMDB 7.8/10 2014 ‧ Horror ‧ 2 seasons</p>
<button class="movie-list-item-button" onclick="location.href = 'tokyo.html';">DETAILS</button>
</div>
<div class="movie-list-item">
<img class="movie-list-item-title" src="img/dark2.jpg" alt="">
<span class="movie-list-item-name">DARK</span>
<p class="movie-list-item-desc">IMDB 8.8 2017 ‧ Sci-fi ‧ 3 seasons</p>
<button class="movie-list-item-button" onclick="location.href = 'dark.html';">DETAILS</button>
</div>
<div class="movie-list-item">
<img class="movie-list-item-title" src="img/naruto2.jpg" alt="">
<span class="movie-list-item-name">NARUTO</span>
<p class="movie-list-item-desc">IMDB 8.3/10 2002 ‧ Action fiction ‧ 9 seasons</p>
<button class="movie-list-item-button" onclick="location.href = 'naruto.html';">DETAILS</button>
</div>
<div class="movie-list-item">
<img class="movie-list-item-title" src="img/breaking2.jpg" alt="">
<span class="movie-list-item-name">BREAKING BAD</span>
<p class="movie-list-item-desc">IMDB 9.4/10 2008 ‧ Drama ‧ 5 seasons</p>
<button class="movie-list-item-button" onclick="location.href = 'bb.html';">DETAILS</button>
</div>
<div class="movie-list-item">
<img class="movie-list-item-title" src="img/money2.jpg" alt="">
<span class="movie-list-item-name">Money Heist</span>
<p class="movie-list-item-desc">IMDB 8.2/10 2017 ‧ Thriller ‧ 5 seasons</p>
<button class="movie-list-item-button" onclick="location.href = 'money.html';">DETAILS</button>
</div>
</div>
<i class="fas fa-chevron-right arrow"></i>
</div>
</div>
</div>
</div>
<script src="dune.js"></script>
</body>
</html>