-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
162 lines (151 loc) · 6.63 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="bocce boys">
<meta name="keywords" content="hip-hop, rap, music, bocce boys">
<meta name="author" content="bocce boys, colin domigan">
<!-- jQuery (im sorry)-->
<script type="https://code.jquery.com/jquery-3.2.0.min.js"></script>
<!-- Bootstrap 3-->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<style>
h1{
font-size: 160px;
letter-spacing: -35px;
color: black;
}
.strikeout:hover{
text-decoration: white line-through;
}
p {
font-size: 24px;
}
.footie{
height: auto;
}
.bg-white{
background-color: white;
}
body{
background-size: 1440px 800px;
margin: 0;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
font-family: "Arial Black", Gadget, sans-serif;
}
#main {
margin-bottom: 50px;
padding: 20px;
}
img.bb-lg{
max-width: 100%;
height: auto;
}
img.bb-sm{
max-width: 30%
height: auto;
}
.img-small{
height: 200px;
width: auto;
}
.bottom-block {
padding: 25px;
}
.outgoing {
height: auto;
}
.no-padding{
padding: 0px 0px 0px 0px !important;
}
.color-lite{
background-color: #bbeefd
}
.color-mid{
background-color: #18dafc
}
.color-hard{
background-color: #3ed2f3
}
.mobile-header{
margin-left: -90px;
width: 115%;
}
a{
color: black;
}
.soundcloud-block{
padding: 40px;
}
span.it{
font-style: italic;
}
.p-btn{
font-size: 40px !important;
}
</style>
</head>
<body>
<div id="main">
<div class="col-md-4 col-xs-12 text-center">
<img class="img-fluid mx-auto d-block hidden-xs hidden-sm hidden-md visible-lg visible-xl bb-lg" src="img/bocce-logo.png" alt="bocce boys"/>
<img class="img-fluid img-responsive mx-auto d-block visible-md hidden-lg visible-xs visible-sm bb-sm" src="img/bocce-logo-small.png" alt="bocce boys"/>
<span class="strike-out">
<h1 class="hidden-md visible-xs visible-sm mobile-header">
<span class="rtl">B</span><span class="it">occe</span> B<span class="it">oys</span>
</h1>
</span>
<div class="bg-white col-xs-12 visible-md hidden-xs hidden-sm visible-lg visible-xl">
<p><a type="button" class="btn btn-block btn-lg color-hard" target="_blank" href="https://soundcloud.com/bocceboys">music</a></p>
<p><a type="button" class="btn btn-block btn-lg color-mid" target="_blank" href="mailto:[email protected]">contact</a></p>
<p><a type="button" class="btn btn-block btn-lg color-lite" target="_blank" href="http://bocceboys.bigcartel.com">merch</a></p>
</div>
<div class="bg-white col-xs-12 visible-xs visible-sm hidden-md">
<p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/ivAnQPGT2ok" frameborder="0" allowfullscreen></iframe>
</p>
<p><a type="button" class="btn p-btn btn-block color-hard large-button-font" target="_blank" href="https://soundcloud.com/bocceboys">music</a></p>
<p><a type="button" class="btn p-btn btn-block color-mid large-button-font" target="_blank" href="mailto:[email protected]">contact</a></p>
<p><a type="button" class="btn p-btn btn-block color-lite large-button-font" target="_blank" href="http://bocceboys.bigcartel.com">merch</a></p>
</div>
<p class="text-center">
</p>
</div>
<div class="col-xs-12 col-md-8 text-center">
<div class="col-xs-12 outgoing bottom-block">
<div class="col-xs-12">
<h1 class="hidden-xs hidden-sm visible-md visible-lg visible-xl">
<span class="strikeout">
<span class="rtl">B</span><span class="it">occe</span> B<span class="it">oys</span>
</span>
</h1>
</div>
<div class="soundcloud-block visible-md hidden-xs hidden-sm visible-lg visible-xl">
<div class="col-xs-12">
<iframe width="560" height="315" src="https://www.youtube.com/embed/ivAnQPGT2ok" frameborder="0" allowfullscreen></iframe>
</div>
<div class="col-xs-12">
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/331717405&color=000000&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
</div>
<div class="col-xs-12">
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/331718702&color=000000&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
</div>
</div>
</div>
</div>
<div class="col-md-offset-4 text-center bg-white footie">
<p class="bottom-block"> © 2017 <a target="_blank" href="../bio/">bocce boys</a></p>
<!--
<p><a target="_blank" href="https://www.twitter.com/bocceboys">follow us on twitter</a></p>
-->
</div>
</div>
</body>
</html>