-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
290 lines (252 loc) · 18.7 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
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Capriventure Games</title>
<link rel="stylesheet" href="css/all.min.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel="stylesheet" href="css/timelinestyle.css">
</head>
<body>
<div class="container">
<header>
<div class="logo">
<img class="logopic" src="images\logogoat.png">
<p>CapriVentures Games</p>
</div>
<ul class="navbar">
<li><a href="#team">TEAM</a></li>
<li><a href="#timeline">TIMELINE</a></li>
<div class="home">
<li class="homea"><a href="#top">HOME</a></li>
</div>
<li><a href="#team">ABOUT</a></li>
<li><a href="#footer">CONTACT</a></li>
</ul>
</header>
<div class="content-wrapper">
<div class="content-desc">
<h1>THE GAME ZONE</h1>
<p>Help <span>Pete</span> overcome bullies at school and keep on learning new things.</p>
<p>You will also get to study what pete studies at school and play around his city fighting bullies.</p>
<button id="btn2">Help Pete Now</button>
</div>
<div class="pete">
<div class="crysis"></div>
</div>
</div>
</div>
<div class="logo-section">
<img class="beltpic" src="images\logogoat.png">
<h1>CapriVentures Games</h1>
</div>
<div class="section-3">
<br>
<h1>What People say About us</h1>
<div class="section-3-wrapper">
<div class="feedback"></div>
<div class="feedback-desc">
<br>
<p>This is an amazing idea. My kids are addicted to games its so difficlut to make them study properly. I will surely buy the game capriventures is building for my kids since it is vital for their learning. </p>
<br>
<i class="far fa-grin-squint-tears"></i><br>
<h4>OSCAR</h4>
</div>
<!-- =========================== -->
<div class="feedback f-img-2"></div>
<div class="feedback-desc">
<p>I love playing educational games with my kids. they not only teach them languages and science but also builds their interest in learning. It also sharpens their real time skills. I will definetly buy the game. </p>
<br>
<i class="far fa-grin-beam-sweat"></i><br>
<h4>MARIO</h4>
</div>
</div>
</div>
<section id=timeline class="section-timeline">
<h1>Timeline</h1>
<p class="leader">List of goals of semiannual period
</p>
<div class="demo-card-wrapper">
<div class="demo-card demo-card--step1">
<div class="head">
<div class="number-box">
<span>01</span>
</div>
<h2><span class="small">21 March- 21 April</span> Month 1</h2>
</div>
<div class="body">
<p>Initially, our startup’s primary objective was to recruit and assemble the most talented
team possible from our university. To achieve this, we posted job advertisements on
multiple university platforms and utilized our network extensively.
• Once we had successfully onboarded the team, we focused on equipping them with the
necessary knowledge and skills to generate ideas for our prototype. At the conclusion of
the month, we finalized the concept of our prototype, which was a crucial milestone for
our startup. The idea finalized was documented and saved for future use. </p>
<img src="https://cdn.pixabay.com/photo/2015/01/09/11/08/startup-594090_960_720.jpg" alt="Graphic">
</div>
</div>
<div class="demo-card demo-card--step2">
<div class="head">
<div class="number-box">
<span>02</span>
</div>
<h2><span class="small">22 April- 21 May</span> Month 2 </h2>
</div>
<div class="body">
<p> Our second objective is to develop and enhance the initial idea of the prototype and begin
working on it.
We will create a story arc for our game prototype, along with its characters and other
components. We will design the backgrounds, and various layers and create the character
sprites and other assets.
Once designed, we will animate the characters and prepare them for integration into the
Unity game engine.
Regarding character design, we will strive to create unique and visually appealing sprites that are
consistent with the overall aesthetic of the game. We will also consider the functionality of the
characters and ensure that their movement and actions are fluid and intuitive.
</p>
<img src="data:image/jpeg;base64,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" alt="Graphic">
</div>
</div>
<div class="demo-card demo-card--step3">
<div class="head">
<div class="number-box">
<span>03</span>
</div>
<h2><span class="small">22 May- 21 July</span> Month 3&4</h2>
</div>
<div class="body">
<p>Once the design of the prototype is finalized, we will commence game development by
importing the elements into the unity game engine and begin coding.
• Our primary goal will be to create a 15 minute prototype of the game, which will serve as a
showcase for potential publishers and investors.
• The prototype will undergo rigorous testing to ensure that it meets the required standards
and is visually appealing to children.
During the development phase, we will closely collaborate with the game designers and artists
to ensure that the game meets the intended vision. We will also prioritize the implementation of
game mechanics that provide a fun and engaging experience of the person.
</p>
<img src="https://www.quytech.com/assets/images/inner-images/unity-right.png" alt="Graphic">
</div>
</div>
<div class="demo-card demo-card--step4">
<div class="head">
<div class="number-box">
<span>04</span>
</div>
<h2><span class="small">22 July- 21 September</span> Month 5&6</h2>
</div>
<div class="body">
<p>The last two months of our incubation period will play a vital role in our future growth.
• Once development is finished, we will unveil our social media presence and make our
prototype fully accessible to the public. This will help increase awareness and attract more
people to our platform.
• Additionally, we will seek out publishers and investors to showcase our prototype. Ultimately
our main objective during the incubation period is to secure investors for our startup.
We will also share videos showcasing our development process on our social media channels.
These videos will give our audience a behind-the-scenes look at how we created our prototype. By
sharing our development process, we hope to build transparency and trust with our followers
</p>
<img src="https://cdn.pixabay.com/photo/2017/10/04/14/12/auditorium-2816353_960_720.jpg" alt="Graphic">
</div>
</div>
<!--
<div class="demo-card demo-card--step5">
<div class="head">
<div class="number-box">
<span>05</span>
</div>
<h2><span class="small">21 September - so on</span> Month 8-10</h2>
</div>
<div class="body">
<p>We will alpha test the game with a small number of people. Then finally we will release the game.</p>
<img src="https://cdn.neowin.com/news/images/uploaded/2022/02/1643999723_squareheader_story.jpg" alt="Graphic">
</div>
</div>
-->
</div>
</section>
<!-- partial -->
<!-- TEAM -->
<section class="section-2" id="team">
<div class="about-container">
<h1>The Team</h1>
<div class="break">
</div>
<div class="person ">
<div class=""></div>
<span>Zakeer H. Zaki</span>
<p class="description">Founder &<br> Game Developer</p>
</div>
<!-- person 2 -->
<div class="person ">
<div class=""></div>
<span>Gohar Ali Bhatti</span>
<p class="description">Founder &
<br> Business analyst
</p>
</div>
<div class="break">
</div>
<div class="break">
</div>
<!-- person 3 -->
<div class="person ">
<div class=""></div>
<span>Amna Hassan</span>
<p class="description">Unity Developer/<br>
Web Developer</p>
</div>
<!-- person 4 -->
<div class="person ">
<div class=""></div>
<span>Laiba Iftikhar</span>
<p class="description">Game Artist</p>
</div>
<div class="break">
</div>
<div class="person ">
<div class=""></div>
<span>Alina</span>
<p class="description"> Graphic Designer</p>
</div>
<div class="person ">
<div class=""></div>
<span>Hamza Ejaz</span>
<p class="description"> Data Team</p>
</div>
</div>
</section>
<!-- TEAM ENDS-->
<footer>
<div class="footer-body" id="footer">
<ul>
<h3>Short Links</h3>
<br>
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">PROTOTYPE</a></li>
</ul>
<ul>
<h3>Get In Touch</h3>
<br>
<li><a href="https://www.facebook.com/profile.php?id=100092427757160"><i class="fab fa-facebook"></i>Facebook</a></li>
<li><a href="https://www.instagram.com/capriventures/"><i class="fab fa-instagram"></i>Instagram</a></li>
<li><a href="https://www.instagram.com/capriventures/"><i class="fab fa-twitter"></i>Twitter</a></li>
</ul>
<ul>
<h3>CONTACT</h3>
<br>
<h4>
For any queries email us at:
<li><a href="https://www.instagram.com/capriventures/"><i class="fab fa-google"></i>[email protected] </a></li>
</h4>
</ul>
</div>
</footer>
<div class="footer-bottom">
</div>
</body>
</html>