-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (138 loc) · 11 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
<!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">
<title>ΔPO</title>
<link rel="icon" type="image/jpg" href="https://cdn.discordapp.com/attachments/886714929749590087/915075247504515132/FQFZQFQF.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css" integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="style.css" />
</head>
<body>
<section class="loading"></section>
<section class="hero">
<div class="logo">APO MEDIA CENTER</div>
<div class="socials">
<ul>
<li>
<a href="https://discord.gg/apofr" target="_blank">
<i class="fab fa-discord"></i>
</a>
</li>
<li>
<a href="https://twitter.com/apomediacenter" target="_blank">
<i class="fab fa-twitter"></i>
</a>
</li>
</ul>
</div>
<div class="heroG">
<div>
<h1>Site de <span class="logo2">APO MEDIA CENTER</span></h1>
<p>Nous sommes une organisation secrète d'Amplis-Mans et d'Info-Mans ainsi que les meilleurs trolleurs interplanétaire 🌍 </p>
<a href="#">
<a href="https://soundcloud.com/apomediacenter" data-aos="zoom-in-up"><button class="btn"><b>SOUNDCLOUD</b></button></a>
<a href="https://apomediacenter.github.io/equipe"><button class="btn"><b>L'équipe de la APO</b></button></a>
</a>
</div>
<p href="center"><img src="https://cdn.discordapp.com/attachments/886714929749590087/915075247504515132/FQFZQFQF.png" width="100">
<p href="center">
</div>
<div class="heroD">
</div>
</section>
<section class="discord">
<div class="container">
<h2 data-aos="zoom-in"><p style="color:rgb(255, 0, 0)">Rejoint <span class="red">notre serveur discord</span></h2>
<ul>
<li>
<a href="https://discord.gg/apofr" target="_blank">
<img src="https://icon-library.com/images/discord-icon-png/discord-icon-png-29.jpg" width="50">
</a>
</li>
</ul>
</div>
</section>
<div class="roadmap">
<div class="container">
<h2 data-aos="zoom-in">Les <span class="red">Remixs</span></h2>
<div class="line"></div>
<div class="bloc" data-aos="zoom-in">
<div class="number">1</div>
<h4>Tout a commencé</h4>
<p></p><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1168369396&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/apomediacenter" title="APO MEDIA CENTER" target="_blank" style="color: #cccccc; text-decoration: none;">APO MEDIA CENTER</a> · <a href="https://soundcloud.com/apomediacenter/mecreants-de-lhumanite-xxx" title="Mécréants De L'Humanité XXX" target="_blank" style="color: #cccccc; text-decoration: none;">Mécréants De L'Humanité XXX</a></div>
</div>
<div class="bloc" data-aos="zoom-in">
<div class="number off">2</div>
<h4>Et encore...</h4><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1168370131&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/apomediacenter" title="APO MEDIA CENTER" target="_blank" style="color: #cccccc; text-decoration: none;">APO MEDIA CENTER</a> · <a href="https://soundcloud.com/apomediacenter/nasheed-nightclub-hardbass-remix" title="Nasheed NightClub Hardbass Remix" target="_blank" style="color: #cccccc; text-decoration: none;">Nasheed NightClub Hardbass Remix</a></div>
<p>Qui restera un des meilleurs remix de très loin.</p>
</div>
<div class="bloc" data-aos="zoom-in">
<div class="number off">3</div><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1168346809&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/apomediacenter" title="APO MEDIA CENTER" target="_blank" style="color: #cccccc; text-decoration: none;">APO MEDIA CENTER</a> · <a href="https://soundcloud.com/apomediacenter/apo-media-center-save-that-allah" title="SAVE THAT ALLAH" target="_blank" style="color: #cccccc; text-decoration: none;">SAVE THAT ALLAH</a></div>
<h4>Créé par notre formidable Mood. L'Empereur Roumain </h4>
<p>Très bon choix pour fait un gros pétage de crâne.</p>
</div>
<div class="bloc" data-aos="zoom-in">
<div class="number off">4</div><iframe width="100%" height="166" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1168694710&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true"></iframe><div style="font-size: 10px; color: #cccccc;line-break: anywhere;word-break: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-family: Interstate,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Garuda,Verdana,Tahoma,sans-serif;font-weight: 100;"><a href="https://soundcloud.com/apomediacenter" title="APO MEDIA CENTER" target="_blank" style="color: #cccccc; text-decoration: none;">APO MEDIA CENTER</a> · <a href="https://soundcloud.com/apomediacenter/sad-prophet" title="SAD Prophet حزين" target="_blank" style="color: #cccccc; text-decoration: none;">SAD Prophet حزين</a></div>
<h4>Pour savouré le côté dépressif et mélancolique de apo.</h4>
<p>Après avoir versé plusieurs larmes sur un combat de rue entre Allah et Jésus arrivèrent l'idée de faire ce son</p>
</div>
</div>
</div>
<div class="team">
<div class="container">
<h2 data-aos="zoom-in">APO <span class="A">MEDIA CENTER</span></h2>
<div class="team__flex">
<div class="member" data-aos="zoom-in">
<h4><p style="color:rgb(255, 255, 255)">Imam / <span class="job">Prophète</span></h4>
<img src="https://i1.sndcdn.com/artworks-8P7FgQ0Spv7qtvdO-PdGFHQ-t500x500.jpg" alt="Imam" />
</div>
<div class="member" data-aos="zoom-in">
<h4><p style="color:rgb(255, 255, 255)">Ayato / <span class="job">Administrateur</span></h4>
<img src="https://media.discordapp.net/attachments/735223610524041488/920108400954716260/ezgif-4-a090qqqzzb6c325fc.png?width=432&height=432" alt="Ayato" />
</div>
<div class="member" data-aos="zoom-in">
<h4><span class="red">xBnd / <span class="job"><p style="color:rgb(255, 255, 255)">Créateur</span></h4>
<img src="https://cdn.discordapp.com/attachments/816671116814581780/954506947388899328/ezgif-4qfqfq-6d86b90832.png" alt="xBnd" />
<h4><h4><span class="red">apo / <span class="job"><p style="color:rgb(255, 255, 255)">Créateur</span></h4>
<img src="https://cdn.discordapp.com/avatars/560617372914810883/c2eb1a83472dfcccd0fa07c5e6e929f3.webp?size=640" alt="apo" />
</div>
<div class="member" data-aos="zoom-in">
<h4><p style="color:rgb(255, 255, 255)">Mood / <span class="job">Administrateur</span></h4>
<img src="https://cdn.discordapp.com/attachments/894709973039341618/916022760248082492/Moode.png" alt="Mood" />
</div>
<div class="member" data-aos="zoom-in">
<h4><p style="color:rgb(255, 255, 255)">Dolla / <span class="job">Administrateur</span></h4>
<img src="https://cdn.discordapp.com/attachments/894709973039341618/915338899486810142/ezgif-7-71fa6304f87f.gif?=640" alt="Dolla" />
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="footer__flex">
<div class="footerG">
APO MEDIA CENTER
</div>
<div class="footerD">
<ul>
<li><a href="https://twitter.com/apomediacenter">Twitter</a></li>
<li><a href="https://soundcloud.com/apomediacenter">Soundcloud</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.1/gsap.min.js" integrity="sha512-UxP+UhJaGRWuMG2YC6LPWYpFQnsSgnor0VUF3BHdD83PS/pOpN+FYbZmrYN+ISX8jnvgVUciqP/fILOXDjZSwg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="app.js"></script>
</body>
</html>