-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathradio-talent.html
130 lines (97 loc) · 4.32 KB
/
radio-talent.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
<html>
<head>
<!-- Jquery -->
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<!-- Slick -->
<script src="assets/slick-plugin/slick/slick.js"></script>
<link rel="stylesheet" href="assets/slick-plugin/slick/slick.css">
<link rel="stylesheet" href="assets/slick-plugin/slick/slick-theme.css">
<link rel="stylesheet" href="assets/css/main.css">
<script rel="text/javascript" src="assets/js/radiotalent.js"></script>
<!-- Audioplayer -->
<link rel="stylesheet" href="assets/clean-audio-player-plugin/audioplayer.css">
<script src="assets/clean-audio-player-plugin/audioplayer.js"></script>
</head>
<body>
<div class = "rt-container bg">
<!-- NAV BAR -->
<div class = "nav-wrapper">
<div class = 'nav-logo'>
<img src="assets/GGFM%20Photos/Logos/PNGs/GGFM%20Logo_Dark.png" style='height: 100%; width: 100%; object-fit: contain'/>
</div>
<ul class = "nav-list">
<li class = "nav-item roboto">HOME</li>
<li class = "nav-item roboto">ABOUT</li>
<li class = "nav-item roboto">RADIO TALENTS</li>
<li class = "nav-item roboto">EVENTS</li>
<li class = "nav-item roboto">BLOGS</li>
<li class = "nav-item"></li>
</ul>
</div>
<div class>
<!-- RT Profile -->
<div class = "rt-profile">
<div class="rt-pic">
<img src="assets\GGFM Photos\WEB_ DJ Photos\WEB_DJ-Kit.jpg"/>
</div>
<div class="rt-description">
<h1 class="rt-name">Kit</h1>
<p class="rt-text1"> Lorem ipsum, dolor sit amet consectetur adipisicing elit. Eum quibusdam atque doloremque repellendus, accusantium animi facere
tenetur eaque iure ab, natus mollitia ullam sunt dignissimos, odit quidem laboriosam deleniti nam?</p>
<p class="rt-text2"><span>Random Facts: </span> Sadgirl Supreme with a dose of memes</p>
<div class="rt-text3">
<span>Schedule:</span>
<p><span>Wake Up Call</span> Tuesday & Thursday | 07:30am - 09:00am </p>
<p><span>Morning Habit</span> Wednesday & Friday | 07:30am - 09:00am
<p><span>The Throwback</span> Tuesday & Thursday | 09:15am - 10:45am
</div>
<div class="rt-links">
<img src="assets\icons\social media svg\fb.svg" alt="facebook" class="sm-icon">
<img src="assets\icons\social media svg\insta.svg" alt="instagram" class="sm-icon">
<img src="assets\icons\social media svg\twitter.svg" alt="twitter" class="sm-icon">
<img src="assets\icons\social media svg\spotify.svg" alt="spotify" class="sm-icon">
</div>
</div>
</div>
<!-- Carousel -->
<div class = "carousel-wrapper">
<div id="rt-carousel" class = "rt-slider">
</div>
</div>
</div>
<!-- Player -->
<div class = "sticky-player">
<div id = "play-btn">
<img src="assets/icons/2x/baseline_play_circle_outline_white_24dp.png"/>
</div>
<div id = "music-details">
<div id = "song-name">
Goodie Bag
</div>
<div id = "song-artist">
Still Woozy
</div>
</div>
<div id = "audio-progress">
<div class="audioplayer-time audioplayer-time-current">00:00</div>
<div class="audioplayer-bar" style="width: 70%">
<div class="audioplayer-bar-loaded"></div>
<div class="audioplayer-bar-played"></div>
</div>
<div class="audioplayer-time audioplayer-time-duration">00:56</div>
</div>
<div class="audioplayer-volume audio-volume">
<div class="audioplayer-volume-button" title=""><a href="..#"></a></div>
<div class="audioplayer-volume-adjust">
<div>
<div style="width: 100%;"></div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>