-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (122 loc) · 4.09 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
<!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" />
<link rel="stylesheet" href="index.css" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
crossorigin="anonymous"
/>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap"
rel="stylesheet"
/>
<title>75 FPS BOT</title>
</head>
<body class="bg-dark">
<header>
<nav class="navbar navbar-expand-lg navbar-dark p-3">
<div class="container-fluid p-0">
<button
class="navbar-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>
<a href="#"
><img src="./assets/75.svg" id="logo" alt="" width="50px"
/></a>
<div class="collapse navbar-collapse ms-3" id="navbarNav">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a href="#command-section1" class="nav-link px-3 text-white"
>Özellikler</a
>
</li>
<li class="nav-item">
<a
href="https://discord.gg/CqgEZzqztu"
class="nav-link px-3 text-white"
target="_blank"
>Destek Sunucusu</a
>
</li>
</ul>
<button
type="button"
class="btn btn-outline-primary text-white border-2"
id="add-btn"
>
Sunucuna Ekle
</button>
</div>
</div>
</nav>
</header>
<section id="home-section">
<div id="home-content" class="text-white">
<h1 class="pt-5">
Discord Sunucunuzu <br />
Daha Eğlenceli Bir Hale Getirin!
</h1>
<p class="mt-4">
İsteğinize göre filtreleme özelliği ile birlikte kendiniz için
zamanınızı <br />
güzel değerlendirebileceğiniz film ve oyun önerileri alabilirsiniz.
</p>
<a
type="button"
id="basla-btn"
class="btn btn-primary px-5 py-3 mt-3 me-2 text-dark"
href="#command-section1"
role="button"
>
BAŞLARKEN
</a>
<button
type="button"
id="add-home-btn"
class="btn btn-outline-primary px-5 py-3 mt-3 text-white"
>
SUNUCUNA EKLE
</button>
</div>
</section>
<section class="text-white" id="command-section1">
<div class="container" id="command-section1-content">
<div class="row">
<div class="col-lg-6 col-md-12" id="oyunhead">
<div>
<h1>RASTGELEOYUN</h1>
<p>
Canınız sıkıldı, oyun oynamak istiyorsunuz ama ne oynamak
istediğinizi bilmiyor musunuz? İşte bu komut tam size göre.
İster 20.000 adet oyunun arasından rastgele bir seçim yapın,
ister metacritic puana göre filtreleme yaparak seçtiğiniz oyunun
keyfine varın.
</p>
</div>
</div>
<div class="col-lg-6 col-md-12 text-center">
<img src="./assets/oyun.png" alt="" id="oyun" />
</div>
</div>
</div>
</section>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
crossorigin="anonymous"
></script>
</body>
</html>