-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
203 lines (178 loc) · 9.2 KB
/
index.php
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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<?php include 'header.php'; ?>
<section id="hero-main">
<div class="container">
<div class="row">
<div class="col-12">
<h2>Hello</h2>
</div>
</div>
</div>
</section>
<!-- Dashboard -->
<section id="dashboard">
<div class="container">
<!-- Socials -->
<div id="socials" class="box dark">
<div class="container d-flex flex-column">
<div class="d-flex align-items-center">
<img class="icon" src="/assets/img/socials-dark.svg">
<h2 class="fw-bold">Social Activity</h2>
</div>
<div class="row">
<div class="col-6">
<span class="d-block">Facebook: 2323</span>
<span class="d-block">YouTube: 150</span>
<span class="d-block">Soundcloud: 2399</span>
<span class="d-block">Spotify: 11252</span>
</div>
<div class="col-6">
<span class="d-block">Total Followers: 3433</span>
<span class="d-block">Total Actions: 3433</span>
</div>
</div>
</div>
</div>
<!-- Bio -->
<div id="bio" class="box">
<div class="container d-flex flex-column">
<h1 class="fw-bold">GuyRo</h2>
<p>Irish-born, Spanish-based electronica DJ and producer, David, a.k.a. GuyRo got swept up by the electronica steam train back during it's early beginnings. Harking back to his younger years, with fond memories as a pre-teen, armed with just a Sony Walkman and a collection of acid house mix tapes in his backpack, it is fair to say not many discover their passions quite as early as GuyRo. It wasn't long into his teenage years before he'd develop an insatiable thirst for crate digging — flipping through record after record picking out the dancefloor gems that would further ignite his passion for music.</p>
<p>With an open mind and fierce curiosity for anything and everything electronic music-based, he has spent the past two decades soaking up a multitude of genres and styles ranging from Detroit techno, breaks, house, trance, drum & bass and hip-hop. Artists like 808 State, Blake Baxter, Public Enemy, Alex Reece, Photek and BT are just some of the musicians that went on to shape GuyRo into the tastemaker he is today.</p>
<p>Today, GuyRo focuses on pushing an infectious fusion of synth-laden techno and progressive house. With recent influences such as Danny Howells, LSG, Boston 168, Saeed & Palash, Sasha and Charlie May, you'll be hard-pressed to argue for a lack of diversity within his sets, which comprise of both his own productions and others. His tracks go from the deeper end of downtempo and breaks through to the tougher grooves of house and techno.</p>
</div>
</div>
<div id="calendar" class="box">
<div class="container d-flex flex-column">
<div class="d-flex align-items-center">
<img class="icon" src="/assets/img/calendar-light.svg">
<h2 class="fw-bold">Calendar</h2>
</div>
<div class="d-flex justify-content-between">
<div class="photo photo-5"></div>
<div class="date d-flex flex-column">
<span class="day lh-1">23</span>
<span class="month fw-bold">May</span>
</div>
<div class="venue">
<span class="fw-bold">House of Blues</span>
</div>
<div class="location">
<span class="fw-bold">Cleveland, OH</span>
</div>
</div>
<div class="d-flex justify-content-between">
<div class="photo photo-3"></div>
<div class="date d-flex flex-column">
<span class="day lh-1">23</span>
<span class="month fw-bold">May</span>
</div>
<div class="venue">
<span class="fw-bold">House of Blues</span>
</div>
<div class="location">
<span class="fw-bold">Cleveland, OH</span>
</div>
</div>
<div class="d-flex justify-content-between">
<div class="photo photo-1"></div>
<div class="date d-flex flex-column">
<span class="day lh-1">23</span>
<span class="month fw-bold">May</span>
</div>
<div class="venue">
<span class="fw-bold">House of Blues</span>
</div>
<div class="location">
<span class="fw-bold">Cleveland, OH</span>
</div>
</div>
</div>
</div>
<div id="photos" class="box">
<div class="container d-flex flex-column">
<div class="d-flex align-items-center">
<img class="icon" src="/assets/img/photos-light.svg">
<h2 class="fw-bold">Photos</h2>
</div>
<div class="photo-grid">
<a href=""><div class="photo photo-1"></div></a>
<a href=""><div class="photo photo-2"></div></a>
<a href=""><div class="photo photo-3"></div></a>
<a href=""><div class="photo photo-4"></div></a>
<a href=""><div class="photo photo-5"></div></a>
<a href=""><div class="photo photo-6"></div></a>
</div>
</div>
</div>
<div id="music" class="box">
<div class="container d-flex flex-column">
<div class="d-flex align-items-center">
<img class="icon" src="/assets/img/music-light.svg">
<h2 class="fw-bold">Music</h2>
</div>
</div>
</div>
<div id="press" class="box">
<div class="container d-flex flex-column">
<div class="d-flex align-items-center">
<img class="icon" src="/assets/img/press-light.svg">
<h2 class="fw-bold">Press</h2>
</div>
<div class="blog-single">
<span class="title lh-1 fw-bold"><a href="">The Underground Sound is Big - New Article on the New Movement</a></span>
<p>The underground sound has never been the same since big underground parties started happening in the city a few summers ago. Back then the sound was hot and it's since gotten hotter.</p>
</div>
<div class="blog-single">
<span class="title lh-1 fw-bold"><a href="">The Underground Sound is Big - New Article on the New Movement</a></span>
<p>The underground sound has never been the same since big underground parties started happening in the city a few summers ago. Back then the sound was hot and it's since gotten hotter.</p>
</div>
</div>
</div>
<div id="videos" class="box">
<div class="container d-flex flex-column">
<div class="d-flex align-items-center">
<img class="icon" src="/assets/img/videos-light.svg">
<h2 class="fw-bold">Videos</h2>
</div>
</div>
</div>
<div id="links" class="box dark">
<div class="container d-flex flex-column">
<div class="d-flex align-items-center">
<img class="icon" src="/assets/img/links-dark.svg">
<h2 class="fw-bold">Links</h2>
</div>
<ul>
<li>facebook.com</li>
<li>ra.com</li>
<li>soundcloud.com</li>
<li>linktree</li>
<li>youtube.com</li>
</ul>
</div>
</div>
</div>
</section>
<!-- <section id="contact">
<div class="container">
<div class="row">
<div class="col-6">
<h2>Contact</h2>
</div>
<div class="col-6">
<h2>Follow Me</h2>
<ul>
<li><img class="icon" src="/assets/img/facebook.svg">Facebook</li>
<li><img class="icon" src="/assets/img/twitter.svg">Twitter</li>
<li><img class="icon" src="/assets/img/instagram.svg">Instagram</li>
<li>Soundcloud</li>
<li>Bandcamp</li>
<li><img class="icon" src="/assets/img/spotify.svg">Spotify</li>
<li><img class="icon" src="/assets/img/youtube.svg">Spotify</li>
<li><img class="icon" src="/assets/img/linkedin.svg">Spotify</li>
</ul>
</div>
</div>
</div>
</section> -->
<?php include 'footer.php';