-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (134 loc) · 9.04 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
<!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>BVS | BlackVyperStudios</title>
<meta name="theme-color" content="rgb(0,0,0)">
<meta name="description" content="We create games and software and are contributing to the opensource community.">
<meta name="twitter:description" content="We create games and software and are contributing to the opensource community.">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="BVS | BlackVyperStudios">
<meta property="og:type" content="website">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/material-icons.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md navigation-clean">
<div class="container"><a class="navbar-brand" href="index.html">BlackVyperStudios</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link active" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-toggle="dropdown" href="#">Projects </a>
<div class="dropdown-menu"><a class="dropdown-item" href="calculator++">Calculator++</a><a class="dropdown-item" href="timelapse">Timelapse</a></div>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<section class="home">
<!--Push-off line // Do not delete! Improtant!-->
<hr class="push-off">
<h1 class="text-center title">BlackVyperStudios</h1>
<h2 class="text-uppercase text-center subtitle"><strong>Game & Open Source</strong><br><strong>DEVELOPEMENT</strong><br></h2>
</section>
<section id="guide" class="section-b">
<h2 class="text-center section-header">Who are we?<br></h2>
<hr class="underline">
<p class="text-center description">BlackVyperStudios is a group of different developers with various skills. We attach great importance to the fact that we use the best possible and most modern software, to give our clients a great experience. With this basic concept, we want to create extraordinary and performant <strong>games</strong> as well as <strong>open-source</strong> software. To learn more about our company and members, you can visit the '<a href="about.html">About</a>' page. For more information about our projects, take a look at the <a href="projects.html"><span style="text-decoration: line-through;">projects overview</span></a> (coming soon).<br>Any problems or issues? You can contact us <a href="contact.html">here</a>.<br></p>
</section>
<div id="projects" class="projects-horizontal box2 section-a">
<div class="container">
<h2 class="text-center section-header">Projects</h2>
<hr class="underline">
<p class="text-center description wide-description">Here is a little showcase of our<em> </em>projects, that we are <em>currently working on</em>. You can get a better view by exploring the dropdown menu '<span style="text-decoration: line-through;">Projects</span>'.</p>
<div class="row projects">
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="assets/img/building.jpg"></a></div>
<div class="col">
<h3 class="name">Calculator++</h3>
<p class="description">A basic calculator, written in C++.<br>(Psst! It's also open-source -> <a href="https://github.com/BlackVyperStudios/Calculator">view code</a>!)</p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="assets/img/desk.jpg"></a></div>
<div class="col">
<h3 class="name">Timelapse</h3>
<p class="description">A story-based game about a boy who is traveling through time, to change the past.<br></p>
</div>
</div>
</div>
<div class="col-sm-6 item">
<div class="row">
<div class="col-md-12 col-lg-5"><a href="#"><img class="img-fluid" src="assets/img/snek.png"></a></div>
<div class="col">
<h3 class="name">snek</h3>
<p class="description">Simple Snake... but <strong><em>better</em></strong>!</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="team" class="team-grid box section-b">
<div class="container">
<h2 class="text-center section-header">Team</h2>
<hr class="underline">
<p class="text-center"></p>
<p class="text-center description wide-description">You can visit the '<a href="about.html">About</a>' page, to get a more detailed description of our members.</p>
<div class="row people">
<div class="col-md-4 col-lg-3 offset-md-2 offset-lg-3 offset-xl-3 item">
<div class="box" style="background-image:url(assets/img/alepro.jpg)">
<div class="cover">
<h3 class="name">Alexander Prosser</h3>
<p class="team-title">Leader</p>
<div class="social"><a href="https://github.com/Alexgamer470"><i class="fa fa-github"></i></a><a href="https://www.twitter.com/Alexgamer470"><i class="fa fa-twitter"></i></a></div>
</div>
</div>
</div>
<div class="col-md-4 col-lg-3 item">
<div class="box" style="background-image:url(assets/img/damlev.jpg)">
<div class="cover">
<h3 class="name">Damon Leven</h3>
<p class="team-title">Leader</p>
<div class="social"><a href="https://github.com/MCWertGaming"><i class="fa fa-github"></i></a><a href="https://twitter.com/staxthefox"><i class="fa fa-twitter"></i></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<div class="col-md-6 item text">
<h3>BlackVyperStudios</h3>
<p>We create games and software and are contributing to the open-source community.<br></p>
</div>
<div class="col item social"><a href="https://github.com/blackvyperstudios"><i class="icon ion-social-github"></i></a><a href="#"><i class="icon ion-social-twitter"></i></a><a href="#"><i class="icon ion-social-youtube"></i></a><a href="#"><i class="icon ion-social-twitch-outline"></i></a></div>
</div>
<p class="copyright">BlackVyperStudios © 2021</p>
</div>
</footer>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>