-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (145 loc) · 12.8 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
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="main.css">
<title>SoundLoad - Yabancı döviz kurları ile uğraşmadan!</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-brand bg-transparent">
<div class="d-flex flex-grow-1">
<span class="w-100 d-lg-none d-block"><!-- hidden spacer to center brand on mobile --></span>
<a class="navbar-brand text-white" id="Arama" href="#">Arama</a>
<div class="w-100 text-right">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#myNavbar7">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
<div class="collapse navbar-collapse flex-grow-1 text-right" id="navbarNav">
<ul class="navbar-nav ms-auto flex-nowrap">
<li class="explore nav-item"><a href="" class="nav-link">Keşfet</a></li>
<li class="login nav-item"><a href="" class="nav-link">Giriş</a></li>
<li class="signup nav-item"><button type="button" class="btn btn-primary button_signup"><a href="" class="nav-link">Kaydol</a></button></li>
<!-- <li class="dashboard_seller nav-item"><a href="" class="nav-link"></a></li>
<li class="dashboar_buyer nav-item"><a href="" class="nav-link"></a></li>
<li class="cart nav-item"><a href="" class="nav-link"></a></li>
<li class="profile nav-item"><a href="" class="nav-link"></a></li> -->
</ul>
</div>
</nav>
<div class="bg-image" id="intro">
<div class="mask">
<div class="container d-flex align-items-center justify-content-center text-center h-100">
<div class="text-white">
<div class="logo_title"><img id="logo_title" src="Assets/img/Soundload_Logo.png" alt=""></div>
<h1 class="mb-3 col">Aradığınız <strong>sese</strong> ulaşmak için artık bir <strong>'tık'</strong> yeterli.</h1>
<h5 class="mb-4">SoundLoad, sizleri ses sanatçıları ile buluşturarak <br>
yabancı döviz kurları ile uğraşmadan aradığınız sese ulaşmanızı sağlar.</h5>
<button type="button" class="btn btn-primary button_toCategories">'TIK'</button>
</div>
</div>
</div>
</div>
<div class="bg-image" id="seller">
<div class="container d-flex align-items-center justify-content-center text-end h-100">
<div class="container">
<h1 class="title_seller">BEAT,<br>SOUND,<br>MUSIC,</h1>
<h5 class="description_seller">SoundLoad ile her türlü Beat, Sound, Music'e <br> Türk Lirası ile ulaşabilir, kullanabilir ve satabilirsiniz.</h5>
<button type="button" class="btn btn-primary button_seller">Ses Ver</button>
</div>
<div class="container"></div>
</div>
</div>
<div class="bg-image" id="buyer">
<div class="container d-flex align-items-center justify-content-center text-center h-100">
<div class="text-white">
<h1 class="title_buyer">PROFESYONELLERE ULAŞIN</h1>
<h5 class="description_buyer">SoundLoad, özgün içeriklerinizi koruyarak lisansız kullanımın önüne geçer.</h5>
<button type="button" class="btn btn-primary button_buyer">Hizmet Al</button>
</div>
</div>
</div>
<div class="bg-image" id="end">
<div class="container d-grid align-items-center justify-content-center text-start h-100">
<div class="title_end row"><h1>SoundLoad'dan en iyi şekilde yararlan</h1></div>
<div class="section row">
<div class="account col">
<h5>Hesabını yönet</h5>
<p>Profilini düzenle, parolanı değiştir ve ödeme bilgilerini güncelle.</p>
</div>
<div class="seller col">
<h5>Ses sanatçısı ol</h5>
<p>Özgün içeriğini SoundLoad'a yükleyerek <br> ses sanatçısı ol ve bu işten para kazan.</p>
</div>
<div class="buyer col">
<h5>Hizmet al</h5>
<p>İçeriğinize uygun aradığınız her türlü <br> beat, sound ve music'e ulaşın.</p>
</div>
</div>
</div>
</div>
<div class="bg-image" id="footer">
<div class="container d-grid align-items-center justify-content-center text-start text-white h-100">
<div class="row">
<div class="footer_logo col">
<img id="footer_logo" src="Assets/img/Soundload_Logo.png" alt="">
</div>
<div class="col">
<ul class="company">
<h6>ŞİRKET</h6>
<li class="about"><a href="">Hakkında</a></li>
<li class="business"><a href="">İşler</a></li>
</ul>
</div>
<div class="col">
<ul class="community">
<h6>TOPLULUKLAR</h6>
<li class="for_artist"><a href="">Sanatçılar İçin</a></li>
<li class="ads"><a href="">Reklam</a></li>
<li class="investor"><a href="">Yatırımcılar</a></li>
<li class="for_customers"><a href="">Hizmet</a></li>
</ul>
</div>
<div class="col">
<ul class="links">
<h6>YARARLI BAĞLANTILAR</h6>
<li class="support"><a href="">Destek</a></li>
<li class="contact"><a href="">İletişim</a></li>
</ul>
</div>
<div class="col container">
<div class="socials row">
<div class="bi bi-facebook col"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg></div>
<div class="bi bi-instagram col"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg></div>
<div class="bi bi-twitter col"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg></div>
</div>
<div class="socials row">
<div class="bi bi-whatsapp col"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
<path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/>
</svg></div>
<div class="bi bi-linkedin col"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg></div>
<div class="bi bi-envelope col"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/>
</svg></div>
</div>
</div>
</div>
</div>
</div>
<script src="/javascript.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
</body>
</html>