-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
148 lines (130 loc) · 6.78 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">
<head>
<title>Pandify</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:type" content="website" />
<meta property="og:title" content="Pandify" />
<meta
property="og:description"
content="Create a Discord bot for FREE under 5 minutes with Pandify! A multi function bot builder with outstanding actions! Don’t forget about our Dashboard and Event builder 😉 and more!
"
/>
<meta property="og:image" content="https://cdn.discordapp.com/attachments/1152668305606324286/1155190576023605320/panda.png?ex=651afa8f&is=6519a90f&hm=2fb05f467c56430a08605d374305635751dee1c03be459ad8a7b4571a25fb786&"/>
<meta name="theme-color" content="#000" />
<!--===============================================================================================-->
<link rel="icon" type="image/png" href="https://media.discordapp.net/attachments/1152668305606324286/1155190576023605320/panda.png?ex=651afa8f&is=6519a90f&hm=2fb05f467c56430a08605d374305635751dee1c03be459ad8a7b4571a25fb786&=&width=604&height=454"/>
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/bootstrap/css/bootstrap.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="fonts/iconic/css/material-design-iconic-font.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
<!--===============================================================================================-->
<link rel="stylesheet" type="text/css" href="css/util.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!--===============================================================================================-->
<style>
/* Custom CSS for responsiveness */
@media (max-width: 576px) {
.p-l-75, .p-r-75, .p-lr-15-sm {
padding: 15px; /* Reduce padding for smaller screens */
}
.size2.s1-txt1.flex-c-m.how-btn1.trans-04 {
font-size: 18px; /* Reduce font size for smaller screens */
}
.l1-txt2.txt-center.p-b-55.respon1 {
font-size: 30px; /* Reduce font size for smaller screens */
margin-bottom: 15px; /* Reduce margin for smaller screens */
}
.wrappic1 {
margin-bottom: 10px; /* Reduce margin for smaller screens */
}
.size2.s1-txt1.flex-c-m.how-btn1.trans-04 {
padding: 10px; /* Adjust padding for smaller screens */
}
}
</style>
</head>
<body>
<!-- -->
<div class="simpleslide100">
<div class="simpleslide100-item bg-img1" style="background-image: url('images/bg01.jpg');"></div>
<div class="simpleslide100-item bg-img1" style="background-image: url('images/bg02.jpg');"></div>
<div class="simpleslide100-item bg-img1" style="background-image: url('images/bg03.jpg');"></div>
<div class="simpleslide100-item bg-img1" style="background-image: url('images/bg04.jpg');"></div>
</div>
<div class="flex-col-c-sb size1 overlay1 p-l-75 p-r-75 p-t-20 p-b-40 p-lr-15-sm">
<!-- -->
<div class="w-full flex-w flex-sb-m">
<div class="flex-col-c-m p-l-15 p-r-15 p-t-20 p-b-20"> <!-- Adjusted padding for smaller screens -->
<h3 class="size2 s1-txt1 flex-c-m" style="font-size: 30px;"> <!-- Adjusted font size for smaller screens -->
Pandify
</h3>
</div>
<div class="m-t-10 m-b-10">
<a href="https://discord.gg/2Yna95RnmT" class="size3 s1-txt1 flex-c-m how-btn1 trans-04">
<i class="fab fa-discord"></i>
</a>
</div>
</div>
<!-- -->
<div class="container">
<div class="text-center">
</div>
<div class="gap"></div>
<div class="flex-col-c-m p-l-15 p-r-15 p-t-20 p-b-20"> <!-- Adjusted padding for smaller screens -->
<h3 class="l1-txt2 txt-center p-b-10 respon1" style="font-size: 160px;"> <!-- Adjusted font size for smaller screens -->
Coming Soon
</h3>
</div>
</div>
<!-- End of Custom CSS for responsiveness -->
<footer>
<p>© Pandify</p>
</div>
</footer>
<!--===============================================================================================-->
<script src="vendor/jquery/jquery-3.2.1.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/bootstrap/js/popper.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/select2/select2.min.js"></script>
<!--===============================================================================================-->
<script src="vendor/countdowntime/moment.min.js"></script>
<script src="vendor/countdowntime/moment-timezone.min.js"></script>
<script src="vendor/countdowntime/moment-timezone-with-data.min.js"></script>
<script src="vendor/countdowntime/countdowntime.js"></script>
<script>
$('.cd100').countdown100({
/*Set Endtime here*/
/*Endtime must be > current time*/
endtimeYear: 0,
endtimeMonth: 0,
endtimeDate: 35,
endtimeHours: 19,
endtimeMinutes: 0,
endtimeSeconds: 0,
timeZone: ""
// ex: timeZone: "America/New_York"
//go to " http://momentjs.com/timezone/ " to get timezone
});
</script>
<!--===============================================================================================-->
<script src="vendor/tilt/tilt.jquery.min.js"></script>
<script>
$('.js-tilt').tilt({
scale: 1.1
})
</script>
<!--===============================================================================================-->
<script src="js/main.js"></script>
</body>
</html>