-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (93 loc) · 3.64 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="global.css" type="text/css" />
<link rel="stylesheet" href="styles.css" type="text/css" />
<title>Home</title>
</head>
<body class="index-body">
<div class="index-navbar">
<a href="/pages/about-us/index.html"
><img
src="assets/team_images/cat.JPG"
height="50px"
width="50px"
/></a>
<div>
<div class="index-menu-button">
<svg
xmlns="http://www.w3.org/2000/svg"
height="48"
viewBox="0 -960 960 960"
width="48"
>
<path
fill="currentColor"
d="M120-240v-60h720v60H120Zm0-210v-60h720v60H120Zm0-210v-60h720v60H120Z"
/>
</svg>
<!-- <svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path fill="currentColor" d="m249-207-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/></svg> -->
</div>
<div class="index-menu">
<a id="History" href="https://en.wikipedia.org/wiki/Tarot"
>Tarot History</a
>
<!-- help link-->
<a id="Help" href="/pages/instructions/index.html">Help!</a>
<!-- 8-ball page-->
<a
id="8-ball"
href="pages/8-ball-intro/index.html"
>8-ball</a
>
</div>
</div>
</div>
<!-- <tarot-card></tarot-card> -->
<div class="intro-container">
<div class="intro-tarot-cards">
<div class="intro-tarot-card">
<img
src="/assets/img/cards/00-TheFool.png"
alt="The Fool"
/>
</div>
<div class="intro-tarot-card">
<img
src="/assets/img/cards/01-TheMagician.png"
alt="The 01-TheMagician"
/>
</div>
<div class="intro-tarot-card">
<img
src="/assets/img/cards/02-TheHighPriestess.png"
alt="The High Priestess"
/>
</div>
<div class="intro-tarot-card">
<img
src="/assets/img/cards/04-TheEmperor.png"
alt="The Emperor"
/>
</div>
<div class="intro-tarot-card">
<img
src="/assets/img/cards/21-TheWorld.png"
alt="The World"
/>
</div>
</div>
<h1 id="title" class="intro-title">Future Now!</h1>
<a class="intro-tarot-start-button" href="/pages/select-cards/"
>Get Started</a
>
<select id="Language" class="dropdown">
<option value="English">English</option>
<option value="Español">Español</option>
</select>
</div>
</body>
<script type="module" src="index.js"></script>
</html>