-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
182 lines (179 loc) · 17.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Greyblock Games</title>
<link rel="canonical" href="https://greyblockgames.com/">
<meta property="og:url" content="https://greyblockgames.com/">
<meta name="twitter:description" content="We create exceptional games and software. Browse through our portfolio or reach out to us to explore how we can assist you.">
<meta name="twitter:title" content="Greyblock Games">
<meta property="og:type" content="website">
<meta name="description" content="We are committed to creating exceptional games and software. Browse through our portfolio or reach out to us to explore how we can assist you.">
<meta property="og:image" content="https://greyblockgames.com/assets/img/Icons/Box.png">
<meta name="twitter:card" content="summary">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="assets/img/Icons/Box%20IOS.png?h=3d3e7064857d6fc93ac9e4140b39801b">
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/Icons/favicon%2016.png?h=fe0ae0b46d1c68436884b87cf12cb07f">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/Icons/Favicon%2032.png?h=ca08c071cec6f063c5a6f4b5c7e850f3">
<link rel="icon" type="image/png" sizes="180x180" href="assets/img/Icons/Box%20IOS.png?h=3d3e7064857d6fc93ac9e4140b39801b">
<link rel="icon" type="image/png" sizes="192x192" href="assets/img/Icons/Box%20Android.png?h=e62e9ac4716a050f70456877bdd558f9">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css?h=56ac0ec133e27aff839b2e0be71ab12f">
<link rel="manifest" href="manifest.json?h=01591877c750ecbaaae078a5a044f332">
<link rel="stylesheet" href="assets/css/Cabin.css?h=68ac177499580236c4c1687babdf84ab">
<link rel="stylesheet" href="assets/css/Lora.css?h=2605741cd7251913e00242e785d70805">
<link rel="stylesheet" href="assets/css/Open%20Sans.css?h=75e1349a3dd2663c97ac799c392746c0">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css?h=e7cfb9ec830984d637c4aed91cd725c5">
<link rel="stylesheet" href="assets/css/Small-portfolio.css?h=e2b829ea4172da8995dc315d5c3368c2">
<link rel="stylesheet" href="assets/css/Team-Horizontal-icons.css?h=befd8a398792e305b7ffd4a176b5b585">
<link rel="stylesheet" href="assets/css/Team-Horizontal-images.css?h=4f3cfa46e40e236365345fc77963f4b8">
</head>
<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77">
<nav class="navbar navbar-light navbar-expand-md fixed-top" id="mainNav">
<div class="container"><a class="navbar-brand" href="#"><img src="assets/img/Icons/Box%20Small.png?h=809dbc0e237c9fe352ea6d4e014d53d0"></a><button data-bs-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-bs-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item nav-link"><a class="nav-link active" href="#about">About</a></li>
<li class="nav-item nav-link"><a class="nav-link" href="#services">Services</a></li>
<li class="nav-item nav-link"><a class="nav-link" href="#team">Our Team</a></li>
<li class="nav-item nav-link"><a class="nav-link" href="#contact">contact</a></li>
</ul>
</div>
</div>
</nav>
<header class="masthead" style="background: repeating-linear-gradient(#000000 0%, rgba(0,0,0,0.5) 50%, rgb(0,0,0) 99%), url("assets/img/Cover.jpg?h=9d0a774fb30650145b872760f482d8da") center / cover no-repeat;background-size: auto, cover;">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h1 class="text-center d-xxl-flex justify-content-xxl-center brand-heading">Greyblock Games</h1>
<p class="d-xxl-flex justify-content-xxl-center intro-text">Experience endless fun with Greyblock Games - where engagement meets entertainment!<br></p><a class="btn btn-link btn-circle" role="button" href="#about"><i class="fa fa-angle-double-down animated"></i></a>
</div>
</div>
</div>
</div>
</header>
<section class="text-center content-section" id="about">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>About us</h2>
<p>GreyBlock Games believes that a successful game must be both entertaining and affordable. That's why we strive to deliver enjoyable games yet maintain accessibility to all gamers. Our games are not only aimed towards all ages but are also designed to be unlike most games on the market.<br>Our philosophy is to create games that are easy to pick up but hard to master. We believe that games should challenge players to think critically, strategize and constantly improve their skills. With our games, you'll be guaranteed to crave more!</p>
<p>Our experienced developers and designers are based in the beautiful city of Vancouver. We are passionate about developing games that bring joy and excitement to gamers worldwide. We work tirelessly to create innovative, engaging games of the highest quality.<br>Whether you're a casual gamer or a hardcore enthusiast, we have games that satisfy your craving for adventure, fun and excitement. Join us on this journey as we continue to push the boundaries of what's possible in gaming!</p>
</div>
</div>
</div>
</section>
<section class="text-center" id="services">
<!-- Start: Features Minimal -->
<div class="container py-4 py-xl-5">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2>Our Services</h2>
<p>At Greyblock Games, we pride ourselves on meeting your technology needs with affordability, professionalism, and timeliness. Whether you're interested in one of our advertised offerings or have a specific request, we're confident we can deliver what you need. Our team is dedicated to providing high-quality solutions that meet your unique requirements. We're always available to discuss your project and explore what's feasible. Don't hesitate to get in touch to see how we can help you achieve your goals.</p>
</div>
</div>
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-3">
<div class="col">
<div class="d-flex p-3">
<div class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-bell">
<path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z"></path>
</svg></div>
<div class="px-2">
<h5 class="mb-0 mt-1">Game and App Outsourcing</h5>
</div>
</div>
</div>
<div class="col">
<div class="d-flex p-3">
<div class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-bell">
<path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z"></path>
</svg></div>
<div class="px-2">
<h5 class="mb-0 mt-1">Software Solutions</h5>
</div>
</div>
</div>
<div class="col">
<div class="d-flex p-3">
<div class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-bell">
<path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z"></path>
</svg></div>
<div class="px-2">
<h5 class="mb-0 mt-1">Interactive Marketing</h5>
</div>
</div>
</div>
<div class="col">
<div class="d-flex p-3">
<div class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-bell">
<path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z"></path>
</svg></div>
<div class="px-2">
<h5 class="mb-0 mt-1">Fluent Website Development</h5>
</div>
</div>
</div>
<div class="col">
<div class="d-flex p-3">
<div class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-bell">
<path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z"></path>
</svg></div>
<div class="px-2">
<h5 class="mb-0 mt-1">Studio Consultations</h5>
</div>
</div>
</div>
<div class="col">
<div class="d-flex p-3">
<div class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-bell">
<path d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z"></path>
</svg></div>
<div class="px-2">
<h5 class="mb-0 mt-1">Game Publsihing</h5>
</div>
</div>
</div>
</div>
</div><!-- End: Features Minimal -->
</section><!-- Start: Small portfolio -->
<div id="work" class="work divider">
<h3 class="text-center">Our Works</h3>
<p class="text-center"><a href="https://sidetrackedgame.xyz/"><img src="assets/img/store%20capsule%20vertical.png?h=3eec3a53b72bd902b150437fc773214e" style="width: 374px;"></a><a href="https://greyblockgames.itch.io/mexcube"><img src="assets/img/Mexcube.png?h=125547ed5842fba9e63b92f8be224ddf" style="width: 374px;"></a><a href="https://store.steampowered.com/app/2323830/Castles/"><img src="assets/img/Castles.png?h=b61cc7cae200c7a54b025e89c0e8da7e" style="width: 374px;"></a><a href="https://3031.greyblockgames.com/"><img src="assets/img/3031Logo.png?h=238f12644c683700f429bff2c9fddc80" style="width: 374px;"></a><a href="https://chess.greyblockgames.com/"><img src="assets/img/GBGChessIcon.png?h=47ac2ea1bde47595fe2e0fe9a3e89dc1" style="width: 374px;"></a><a href="https://greyblockgames.itch.io/cells"><img src="assets/img/Icons/logoCells.png?h=f7c51411b11fc701d19f41cd26d7360d" style="width: 374px;"></a></p>
</section>
<section class="text-center content-section" id="contact">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>Contact us</h2>
<p><br>Whether you have a question or a suggestion or want to say hello, feel free to use the contact form or call us. We're looking forward to hearing from you! We're here to help and answer any questions you may have. Whether you're a fan of our games, a potential partner or client, or simply curious about our studio, we welcome your inquiries and feedback. Our team is dedicated to providing exceptional customer service, and we are committed to responding to your requests promptly and professionally. Whether you prefer to use our contact form or give us a call, we're always happy to hear from you.<br><br>If you have a question about one of our games, need technical support, or suggest how we can improve, please don't hesitate to contact us. We value your input and are always looking for ways to enhance the gaming experience for our players. If you're interested in working with us, we encourage you to discuss potential collaboration opportunities. We're always open to new ideas and partnerships and welcome the chance to explore how we can work together to create innovative and engaging games.</p>
</div>
</div>
<div class="row text-primary d-flex justify-content-center" style="border-color: rgb(0,0,0);">
<div class="col-md-8 col-lg-6 col-xl-5 col-xxl-4">
<div class="card mb-5" style="background: var(--bs-black);">
<div class="card-body p-sm-5" style="background: var(--bs-black);">
<form data-bss-recipient="3d3e9e5221ac7d9eea333f6220df729c">
<!-- Start: Success Example -->
<div class="mb-3"><input class="form-control" type="text" id="name-2" name="name" placeholder="Name" style="background: var(--bs-gray-900);color: var(--bs-light);"></div><!-- End: Success Example -->
<!-- Start: Error Example -->
<div class="mb-3"><input class="form-control" type="email" id="email-2" name="email" placeholder="Email" style="background: var(--bs-gray-900);"></div><!-- End: Error Example -->
<div class="mb-3"><textarea class="form-control" id="message-2" name="message" rows="6" placeholder="Message" style="background: var(--bs-gray-900);"></textarea></div>
<div><button class="btn btn-primary d-block w-100" type="submit">Send </button></div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container text-center">
<p>Copyright © GreyBlock Games 2023</p>
</div>
</footer>
<script src="assets/js/jquery.min.js?h=84e399b8f2181ccd73394fdeddff1638"></script>
<script src="assets/bootstrap/js/bootstrap.min.js?h=79ff9637b74326c362fb6f7f5801a7ba"></script>
<script src="assets/js/smart-forms.min.js?h=e020daad4628441515be04aa856e08f4"></script>
<script src="assets/js/grayscale.js?h=c6a006bc4a77a68ef0b9552d0a94512f"></script>
</body>
</html>