website/index.html at main · derpysquid1121/website · GitHub

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Music!?</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div class="header-wrap">
	<div class="logo">
		<h1>My Music, hopefully you like it.</h1>
    </div>
</div><!---header-wrap-End--->

<div class="menu-wrap">
	<div class="menu">
		<ul>
        	<li><a href="index.html" class="active">Home</a></li>
            <li><a href="ryan.html">Ryan's Spot</a></li>
            <li><a href="https://github.com/derpysquid1121">Github</a></li>
        </ul>
    </div>

    <div class="socia-wrap">
	<div class="social">
		<ul>
        	<li><a href="https://open.spotify.com/user/1238922990?si=61ceaa04581349fd"><img src="images/spotify (2).png" alt="" /></a></li>
		</ul>
	</div>
</div>
</div><!---menu-wrap-End--->

<div class="banner-wrap">
	<div class="banner">
      <iframe src="https://open.spotify.com/embed/playlist/33J2aN9kJ1RZSGTHyDiFUy" width="750" height="430" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
    </div>
    <div class="shadow"></div>
</div><!---banner-wrap-End--->

<div class="page-wrap">
  <div class="wrap">
    <div class="box">
        <div class="panel">
              <div class="content">
                <iframe src="https://open.spotify.com/embed/album/00AJaOCNERTT43FfXJDQ5I" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
              </div>
          </div>
      </div>

      <element class="wrap3">
          <element class="panel">
              <element class="content">
                  <p><a>Online by Triathalon</a></p>
                  <p><b>What to say about this album?<br>
                    How about, I love it.<br>
                    It has deep roots in my life from highschool. My good friend and I were obsessed with a certain female indy artist.
                    She did a Q&A video in which she answered the question "What is your favorite album" and she answered that this was
                    her current favorite. Since she liked it, we liked it.
                    But much later my good homie, mentioned before, and I were at a hotel. We had stayed up until 6am hanging out
                    and then woke up to our 8am alarm to go get continental breakfast and go back to sleep. We fell back asleep to
                    bright morning sun and this album.
                  </b></p>
  </div>
  </div><!---page-wrap-End--->

<div class="page-wrap">
<div class="wrap">
	<div class="box">
    	<div class="panel">
            <div class="content">
              <iframe src="https://open.spotify.com/embed/playlist/35J5Omz4QIwqNoUJNgqfMD" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
            </div>
        </div>
    </div>

    <div class="box">
    	<div class="panel">
            <div class="content">
            	<iframe src="https://open.spotify.com/embed/playlist/3W56uZzCZbjLLxYyDvNqqS" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
            </div>
        </div>
    </div>

    <div class="box">
    	<div class="panel">
        <iframe src="https://open.spotify.com/embed/playlist/0AbIUmzS5fTZw6e5IgOKFr" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
            </div>
        </div>
    </div>
</div>
</div><!---page-wrap-End--->
<div class="footer-wrap">
  <div class="wrap">

    <div class="panel marRight30">
      <div class="title">
        <h1>Contact me </h1>
      </div>
      <div class="cotact">
        <ul>
          <li><a href="mailto:daveblack6@gmail.com">daveblack6@gmail.com</a></li>
          <li>David Blackburn</li>
        </ul>
      </div>
    </div>
    <div class="clearing"></div>
  </div>
</div><!---footer-wrap--->
<div class="clearing"></div>
<div class="copyright-wrap">
	<div class="wrap">
    	<div class="content">
        <p>Copyright (c) david's music blg. All rights reserved.
        </div>
	</div>
</div><!---copyright-wrap-End--->
</body>
</html>