-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (119 loc) · 5.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<title>Qubed Q3 - Q3 Industries</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'
media="screen,projection"/>
<link href="css/materialize.min.css" type="text/css" rel="stylesheet"
media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet"
media="screen,projection"/>
<link href="css/video.css" type="text/css" rel="stylesheet"
media="screen,projection"/>
</head>
<body class="black">
<div style="font-family:Michroma" id="index-banner" class="parallax-container text-overlay-example section no-pad-bot">
<div class="outer-wrap">
<div id="video-wrap" class="video-wrap ">
<video preload="metadata" autoplay loop id="my-video">
<source src="https://puu.sh/kYass/81b4412bed.webm" type="video/webm">
</video>
<div class="content-overlay">
<h1 class="header center amber-text text-darken-3">Q3 Industries</h1>
<div class="row center">
<h5 class="header col red-text text-accent-4 s12 dark">Getting the job done since 3301.</h5>
</div>
</div>
</div>
</div>
</div>
<div style="font-family:Michroma" class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<h3 class="white-text">"What is Q3 Industries?"</h3>
<p class="red-text">Q3 Industries is a group of players from <a href="http://www.qubedq3.com/">Qubed Q3</a> that play the game, <a href="https://www.elitedangerous.com/">Elite: Dangerous</a>. We bounce between Private Groups/Play and Open-Play.</p>
<p class="white-text">Our primary focus in-game is trading and combat. We are a Multi-power group. Majority of players currently pledge their allegiance to Arissa Lavigny-Duval.</p>
<p class="blue-text">If you would like to take part in our group, please scroll down to Get Involved and click the "Send us an Email" button.</p>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light"></h5>
</div>
</div>
</div>
<div class="parallax"><img src="img/EliteDangerous3.jpg" alt="Unsplashed background img 3"></div>
</div>
<div class="container ">
<div class="section">
<div class="row">
<div class="col s12 center">
<h3><i class="material-icons green-text">games</i></h3>
<h4><b class="white-text">Get Involved</b></h4>
<a href="mailto:elite@qubedq3.com?Subject=RE%3A%20Joining%20Q3%20Industries%20&Body=CMDR%20Name%3A%20%0ADiscord%20Username%3A%0AInara%20%28http%3A//inara.cz/%29%20Username%3A%20%0AWhy%20do%20you%20want%20to%20join%20Q3%20Industries%3A%20%0A" class="waves-effect waves-light green darken-2 btn-large"><i class="material-icons left">email</i>Send us an Email</a>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light"></h5>
</div>
</div>
</div>
<div class="parallax"><img src="img/EliteDangerous1.jpg" alt="Unsplashed background img 3"></div>
</div>
<footer class="page-footer white">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="black-text">About us</h5>
<p class="black-text">Who are we you ask? We are Qubed. We are gamers, artists, streamers, creators, and most of all friends. Born out of the ashes of a once great community that held together through the years thanks to the fabric of our friendship, we will rebuild. We will be stronger and better through our cooperative efforts. Our community leaders will be committed to keeping this a fun environment for people to play together. If you like what you see consider joining us and taking part in the fun.</p>
</div>
<div class="col l3 s12">
<h5 class="black-text">Connect</h5>
<ul>
<li><a class="black-text" href="https://github.com/QubedQ3/">Github</a></li>
<li><a class="black-text" href="https://player.me/qubed_q3">Player.me</a></li>
<li><a class="black-text" href="https://twitter.com/Qubed_Q3">Twitter</a></li>
<li><a class="black-text" href="https://plus.google.com/communities/116228174423171568779">Google+</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright black">
<div class="container white-text">
Made by <a class="blue-text" href="https://github.com/QubedQ3/">Qubed Q3</a>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.min.js"></script>
<script src="js/init.js"></script>
<script type="text/javascript" src="js/backgroundVideo.min.js"></script>
<script>
$(document).ready(function() {
$('#my-video').backgroundVideo({
pauseVideoOnViewLoss: true,
parallaxOptions: {
effect: 1.9
}
});
});
</script>
</body>
</html>