-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathvideos.html
executable file
·145 lines (114 loc) · 4.6 KB
/
videos.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
<!-- Designed and Developed by Eli Alvarado and Damian Medina -->
<!------- Eli Alvarado ------->
<!-- Instagram: @eli_alvaradoo -->
<!-- Twitter: @elialvaradoo -->
<!------- Damian Media ------->
<!-- Instagram: _77three -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Adot finds a lot to do within that gray sonic blanket to make unique videos, veering from terse, fragmented bars to viscous verses that melt into the atmosphere while imparting a skittishness into his performances that suggests he could completely change the game with his ideas for music videos and music in genral">
<meta name="keywords" content="Adot, Adotxx, rapper, chicago, lyrical lemonade, ANTI">
<title>Adot | Videos</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="style01.css">
<link href="https://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Knewave" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="images/favicon-adot.jpg" sizes="16x16" type="image/jpg">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123905907-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-123905907-1');
</script>
</head>
<!-- <body style="background-image:url(https://i.pinimg.com/originals/6f/67/44/6f674454dfa75a7c7c8c39846daafc9a.gif);"> -->
<div class="videos-background-vid"></div>
<body class="videos-background-vid" style="background-image:url(https://media.giphy.com/media/J5qoRgm7okSI0/giphy.gif); background-repeat: no-repeat; background-size: cover; height: 100vh; background-position: 100%;">
<nav id="nav">
<a class="clickr fas fa-bars"></a>
<ul>
<li><a href="/index">Home</a></li>
<li><a href="/music">Music</a></li>
<li><a href="/videos">Videos</a></li>
<li><a href="https://adot.bigcartel.com/" target="_blank">Store</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
<script type="text/javascript">
$('.clickr').click(function(){
$('#nav ul').slideToggle(300);
});
</script>
<!-- VIDEOS SECTION -->
<div class="container">
<div class="row01">
<a href="https://www.youtube.com/watch?v=HYGtGDX8CiA" target="_blank">
<div class="gif">
<img src="https://media.giphy.com/media/8cAZ6YtH0tZwOXFqpq/giphy.gif">
<div class="c2w">
<p>click to watch</p>
</div>
</div>
</a>
<a href="https://www.youtube.com/watch?v=tMwgZz5pdgU" target="_blank">
<div class="gif">
<img src="https://media.giphy.com/media/BMngBHc7hx0zh43FoF/giphy.gif">
<div class="c2w">
<p>click to watch</p>
</div>
</div>
</a>
<a href="https://www.youtube.com/watch?v=78gjW05P9Yo" target="_blank">
<div class="gif">
<img src="https://media.giphy.com/media/cJppXztylX5nvKGI7T/giphy.gif">
<div class="c2w">
<p>click to watch</p>
</div>
</div>
</a>
</div>
</div>
<footer>
<div class="social-media-wrapper">
<div class="social-media">
<a href="https://www.instagram.com/adotxx/?hl=en" target="_blank">
<i class="fab fa-instagram"></i>
</a>
</div>
<div class="social-media">
<a href="https://soundcloud.com/adot_al" target="_blank">
<i class="fab fa-soundcloud"></i>
</a>
</div>
<div class="social-media">
<a href="https://open.spotify.com/artist/1ErzdgsL12unJZsJkqq85H" target="_blank">
<i class="fab fa-spotify"></i>
</a>
</div>
<div class="social-media">
<a href="https://twitter.com/adotxx?lang=en" target="_blank">
<i class="fab fa-twitter"></i>
</a>
</div>
<div class="social-media">
<a href="https://itunes.apple.com/us/artist/adot/474886149" target="_blank">
<i class="fab fa-apple"></i>
</a>
</div>
<!-- <div class="social-media">
<a href="">
<i class="fab fa-facebook-square"></i>
</a>
</div> -->
<div class="allrights">© <script>document.write(new Date().getFullYear());</script> Adot. All rights reserved.<br>© ED WAS HERE </div>
</div>
</footer>
</body>
</html>