-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (92 loc) · 4.31 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Gold Fir</title>
<meta name="description" content="Gold Fir">
<meta name="author" content="Clarice Hilton">
<meta name="keywords" content="Gold Fir, Goldfir, music, duo, Mabel, James, goldfir, gold fir">
<link rel="stylesheet" href="css/stylesheet.css">
<link rel="stylesheet" href="css/flexboxgrid.min.css" type="text/css">
<link rel="stylesheet" href="css/animate.css" type="text/css">
<link rel="icon" href="images/GoldFir.png">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="javascript/js.js"></script>
</head>
<body>
<video autoplay muted loop id="myVideo">
<source src="images/video.mov" type="video/mp4">
</video>
<div class="box">
<div class="row header">
<div id="mute" class="col-sm-3 col-sm-offset-1 mute"> <img id="mutepic" src="images/icons8-mute-50.png" alt="mute"> </div>
</div>
<div class="row content">
<div class="col-sm-4 col-sm-offset-4 dvd">
<img class="middleItems" src="images/GoldFir.png" id="logo">
</div>
<div class="col-sm-4 col-sm-offset-4 col-xs-12 instagram">
<!-- InstaWidget -->
<!-- LightWidget WIDGET -->
<p align="center";>
<!-- LightWidget WIDGET --><script src="https://cdn.lightwidget.com/widgets/lightwidget.js"></script><iframe src="https://cdn.lightwidget.com/widgets/248f6cc53c1a589abee66e5a1e897822.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width:80%;border:0;overflow:hidden;"></iframe>
</p>
</div>
<div class="col-sm-6 col-xs-12 col-sm-offset-3 spotify">
<p align="center";> <iframe src="https://open.spotify.com/embed?uri=spotify:artist:4dyk18v6VAa3Yb593eqmcE" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe> </p>
</div>
<div class="col-sm-8 col-xs-12 col-sm-offset-2 youtube">
<p align="center";> <iframe width="560" height="315" src="https://www.youtube.com/embed/VjuGzVGdTQc?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></p>
<p align="center";> <iframe width="560" height="315" src="https://www.youtube.com/embed/ZZ0AvrWnBOY?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></p>
</div>
<div class="col-sm-6 col-sm-offset-3 col-xs-12 contact">
<div style="width:100%;" class="contact2">
<div style="width:100%;" class="wordBlock">
<a href="mailto:[email protected]"><img class="email" src="images/band.png" alt="dates" class="emails"></a>
<a href="mailto:[email protected]"><img class="email" src="images/management.png" alt="dates" class="emails" ></a>
<a href="mailto:[email protected]"><img class="email" src="images/bookings.png" alt="dates" class="emails" ></a>
</div>
</div>
</div>
<div class="col-sm-6 col-sm-offset-3 col-xs-12 gigs">
<div class="row">
<div class="col-sm-2">
<img src="images/tiger_Left.png" alt="Tiger Left" id="tiger">
</div>
<div class="wordBlock col-sm-8">
<img src="images/writing_2.png" alt="dates" id="dates">
</div>
<div class="col-sm-2">
<img style="float: right;" src="images/tiger_right.png" alt="Tiger Right" id="tiger">
</div>
</div>
</div>
</div>
<div class="row footer">
<div class="col-sm-12">
<div class="menuContainer" id="james">
<img class="menu" src="images/James.gif" id="avatar">
</div>
<div class="menuContainer">
<img class="menu" src="images/videotapes-1.png" id="cassette">
</div>
<div class="menuContainer">
<img class="menu" src="images/camera2.png" id="camera">
</div>
<div class="menuContainer">
<img class="menu" src="images/phatty.png" id="synth">
</div>
<div class="menuContainer">
<img class="menu" src="images/Nokia_3310.png" id="phone">
</div>
<div class="menuContainer">
<img class="menu" src="images/hi-fi-speakers.png" id="speakers">
</div>
<div class="menuContainer">
<img class="menu" src="images/Mabel.gif" id="avatar" style="float: left;">
</div>
</div>
</div>
</div>
</body>
</html>