forked from AlisterBaroi/elixr
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
214 lines (201 loc) · 7.93 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
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
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html lang="en">
<!-- https://downloadpsd.cc/wp-content/uploads/2018/12/Dark-Portfolio-Website-Template.jpg -->
<!-- pitching session, Block D lvl 4 -->
<!-- page of home, product, about+team, contact -->
<!-- text for about page n contact page -->
<!-- Home: product, explanation of product, features(Done) -->
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css">
<!-- <link rel="stylesheet" href="css/svg-with-js.css"> -->
<title>ELIXR</title>
</head>
<body>
<!-- Showcase & Nav -->
<div id="showcase">
<header>
<nav class="cf">
<ul class="cf">
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li class="hide-on-small">
<a href="#showcase">Elixr</a>
</li>
<!-- <li>
<a href="#gift-cards">Gift Cards</a>
</li> -->
</ul>
</nav>
</header>
<div class="container">
<h1>ELIXR</h1>
<h2>VR | AR | XR Solutions</h2>
<p class="lead hide-on-small">Bringing practicality to Mixed Reality, Virtual Reality, & Augmented Reality
Technology.</p>
<br>
<a href="https://drive.google.com/u/0/uc?id=1ORsW-vApSk8CJfa4p0-rKQFmgXEwdq7-&export=download" class="btn btn-primary mb">Download Elixr</a>
<div class="float-area">
<img src="images/app.png" class="floating-img" alt="my floating image">
<br />
<!-- <span>Flaoting pop corn</span> -->
</div>
</div>
</div>
<!-- Section -->
<section id="" class="section bg-light">
<div class="container">
<h3 style="text-align: center;">Features</h3>
<div class="row">
<!-- Feature 1 -->
<div class="column">
<div class="card" style="box-shadow: none;">
<span style="color: black;">
<i class="fa-solid fa-vr-cardboard fa-10x"></i>
</span>
<div class="container1">
<h2 class="pm">Virtual Experience</h2>
<p class="pm">Experience the virtual world in 3D</p>
</div>
</div>
</div>
<!-- Feature 2 -->
<div class="column">
<div class="card" style="box-shadow: none;">
<span style="color: black;">
<i class="fa-solid fa-cube fa-10x"></i>
<!-- <i class="fa-solid fa-box fa-10x"></i> -->
</span>
<div class="container1">
<h2 class="pm">Increased Interraction</h2>
<p class="pm">Interract with the virtual object</p>
</div>
</div>
</div>
<!-- Feature 3 -->
<div class="column">
<div class="card" style="box-shadow: none;">
<span style="color: black;">
<i class="fa-solid fa-box fa-10x"></i>
<!-- <i class="fa-solid fa-head-side-goggles fa-10x1"></i> -->
</span>
<div class="container1">
<h2 class="pm">Interractive Learning</h2>
<p class="pm">Learn by actively interracting</p>
</div>
</div>
</div>
</div>
</div>
<br>
<hr>
</section>
<section id="contact" class="section bg-light">
<div class="container">
<h3 style="text-align: center;">Example</h3>
<div class="gift-cards">
<!-- <div> -->
<img src="images/demo.png" class="demo" alt="">
<!-- </div> -->
<div>
<p class="lead">
This app is an exemplary app called AR GEOGRAPHY and it will allow children to
interact with every state of Malaysia as they learn the placements and names of
every state. When they look at a state, it should show them its details and then
they can use it to sketch and solve quizzes in classes and more functionalities can
be added if the organization/client asked to do so.
</p>
<a href="https://drive.google.com/u/0/uc?id=1ORsW-vApSk8CJfa4p0-rKQFmgXEwdq7-&export=download" style="margin: 5vh auto;" class="btn btn-secondary">Download Now</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container">
<div class="footer-cols">
<ul>
<li>Shop & Learn</li>
<li>
<a href="#">Music</a>
</li>
<li>
<a href="#">Movies</a>
</li>
<li>
<a href="#">Shows</a>
</li>
<li>
<a href="#">Apps</a>
</li>
<li>
<a href="#">Gift Cards</a>
</li>
</ul>
<ul>
<li>Orange Store</li>
<li>
<a href="#">Find a Store</a>
</li>
<li>
<a href="#">Today at Orange</a>
</li>
<li>
<a href="#">Orange Camp</a>
</li>
<li>
<a href="#">Financing</a>
</li>
<li>
<a href="#">Order Status</a>
</li>
</ul>
<ul>
<li>Education & Business</li>
<li>
<a href="#">Orange & Education</a>
</li>
<li>
<a href="#">Shop For College</a>
</li>
<li>
<a href="#">Orange & Business</a>
</li>
<li>
<a href="#">Shop For Business</a>
</li>
<li>
<a href="#">Jobs</a>
</li>
</ul>
<ul>
<li>About Orange</li>
<li>
<a href="#">Newsroom</a>
</li>
<li>
<a href="#">Orange Leadership</a>
</li>
<li>
<a href="#">Investors</a>
</li>
<li>
<a href="#">Events</a>
</li>
<li>
<a href="#contact">Contact Orange</a>
</li>
</ul>
</div>
</div>
<div class="footer-bottom text-center">
Copyright © 2022 Elixr
</div>
</footer>
<script src="https://kit.fontawesome.com/4365c62310.js" crossorigin="anonymous"></script>
</body>
</html>