forked from qmestudiosofficial/main
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (138 loc) · 5.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
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
<!DOCTYPE HTML>
<!--
Q.me Studios
qmestudiosofficial.github.io/main | @qmestudiosofficial
-->
<html>
<head>
<title>Q.meSTUDIOS OFFICIAL</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<h1>Q.me Studio</h1>
<nav>
<ul>
<li><a href="#intro">Home</a></li>
<li><a href="#one">Services</a></li>
<li><a href="#two">About Us</a></li>
<li><a href="#work">Recent Work</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<!-- Intro -->
<section id="intro" class="main style1 dark fullscreen">
<div class="content">
<header>
<h2>Q.me Studios </h2>
</header>
<p> Utopia of Electronic Arts </p>
<footer>
<a href="#one" class="button style2 down">More</a>
</footer>
</div>
</section>
<!-- One -->
<section id="one" class="main style2 right dark fullscreen">
<div class="content box style2">
<header>
<h2>Services</h2>
</header>
<p>We are a Multimedia Company Focus in VFX and 3D modeling, Web Solutions, Hardware,Troubleshooting and IT Support, Graphic Designs and Frontend Development.
</p>
</div>
<a href="#two" class="button style2 down anchored">Next</a>
</section>
<!-- Two -->
<section id="two" class="main style2 left dark fullscreen">
<div class="content box style2">
<header>
<h2>About Us</h2>
</header>
<p>A Team of Multi-talented, skilled and creative Graphic Designers with commitment to producing engaging and interactive content across diverse mediums; including video games, websites, posters and various marketing materials and social media platforms like Twitter, Youtube, LinkedIn, Facebook and Instagram. </p>
</div>
<a href="#work" class="button style2 down anchored">Next</a>
</section>
<!-- Work -->
<section id="work" class="main style3 primary">
<div class="content">
<header>
<h2>Recent Work</h2>
<p>Check Out Our Downloaderble Content on <a href="https://qmestudiosofficial.github.io/downloads"> Github.</a> </p>
</header>
<!-- Gallery -->
<div class="gallery">
<article class="from-left">
<a href="images/fulls/01.jpg" class="image fit"><img src="images/thumbs/01.jpg" title="A DLC HQ Building Maps For GTA V" alt="" /></a>
</article>
<article class="from-right">
<a href="images/fulls/02.jpg" class="image fit"><img src="images/thumbs/02.jpg" title="A DLC Map Textures" alt="" /></a>
</article>
<article class="from-left">
<a href="images/fulls/03.jpg" class="image fit"><img src="images/thumbs/03.jpg" title="3D Vehicles Models for Video Games" alt="" /></a>
</article>
<article class="from-right">
<a href="images/fulls/04.jpg" class="image fit"><img src="images/thumbs/04.jpg" title="3D Objects for Video Games" alt="" /></a>
</article>
<article class="from-left">
<a href="images/fulls/05.jpg" class="image fit"><img src="images/thumbs/05.jpg" title="HQ Textures" alt="" /></a>
</article>
<article class="from-right">
<a href="images/fulls/06.jpg" class="image fit"><img src="images/thumbs/06.jpg" title="HQ vehicles for GTA V" alt="" /></a>
</article>
</div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="main style3 secondary">
<div class="content">
<header>
<div class="col-4 col-12-small">
<ul class="labeled-icons">
<li>
<h3 class="icon solid fa-home"><span class="label">Address</span></h3>
Metaverse
</li>
<li>
<h3 class="icon solid fa-mobile-alt"><span class="label">Phone</span></h3>
+233 20 696 4585 | +233 55 473 8682
</li>
<li>
<h3 class="icon solid fa-envelope"><span class="label">Email</span></h3>
<a href="https://mail.google.com/mail/u/0/#inbox?compose=DmwnWrRtsfgZCmbMLdGNDHszJxCzWWjSjbJlvLbRRpBwpqgdTScDfXWBjMxZcxshJQBfHbtsRZhg">[email protected]</a>
</ul>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<!-- Icons -->
<ul class="icons">
<li><a href="https://x.com/QmeStudios" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://instagram.com/q.mestudiosofficial/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://linkedin.com/in/qme-studios-3554252ab/" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="https://qmestudiosofficial.github.io/main" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
</ul>
<!-- Menu -->
<ul class="menu">
<li>© 2024 Q.me STUDIOS™ </li> | All Rights Reserved</li>
</ul>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>