-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
114 lines (114 loc) · 7.4 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
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MCU TimeLine</title>
<meta name="description" content="MCU Timeline Website and Timeline Chart, updated after every Project">
<meta name="keywords" content="MCU Timeline, Marvel Timeline, Marvel Timeline order, Marvel Timeline Chart">
<meta name ="viewport" content = "width=device-width, intial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" type="images/jpg" href="images/naren_logo.jpg">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<div><img id="studio1" src="images/marvelstudio.png"><img id="studio2" src="images/marvel.png"></div>
<div class="heading">MCU TIMELINE <br><span id="subhead">(Chronology - Movie Order)</span></div>
<div>
<div class="contentdisp">
<select id="phsel">
<option value="" disabled selected>Select a Phase</option>
<option value='1'>Phase 1 (2008-2012)</option>
<option value="2">Phase 2 (2013-2015)</option>
<option value="3">Phase 3 (2016-2019)</option>
<option value="4">Phase 4 (2021-2022)</option>
<option value="5">Phase 5 (2023-2024*)</option>
<option value="cannon">Cannon</option>
</select>
</div>
</div>
<div>
<div class="contentdisp">
<select id="ph1sel" class="hidden">
<option value="" disabled selected>Select a Phase 1 Project</option>
<option value="1">🎥 Iron Man 1</option>
<option value="2">🎥 Incredible Hulk</option>
<option value="3">🎥 Iron Man 2</option>
<option value="4">🎥 Captain America The First Avenger</option>
<option value="5">🎥 Thor</option>
<option value="6">🎥 Avengers</option>
</select>
<select id="ph2sel" class="hidden">
<option value="" disabled selected>Select a Phase 2 Project</option>
<option value="1">🎥 Captain America The Winter Soldier</option>
<option value="2">🎥 Iron Man 3</option>
<option value="3">🎥 Thor Dark World</option>
<option value="4">🎥 Guardians of the Galaxy Vol 1</option>
<option value="5">🎥 Avengers Age of Ultron</option>
<option value="6">🎥 Antman 1</option>
</select>
<select id="ph3sel" class="hidden">
<option value="" disabled selected>Select a Phase 3 Project</option>
<option value="1">🎥 Captain America Civil War</option>
<option value="2">🎥 Spider Man Homecoming</option>
<option value="3">🎥 Doctor Strange</option>
<option value="4">🎥 Guardians of Galaxy Vol 2</option>
<option value="5">🎥 Thor Ragnarok</option>
<option value="6">🎥 Black Panther</option>
<option value="7">🎥 Captain Marvel</option>
<option value="8">🎥 Avengers Infinity War</option>
<option value="9">🎥 Antman and the Wasp</option>
<option value="10">🎥 Avengers Endgame</option>
<option value="11">🎥 Spider Man Far From Home</option>
</select>
<select id="ph4sel" class="hidden">
<option value="" disabled selected>Select a Phase 4 Project</option>
<option value="1">📺 Wandavision</option>
<option value="2">📺 Falcon and Winter Soldier</option>
<option value="3">🎥 Black Widow</option>
<option value="4">🎥 Shang Chi and Legend of Ten Rings</option>
<option value="5">📺 Ms.Marvel</option>
<option value="6">📺 Loki Season 1</option>
<option value="7">🎥 Eternals</option>
<option value="8">🎥 Doctor Strange: Multiverse of Madness</option>
<option value="9">🎥 Black Panther Wakanda Forever</option>
<option value="10">📺 Hawkeye</option>
<option value="11">📺 She Hulk Attorney at Law</option>
<option value="12">📺 Guardians of Galaxy Holiday Special</option>
<option value="13">📺 Werewolf by Night</option>
<option value="14">🎥 Thor Love and Thunder</option>
<option value="15">🎥 Spiderman No Way Home</option>
<option value="16">📺 Moon Knight</option>
<option value="17">📺 What If Season 1</option>
</select>
<select id="ph5sel" class="hidden">
<option value="" disabled selected>Select a Phase 5 Project</option>
<option value="1">🎥 Antman and Wasp Quantamania</option>
<option value="2">📺 Secret Invasion</option>
<option value="3">🎥 Guardians of Galaxy Vol 3</option>
<option value="4">📺 Loki Season 2</option>
<option value="5">🎥 The Marvels</option>
<option value="6">📺 What If Season 2</option>
<option value="7">📺 Echo</option>
<option value="8">🎥 Deadpool and Wolverine</option>
<option value="9">📺 Agatha All Along</option>
<!--<option value="10">🎥 Captain America Brave New World</option>-->
<!--<option value="11">🎥 Thunderbolts*</option>-->
</select>
<select id="cansel" class="hidden">
<option value="" disabled selected>Select a Cannon Project</option>
<option value="1">📺 Agent Carter</option>
<option value="2">📺 I am Groot Season 1</option>
<option value="3">📺 I am Groot Season 2</option>
<option value="4">🎥 Spiderman 1,2,3</option>
<option value="5">🎥 The Amazing Spiderman 1,2</option>
<option value="6">🎥 Venom 1,2</option>
<option value="7">🎥 Fox X-MEN Movies</option>
</select>
</div>
</div>
<div id="hidden2"><button type="reset" id="rest">RESET</button></div>
<div id="lastupd">Last Updated : <a href="projects/AgathaAllAlong.html" target="_blank">AGATHA ALL ALONG</a></div>
<div id="lastupd"><a href="MCU_POSTER_DIAGRAM.svg" target="_blank"><< Complete MCU Timeline Chart >></a></div>
<footer><small>Website by Naren Adharsh</small></footer>
<script src="script.js"></script>
</body>
</html>