-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
64 lines (53 loc) · 3.01 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
<!DOCTYPE html>
<html>
<title>Splode Lab</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-black.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="six-foot-games.css">
<script src='app.js'></script>
<body>
<!-- Side Navigation -->
<nav class="w3-sidebar w3-bar-block w3-card w3-animate-left" style="display:none" id="mySidebar">
<button id="button-right" onclick="w3_close()">
<i class="fa fa-remove" ></i>
</button>
<div class="help-menu">
<a href="ComposerHelp.html" class="w3-bar-item w3-button w3-center">Composer Help</a>
<a href="EditorHelp.html" class="w3-bar-item w3-button w3-center">Editor Help</a>
<a href="TextEditorHelp.html" class="w3-bar-item w3-button w3-center">Text Editor Help</a>
</div>
</nav>
<!-- Header -->
<header class="w3-container w3-theme w3-padding w3-right-align" id="myHeader">
<i onclick="w3_open()" class="fa fa-bars w3-xlarge w3-button w3-theme "></i>
</header>
<div class='content'>
<div class="w3-center">
<div class="w3-padding-32">
<!-- <iframe style="width:90%; height:45vw" src="https://www.youtube.com/embed/qykASdxv8XQ?autoplay=1&loop=1&playlist=qykASdxv8XQ&controls=0" frameborder="0" ></iframe> -->
<iframe style="width:90%; height:45vw" src="https://www.youtube.com/embed/qykASdxv8XQ?autoplay=1&controls=0" frameborder="0" ></iframe>
<div class="download-center">
<a href="https://itunes.apple.com/us/app/splode-lab-ex/id1275951874?ls=1&mt=8?showinfo=0">
<img src="images/download_on_the_app_store_badge_us-uk_135x40.svg" width="20%" height="auto"> </a>
</div>
<div class="w3-padding-32">
<span>Imagine</span><span class='padding'>Create</span><span>Share</span>
</div>
<p>Create dynamic visual effects on your iOS device <br>with Splode Lab. <br>Tons of control, tons of options, tons of fun. <br>Draw with fire. Tap to explode<br>Create mind blowing displays. <br>Put your headphones on and make some Splode!</p>
</div>
</div>
</div>
<!-- Footer -->
<footer class='footer'>
<ul>
<li><a href="https://www.youtube.com/channel/UCHk6P_hwPrBYFRPMgERKoww" target="_blank"> <img class="icon" src="images/youtubedark.png" alt="" height="20px" width="auto" /></a></li>
<li><a href="https://www.instagram.com/splodelab/" target="_blank"> <img class="icon" src="images/instagram.png" alt="" height="25px" width="auto" /></a></li>
<li><a href="https://www.facebook.com/splodelab/" target="_blank"> <img class="icon" src="images/flogo-RGB-HEX-Blk-512.png" alt="" height="25px" width="auto" /></a></li>
<li><a href="https://splodelab.tumblr.com" target="_blank"> <img class="icon" src="images/Tumblr_Logos_2018.03.06_iOS Icon Black.png" alt="" height="25px" width="auto" /></a></li>
</ul>
</footer>
</body>
</html>