-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
206 lines (183 loc) · 9.97 KB
/
Copy pathindex.html
File metadata and controls
206 lines (183 loc) · 9.97 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="stylesheet" href="./assets/fonts/themify-icons/themify-icons.css">
</head>
<body>
<div id="main">
<div id="header">
<!-- Begin Nav -->
<ul id="nav">
<li><a href=""><img src="./assets/img/game-icon/ac-icon.png" alt=""></a></li>
<li><a href="">Store</a></li>
<li>
<a href="">
Game Info
<i class="nav-arrow ti-angle-down"></i>
</a>
<ul class="subnav">
<li><a href="">Overview</a></li>
<li><a href="">History</a></li>
</ul>
</li>
<li><a href="">Uplay Points</a></li>
<li><a href="">PC Games</a></li>
<li>
<a href="#" onclick="return false;">
More
<i class="nav-arrow ti-angle-down"></i>
</a>
<ul class="subnav">
<li><a href="">Playstation Games</a></li>
<li><a href="">Xbox Games</a></li>
<li><a href="">Nintendo Games</a></li>
</ul>
</li>
</ul>
<!-- End Nav -->
<!-- Begin Search -->
<div class="search">
<i class="search-button ti-search"></i>
</div>
<!-- End Search -->
</div>
<div id="slider">
<div class="text-content">
<img src="./assets/img/game-icon/ac-mirage-icon.png" alt="" class="text-icon">
<!-- <h2 class="text-heading">Assassin's Creed</h2>
<h2 class="text-heading 2">Mirage</h2> -->
<div class="text-description">Assassin's Creed Mirage is an action-adventure stealth game intended to be reminiscent of older Assassin's Creed titles, being more linear and story-focused and reducing the number of role-playing elements present in recent installments of the series. Parkour, close-quarter combat, and stealth are core elements of the gameplay. For assassination missions, Mirage adopts the "Black Box" design previously seen in Assassin's Creed Unity and Assassin's Creed Syndicate, where players have to explore the environment to find different ways to reach and eliminate their targets.</div>
</div>
</div>
<div id="container">
<div id="content">
<!-- About section -->
<div class="content-section">
<h2 class="section-heading">
Overview
</h2>
<p class="section-sub-heading">
Assassin's Creed
</p>
<p class="about">Assassin's Creed is an open-world, action-adventure, and stealth game franchise published by Ubisoft and developed mainly by its studio Ubisoft Montreal using the game engine Anvil and its more advanced derivatives. Created by Patrice Désilets, Jade Raymond, and Corey May, the Assassin's Creed video game series depicts a fictional millennia-old struggle between the Order of Assassins, who fight for peace and free will, and the Knights Templar, who desire peace through order and control. The series features historical fiction, science fiction, and fictional characters intertwined with real-world historical events and historical figures. In most games, players control a historical Assassin while also playing as an Assassin Initiate or someone caught in the Assassin–Templar conflict in the present-day framing story. Considered a spiritual successor to the Prince of Persia series, Assassin's Creed took inspiration from the novel Alamut by the Slovenian writer Vladimir Bartol, based on the historical Hashashin sect of the medieval Middle East.</p>
<div class="member-list">
<div class="member-item">
<div class="member-name">
Patrice Désilets
</div>
<img src="./assets/img/team/patrice.png" alt="" class="member-img">
</div>
<div class="member-item">
<div class="member-name">
Jade Raymond
</div>
<img src="./assets/img/team/jade.jpg" alt="" class="member-img">
</div>
<div class="member-item">
<div class="member-name">
Corey May
</div>
<img src="./assets/img/team/corey.jpg" alt="" class="member-img">
</div>
<div class="clear"></div>
</div>
</div>
<!-- Tourr section -->
<div class="buy-section">
<div class="content-section">
<h2 class="section-heading text-white">
Pre-Order
</h2>
<p class="section-sub-heading text-white">
Assassin's Creed
</p>
<!-- Pre-Order -->
<ul class="game-list">
<li>Assassin's Creed Mirage <span class="sold-out">Nearly Sold Out</span></li>
<li>Assassin's Creed Codename Jade <span class="sold-out">Nearly Sold Out</span></li>
<li>Assassin's Creed Codename Red <span class="quantity">13402</span></li>
</ul>
<!-- Game to Order -->
<div class="place-list">
<div class="place-item">
<img src="./assets/img/pre-order/mirage.jpg" alt="" class="place-img">
<div class="place-body">
<h3 class="place-heading">Mirage</h3>
<p class="place-time">October 12, 2023</p>
<p class="place-des">PC players can find Mirage in the Ubisoft Connect and Epic Games stores.</p>
<a href="#" class="place-buy-button">Pre-Order</a>
</div>
</div>
<div class="place-item">
<img src="./assets/img/pre-order/codename jade.jpg" alt="" class="place-img">
<div class="place-body">
<h3 class="place-heading">Codename Jade</h3>
<p class="place-time">Early 2024</p>
<p class="place-des">The first closed beta test for Codename Jade will be held between August 3 - 11, 2023.</p>
<a href="#" class="place-buy-button">Pre-Order</a>
</div>
</div>
<div class="place-item">
<img src="./assets/img/pre-order/codename red.jpg" alt="" class="place-img">
<div class="place-body">
<h3 class="place-heading">Codename Red</h3>
<p class="place-time">Some time in 2024</p>
<p class="place-des">Set in Feudal Japan, the game was described by Ubisoft as a “powerful shinobi fantasy”.</p>
<a href="#" class="place-buy-button">Pre-Order</a>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="content-section">
<h2 class="section-heading">
Contact
</h2>
<p class="section-sub-heading">
Assassin's Creed
</p>
</div>
</div>
</div>
<div id="footer">
</div>
<!-- MODAL -->
<div class="modal">
<div class="modal-container">
<div class="modal-close">
<i class="ti-close"></i>
</div>
<header class="modal-header">
<i class="modal-heading-icon ti-bag"></i>
Tickets
</header>
<div class="modal-body">
<!-- label for: only id -->
<label for="ticket-quantity" class="modal-label">
<i class="ti-shopping-cart"></i>
Tickets, $15 per person
</label>
<input id="ticket-quantity" type="text" class="modal-input" placeholder="How many?">
<label for="ticket-email" class="modal-label">
<i class="ti-user"></i>
Send to
</label>
<input id="ticket-email" type="email" class="modal-input" placeholder="Enter email...">
<button id="buy-tickets">
Pay
<i class="ti-check"></i>
</button>
</div>
<footer class="modal-footer">
<p class="modal-help">Need <a href="">help?</a></p>
</footer>
</div>
</div>
</div>
</body>
</html>