This repository has been archived by the owner on Aug 29, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
151 lines (141 loc) · 8.23 KB
/
about.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
<!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">
<meta name="title" content="capslock Games">
<meta name="description" content="capslock Games İnternet Sitesi">
<meta name="keywords" content="capslock Games, capslock, games">
<meta name="author" content="capslock Games">
<meta name="copyright" content="capslock Games">
<meta name="language" content="en">
<title>capslock games | About Us</title>
<link rel="icon" type="image/x-icon" href="">
<link href="css/style.css" rel="stylesheet" >
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.3.js" integrity="sha256-nQLuAZGRRcILA+6dMBOvcRh5Pe310sBpanc6+QBmyVM=" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/48ac83f9d6.js" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</head>
<body>
<button onclick="backToTop()" type="button" class="btn btn-danger btn-floating btn-lg" id="btn-back-to-top">
<i class="fas fa-arrow-up"></i>
</button>
<nav id="header" class="navbar navbar-expand-lg fixed-top navbar-fixed-top">
<div class="container-fluid" style="max-width: 1100px;">
<a class="navbar-brand" href="https://capslockgames.com"><img class="navbar-brand-fixed-top" src="https://capslockgames.com/img/logobeyaz.png" alt="capslock Games" height="50"></a>
<button class="navbar-toggler custom-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="https://capslockgames.com">HOME</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="https://capslockgames.com/about">ABOUT US</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://capslockgames.com/games">GAMES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://capslockgames.com/contact">CONTACT</a>
</li>
</ul>
</div>
</div>
</nav>
<img id="bannerabout" src="https://capslockgames.com/img/about.png" alt="capslock Games">
<div class="overlayabout">
<div class="row">
<p style="color: white; font-size: 60px; font-weight: bold;">About</p>
</div>
</div>
<div id="aboutus bg-light">
<div class="container">
<div class="row" style="padding-bottom: 45px; padding-top: 45px;">
<div class="col-12 order-last order-lg-first col-lg-5" style="margin: auto;">
<h2 style="color:rgb(0, 0, 0); font-size: 45px; font-weight: lighter; padding-bottom: 5px;">Chasing Our <span style="color:rgb(255, 0, 0); font-weight: bold !important;">Dreams</span></h2>
<p class="description secondary-color mb-30" style="color:rgb(0, 0, 0);">We have been developing projects as a team since 2021 and now we enjoy presenting these projects to you.</p>
</div>
<div class="col-12 order-first order-lg-last col-lg-7">
<img src="https://capslockgames.com/img/csdreams1.jpg" class="d-block w-100" alt="..." style="padding-bottom: 30px;">
</div>
</div>
</div>
</div>
<div id="products" class="text-center">
<div class="container" style="max-width: 1100px; padding-bottom: 90px; padding-top: 45px;">
<h2 style="color: white; padding-bottom: 30px; font-weight: bold;">Our Games</h2>
<div class="row">
<div class="col-12 col-lg-4" style="padding-bottom: 30px;">
<button class="btn btn-danger">
<a href="https://capslockgames.com/games">
<h3 class="title">Coming Soon</h3>
<p class="description">Will be released until 2024</p>
</a>
</button>
</div>
<div class="col-12 col-lg-4" style="padding-bottom: 30px;">
<button class="btn btn-danger">
<a href="https://capslockgames.com/games">
<h3 class="title">Coming Soon</h3>
<p class="description">Will be released until 2024</p>
</a>
</button>
</div>
<div class="col-12 col-lg-4">
<button class="btn btn-danger">
<a href="https://capslockgames.com/games">
<h3 style="padding-bottom: 10px;">See All<br>Games</h3>
<i style="color: white" class="fas fa-chevron-circle-right fa-2xl"></i>
</a>
</button>
</div>
</div>
</div>
</div>
<footer class="footer text-center text-lg-left bg-dark">
<div class="container">
<div class="row footer-link-container">
<div class="col-6 col-lg-4 footer-section">
<ul>
<li><a class="footer-brand" href="https://capslockgames.com"><img src="https://capslockgames.com/img/logobeyaz.png" alt="capslock Games" height="50"></a></li>
</ul>
</div>
<div class="col-6 col-lg-4 footer-section">
<ul>
<li style="color: #fff; font-size: 24px">Company</li>
<li><a href="https://capslockgames.com/about">About Us</a></li>
<li><a href="https://capslockgames.com/games">Games</a></li>
<li><a href="https://capslockgames.com/contact">Contact</a></li>
</ul>
</div>
<div class="col-6 col-lg-4 footer-section">
<ul>
<li style="color: #fff; font-size: 24px">Links</li>
<li><a href="https://capslockgames.com/terms">Terms & Privacy (Product)</a></li>
<li><a href="https://capslockgames.com/kvkk-statement">Privacy (KVKK)</a></li>
</ul>
</div>
</div>
<hr style="color: #fff;">
<div class="row">
<div class="col-12 order-last order-lg-first col-lg-6 copyright-left">
<p class="semi-transparent copy mb-15"><span class="align-middle" style="color: #fff; opacity: 0.7; font-size: 16px;">© capslock Games. All Rights Reserved</span></p>
</div>
<div class="col-12 order-1 order-lg-last col-lg-6 copyright-right">
<ul class="social-list" >
<li><a href="https://www.instagram.com/gamescapslock/" target="_blank"><i class="fab fa-instagram fa-xl"></i></a></li>
<li><a href="https://twitter.com/GamesCapslock" target="_blank"><i class="fab fa-twitter fa-xl"></i></a></li>
<li><a href="https://www.linkedin.com/company/capslock-games/" target="_blank"><i class="fab fa-linkedin fa-xl"></i></a></li>
<li><a href="https://www.youtube.com/channel/UCIQDH3h2w2qZa0dZHyZeV6Q" target="_blank"><i class="fab fa-youtube fa-xl"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
</body>
<html>