-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
163 lines (160 loc) · 8.24 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<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>ZikiFy Demo Day 5</title>
<meta name="description"
content="Find and download or stream your favorite music from a wide variety of genres,including pop, rock,hip hop, country, and more. Our library has millions of songs, so you're sureto find something you love. Plus, we offer a variety of subscription plans to fit your needs. Signup today and start listening!">
<meta name="keywords"
content="music download music stream music listen to musicfree music jazz music electronic music ,world music music streaming music subscription music genres">
<meta name="author" content="Njox Lee">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>
<body>
<header class="bg-dark text-white py-3 active">
<div class="container d-flex justify-content-between ">
<img src="/Images/android-chrome-192x192.png" alt="Company Logo" style="width:
32px; height: 32px;">
<nav>
<ul class="list-unstyled d-flex mb-0">
<li class="mx-3"><a href="index.html" class="text-white">Home</a></li>
<li class="mx-3"><a href="discover.html" class="text-white" target="_blank"
rel="noopener noreferrer">Discover</a></li>
<li class="mx-3"><a href="music.html" class="text-white" target="_blank"
rel="noopener noreferrer">My Music</a></li>
<li class="mx-3"><a href="contact.html" class="text-white" target="_blank"
rel="noopener noreferrer">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<section class="bg-light py-5">
<div class="container">
<img src="/Images/music.jpg" alt="Hero Image" class="img-fluid">
</div>
</section>
<section class="py-5">
<div class="container text-center">
<h1 class="display-5">Your One-Stop Shop for Music Downloads</h1>
<p class="lead">ZikiFy is a website where you can download music legally and easily.
We have a wide
variety of music genres to choose from, including pop, rock, hip hop, electronic, and
more. You can
also find music from independent artists and labels.</p>
<a href="discover.html" class="btn btn-primary">Start Downloading Music</a>
</div>
</section>
<section class="bg-light py-5">
<div class="container text-center">
<h2>Main Sponsors</h2>
<p class="lead">Explore the key sponsors who make our events possible.</p>
<div class="row">
<div class="col-sm-4 col-lg-2"><img src="" alt="Sponsor1" role="presentation"></div>
<div class="col-sm-4 col-lg-2"><img src="" alt="Sponsor2"></div>
<div class="col-sm-4 col-lg-2"><img src="" alt="Sponsor3"></div>
<div class="col-sm-4 col-lg-2"><img src="" alt="Sponsor4"></div>
<div class="col-sm-4 col-lg-2"><img src="" alt="Sponsor5"></div>
<div class="col-sm-4 col-lg-2"><img src="" alt="Sponsor5"></div>
</div>
</div>
</section>
<section class="py-3 mt-3">
<h2 class="text-center">
Discover What Our Users Are Saying!
</h2>
<div class="container bg-light my-4 mt-4">
<div class="row">
<div class="col-md-4 text-center justify-content-center">
<div class="card">
<img src="/Images/maSh.png" alt="Caroline Reviews" class="card-img-top rounded-circle">
<div class="card-body">
<h5 class="card-title fw-bold">Caroline Cole</h5>
<hr>
<p class="card-text">
Zikify stands out with its extensive library that caters to a wide range of musical
tastes. I appreciate the option to download songs, which is perfect for offline
listening.
</p>
</div>
</div>
</div>
<div class="col-md-4 text-center justify-content-center">
<div class="card">
<img src="/Images/maSh.png" alt="Nick Reviews" class="card-img-top rounded-circle">
<div class="card-body">
<h5 class="card-title fw-bold">Nick McIntyre</h5>
<hr>
<p class="card-text">
Zikify stands out with its extensive library that caters to a wide range of musical
tastes. I appreciate the option to download songs, which is perfect for offline
listening.
</p>
</div>
</div>
</div>
<div class="col-md-4 text-center justify-content-center">
<div class="card">
<img src="/Images/maSh.png" alt="Lato Reviews" class="card-img-top rounded-circle">
<div class="card-body">
<h5 class="card-title fw-bold">Lato City</h5>
<hr>
<p class="card-text">
Zikify stands out with its extensive library that caters to a wide range of musical
tastes. I appreciate the option to download songs, which is perfect for offline
listening.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-5 bg-primary text-white text-center">
<div class="container">
<button class="btn btn-light btn-lg" type="button">Stream Now</button>
</div>
</section>
<section class="py-5">
<div class="container-fluid">
<form action="/PHP/index.php" method="post">
<h3 class="mb-4">Kama una dukuduku Fikisha hapa</h3>
<div class="mb-3">
<label for="name" class="form-label">Username:</label>
<input type="text" name="name" id="name" class="form-control" placeholder="Njox" required>
</div>
<div class="mb-3">
<label for="email" class="form-label">E-Mail:</label>
<input type="email" name="email" id="email" class="form-control" placeholder="example@gmail.com"
required>
</div>
<div class="mb-3">
<label for="complaint" class="form-label">Complaint:</label>
<textarea name="complaint" id="complaint" class="form-control" rows="10" required></textarea>
</div>
<input type="submit" value="Submit" class="btn btn-primary">
</form>
</div>
<div class="container mt-4">
<address>
<strong>ZikiFy</strong><br>
123 Main Street<br>
Njombe, CA 12345<br>
(+255) 623-216-785<br>
<a href="mailto:njox317@gmail.com" class="text-decoration-none">njox317@gmail.com</a>
</address>
</div>
</section>
<section class="py-5">
<footer class="text-center bg-dark text-white py-3">
<a href="" class="me-3">Privacy Policy</a>
<a href="" class="me-3">About Us</a>
<a href="">Terms And Conditions</a>
</footer>
<p class="text-center">© 2023 ZikiFy. All rights reserved.</p>
</section>
<script src="/js/bootstrap.min.js"></script>
</body>
</html>