-
Notifications
You must be signed in to change notification settings - Fork 1
/
home.html
129 lines (89 loc) · 5.24 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Play&display=swap" rel="stylesheet">
<link rel="shortcut icon" href="../assets/zenfusion-favicon-color.svg" type="image/svg+xml">
<link rel="stylesheet" href="./assets/style.css">
<script src="/auth/session.js" defer type="module"></script>
<script src="./auth/music.js" defer type="module"></script>
<title>ZenFusion</title>
</head>
<body class="text-light">
<div class="container-fluid vh-100 home">
<div class="container-fluid mb-5 text-center">
<a href="home.html">
<img class="img-fluid w-25 mb-5" src="./assets/zenfusion-high-resolution-logo-transparent.svg">
</a>
<div id="profile-icon">
<a href="./Music/profile.html">
<img src="./Music/img/user.png" alt="profile" id="profile-image">
</a>
</div>
</div>
<div class="container-fluid mt-5 text-center">
<h5>Imagine The Unreal</h5>
<p class="display-1 font-weight-bold">ZEN FUSION</p>
<p><img src="https://readme-typing-svg.herokuapp.com?font=+DM+Sans+&size=18&duration=3500&pause=2500&color=F7F7F7&repeat=false¢er=true&vCenter=true&random=false&width=600&lines=The+ultimate+destination+for+all+your+entertainment+needs." alt="Typing SVG" /></p>
<button class="mt-4 btn btn-light rounded-5 " id="explore-btn">Explore Now</button>
</div>
</div>
<div class="container-fluid vh-100 mt-5" id="explore">
<img class="img-fluid left-image ms-5 mb-5" src="https://images.unsplash.com/photo-1536440136628-849c177e76a1?q=80&w=1925&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D">
<div class="text-container text-center ">
<p class="movies mb-4">Movies</p>
<p class="movie-info p-3">
<b>The Zen Fusion </b>offers a wide variety of award-winning movies on thousands of internet-connected devices without a single ad.
</p>
<button class="btn btn-danger rounded-5 movie-button">Go to Movies <i class="fa-solid fa-arrow-right" style="color: #ffffff;"></i></button>
</div>
</div>
<div class="container-fluid vh-100">
<img class="img-fluid right-image me-5 mb-5" src="https://images.unsplash.com/photo-1607604276583-eef5d076aa5f?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D">
<div class="text-container text-center ">
<p class="movies mb-4">Anime</p>
<p class="movie-info p-3">
A comprehensive collection of anime encompassing a broad spectrum of genres with simple yet feature-rich interface.
</p>
<button class="btn btn-primary rounded-5 anime-button">Go to Anime <i class="fa-solid fa-arrow-right" style="color: #ffffff;"></i></button></a>
</div>
</div>
<div class="container-fluid vh-100 mt-5">
<img class="img-fluid left-image ms-5 mb-5" src="https://images.unsplash.com/photo-1470225620780-dba8ba36b745?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D">
<div class="text-container text-center ">
<p class="movies mb-4">Music</p>
<p class="movie-info p-3">
Access a vast library of music, including Indian and international tracks across various genres like Bollywood, Punjabi, pop, rock, and more. We have made online music streaming simple, fun, and all about you!
</p>
<button class="btn btn-success rounded-5 music-button">Go to Music <i class="fa-solid fa-arrow-right" style="color: #ffffff;"></i></button>
</div>
</div>
<div class="text-center">
<img src="https://user-images.githubusercontent.com/73097560/115834477-dbab4500-a447-11eb-908a-139a6edaec5c.gif">
</div>
<footer>
<div class="footer">
<div class="footer-row">
<a href="https://github.com/Ash-codes18/"><i class="fa fa-github"></i></a>
<a href="https://www.linkedin.com/in/ashmit-mehta/"><i class="fa fa-linkedin"></i></a>
<a href="https://www.instagram.com/mehta.ashmit/"><i class="fa fa-instagram"></i></a>
<a href="https://twitter.com/AshmitMeht18178"><i class="fa fa-twitter"></i></a>
</div>
<div class="footer-row">
<a href="home.html">
<img src="./assets/zenfusion-favicon-color.svg">
</a>
</div>
<div class="footer-row">
The Zen Fusion Copyright © 2024 Ashmit Mehta
</div>
</div>
</footer>
<script src="./assets/script.js"></script>
</body>
</html>