Slowdive Tribute Site

In this example below you will see how to do a Slowdive Tribute Site with some HTML / CSS and Javascript

My first project for FreeCodeCamp: a tribute page to the English band Slowdive. Most of the content is taken from Wikipedia, as I didn't want to waste time writing (words rather than code). I'll probably come back to this and add my own thoughts at some point. And perhaps add additional functionality - & perhaps host it on my own website, integrate Wordpress and make a real fan site. But for now, this is just an exercise in using Bootstrap.

Thumbnail
This awesome code was written by mtphil, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright mtphil ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Slowdive Tribute Site</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <html>
<head>
<title>Slowdive : A Tribute Page</title>
 <meta name="viewport" content="width=device-width, initial-
   scale=1.0">
<link href="https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="main.css">
</head>
<body>
  <div class="container">
  	<div class="row">
  		<div class="col-xs-12 col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2">
  			<h2 class="text-center">
  				Slowdive: (More Than) Shoegaze Pioneers
  			</h2>
        <br />
  			<div class="carousel slide" id="carousel-40184">
  				<ol class="carousel-indicators">
  					<li class="active" data-slide-to="0" data-target="#carousel-40184">
  					</li>
  					<li data-slide-to="1" data-target="#carousel-40184">
  					</li>
  					<li data-slide-to="2" data-target="#carousel-40184">
  					</li>
            <li data-slide-to="3" data-target="#carousel-40184">
  					</li>
            <li data-slide-to="4" data-target="#carousel-40184">
  					</li>
  				</ol>
  				<div class="carousel-inner">
  					<div class="item active">
  						<img alt="First Slowdive Image" src="https://upload.wikimedia.org/wikipedia/commons/1/1b/Slowdive_Primavera.jpg" />
  						<div class="carousel-caption">
  							<p>
  								<a href="https://commons.wikimedia.org/wiki/File:Slowdive_Primavera.jpg">Photo</a> by Bene Riob&oacute;, licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/deed.en#">Creative Commons</a>
  						</div>
  					</div>
  					<div class="item">
  						<img alt="Second Slowdive Image" src="https://upload.wikimedia.org/wikipedia/commons/b/b3/2014_WGT_286_Slowdive.jpg" />
  						<div class="carousel-caption">
  							<p>
                  <a href="https://commons.wikimedia.org/wiki/File:2014_WGT_286_Slowdive.jpg">Photo</a> by Ralf Lotys, licensed under <a href="https://creativecommons.org/licenses/by/4.0/deed.en">Creative Commons</a>
              </p>
            </div>
  					</div>
  					<div class="item">
  						<img alt="Third Slowdive Image" src="https://upload.wikimedia.org/wikipedia/commons/8/8f/2014_WGT_298_Slowdive.jpg" />
  						<div class="carousel-caption">
  							<p>
  								<a href="https://commons.wikimedia.org/wiki/File:2014_WGT_298_Slowdive.jpg">Photo</a> by Ralf Lotys, licensed under <a href="https://creativecommons.org/licenses/by/4.0/deed.en">Creative Commons</a>
  							</p>
  						</div>
  					</div>
            <div class="item">
  						<img alt="Fourth Slowdive Image" src="https://upload.wikimedia.org/wikipedia/commons/a/ad/2014_WGT_282_Slowdive.jpg" />
  						<div class="carousel-caption">
  							<p>
  								<a href="https://commons.wikimedia.org/wiki/File:2014_WGT_282_Slowdive.jpg">Photo</a> by Ralf Lotys, licensed under <a href="https://creativecommons.org/licenses/by/4.0/deed.en">Creative Commons</a>
  							</p>
  						</div>
  					</div>
            <div class="item">
  						<img alt="Fifth Slowdive Image" src="https://upload.wikimedia.org/wikipedia/commons/2/2e/Slowdive_live_2014.jpg" />
  						<div class="carousel-caption">
  							<p>
  								<a href="https://commons.wikimedia.org/wiki/Category:Slowdive#/media/File:Slowdive_live_2014.jpg">Photo</a> by listadark, licensed under <a href="https://creativecommons.org/licenses/by-sa/2.0/">Creative Commons</a>
  							</p>
  						</div>
  					</div>
  				</div> <a class="left carousel-control" href="#carousel-40184" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-40184" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
        </div>
        <br />
  			<p>
          Slowdive are an English rock band that formed in Reading, Berkshire in 1989. The band consists of Rachel Goswell on vocals and guitar, Simon Scott on drums, Neil Halstead on vocals and guitar, Nick Chaplin on bass and Christian Savill on guitar. Several other drummers also briefly played with the band, including Adrian Sell, Neil Carter and Ian McCutcheon. Halstead is the band's primary songwriter.
<br /><br />
  Goswell and Halstead had known each other since early childhood in Reading, Berkshire. Scott left in 1994 and when Savill and Chaplin left the band soon after the release of <em>Pygmalion</em>, the remaining members renamed the band Mojave 3. Slowdive reunited in 2014.
<br /><br />
  Their sound has been described as dream pop, shoegazing, indie rock and ambient.
  <br /><br /></p>
<p class="text-right"> <small>Text taken from <a href="https://en.wikipedia.org/wiki/Slowdive"><i class="fa fa-wikipedia-w" aria-hidden="true"></i> Wikipedia</a>, licensed under <a href="https://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License"><i class="fa fa-creative-commons" aria-hidden="true"></i> Creative Commons</a></small>
  			</p>
        <br />
  			<div class="tabbable" id="tabs-944408">
  				<ul class="nav nav-tabs">
  					<li class="active">
  						<a href="#panel-one" data-toggle="tab">News</a>
  					</li>
  					<li>
  						<a href="#panel-two" data-toggle="tab">Band Members</a>
  					</li>
            <li>
              <a href="#panel-three" data-toggle="tab">Discography</a>
            </li>
            <li>
              <a href="#panel-four" data-toggle="tab">Learn More</a>
            </li>
  				</ul>
  				<div class="tab-content">
  					<div class="tab-pane active" id="panel-one">
<br />
              <p>
  							<mark>January 13th, 2016</mark> -- Slowdive have released their first song in 25 years! Check out the video here:
  						</p>
              <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/ogCih4OavoY?rel=0"></iframe>
</div>
  					</div>
  					<div class="tab-pane" id="panel-two">
<br />
<p>
   Learn more about the individual band members of Slowdive:
</p>
              <div class="panel-group" id="panel-two">
                <div class="panel panel-default">
        					<div class="panel-heading">
        						 <a class="panel-title" data-toggle="collapse" data-parent="#panel-826047" href="#panel-element-neil">Neil Halstead</a>
        					</div>
        					<div id="panel-element-neil" class="panel-collapse collapse">
        						<div class="panel-body">
<p>
Neil Halstead (born 7 October 1970) is an English musician born in Reading, Berkshire, England. The singer/guitarist served as frontman and primary songwriter for Slowdive. After its 1995 breakup, Slowdive morphed into the Halstead-helmed Mojave 3 and released a string of highly celebrated records that merged jangly alt-country with dusky psychedelic dream-pop. In 2006 Mojave 3 went on indefinite hiatus, prompting Halstead to embark on an acoustic-driven solo career. Halstead's first solo album <em>Sleeping on Roads</em> was followed by 2008's <em>Oh!Mighty Engine</em>, released on friend and fellow surfer Jack Johnson's ''Brushfire'' label. Halstead's latest album <em>Palindrome Hunches</em> was released in 2012. Halstead spent much of 2014 touring with the newly reformed Slowdive.
</p>
                      <p class="text-right">
                        <small>Text taken from <a href="https://en.wikipedia.org/wiki/Neil_Halstead"><i class="fa fa-wikipedia-w" aria-hidden="true"></i> Wikipedia</a>, licensed under <a href="https://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License"><i class="fa fa-creative-commons" aria-hidden="true"></i> Creative Commons</a></small>
                      </p>

                      <p>
                        To learn more about the musical equipment Neil Halstead used when playing with Slowdive, visit <a href="https://www.guitar.com/rigs/neil-halstead-slowdive-1993-rig-and-gear-setup"><i class="fa fa-music" aria-hidden="true"></i> Guitar.com's gear breakdown</a>.
                      </p>
                      <p>
                        <a href="http://www.neilhalstead.com/"><i class="fa fa-music" aria-hidden="true"></i> Neil Halstead's Website</a>
                      </p>
                      <p>
<a href="https://www.facebook.com/neilhalstead"><i class="fa fa-facebook-official" aria-hidden="true"></i> Neil Halstead's Facebook</a>
                      </p>
        						</div>
        					</div>
        				</div>
        				<div class="panel panel-default">
        					<div class="panel-heading">
        						 <a class="panel-title" data-toggle="collapse" data-parent="#panel-826047" href="#panel-element-goswell">Rachel Goswell</a>
        					</div>
        					<div id="panel-element-goswell" class="panel-collapse collapse">
        						<div class="panel-body">
        							<p>
                        Goswell was born in Fareham, England. She began playing guitar at age seven, and was trained on classical guitar at age fourteen, along with childhood friend Neil Halstead, with whom she formed Slowdive in 1989. Regarding her musical influences, she stated :"For me personally, from a singing point of view, I was inspired by Siouxsie Sioux". She also stated that Joni Mitchell, Iggy Pop and Nick Cave as being among her favourite musicians.
                        <br /><br />
                        After Slowdive's dissolution in 1995, Goswell and Halstead formed Mojave 3, an offshoot of Slowdive; the group captured a more folk rock-oriented sound as opposed to Slowdive's shoegaze sound. They released five albums, their last being <em>Puzzles Like You</em> in 2006, before going on a hiatus.
                        <br /><br  />
                        The year 2004 saw Goswell release solo recordings with co-writer Joe Light and producer David Naughton. Nine months after Mojave 3 released <em>Spoon and Rafter</em>, she released <em>The Sleep Shelter</em> EP. <em>Waves Are Universal</em>, her first full-length recording, appeared a month later. In February 2005, a limited edition remix 12" (also available as a download) entitled <em>"Coastline"/"Plucked"</em> was issued and features two mixes apiece from The Earlies and Ulrich Schnauss.
                        <br /><br  />
                        In 2014, Slowdive, with Goswell, reformed for gigs and have declared in interviews that they would be working on new material. The band continue to tour. In 2016 Goswell joined Stuart Braithwaite, Justin Lockey and James Lockey to form the band Minor Victories. Their self-titled debut is set for release in June 2016 on Fat Possum records.
</p>
                        <p class="text-right">
                      <small>Text taken from <a href="https://en.wikipedia.org/wiki/Rachel_Goswell"><i class="fa fa-wikipedia-w" aria-hidden="true"></i> Wikipedia</a>, licensed under <a href="https://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License"><i class="fa fa-creative-commons" aria-hidden="true"></i> Creative Commons</a></small>
                      </p>
<br />
                      <p>
                        To learn more about the musical equipment Rachel Goswell used when playing with Slowdive, visit <a href="https://www.guitar.com/rigs/rachel-goswell-slowdive-1993-rig-and-gear-setup"><i class="fa fa-music" aria-hidden="true"></i> Guitar.com's gear breakdown</a>.
                      </p>
                      <p>
                        <a href="https://www.facebook.com/RachelGoswellOfficial/"><i class="fa fa-facebook-official" aria-hidden="true"></i> Rachel Goswell's Facebook</a>
                      </p>
                      <p>
                        <a href="https://twitter.com/RachelAGoswell"><i class="fa fa-twitter" aria-hidden="true"></i> Rachel Goswell's Twitter</a>
                      </p>
        						</div>
        					</div>
        				</div>
                <div class="panel panel-default">
        					<div class="panel-heading">
        						 <a class="panel-title" data-toggle="collapse" data-parent="#panel-826047" href="#panel-element-chaplain">Nick Chaplain</a>
        					</div>
        					<div id="panel-element-chaplain" class="panel-collapse collapse">
        						<div class="panel-body">
        							<p>
                      Nick Chaplin is a man of mystery and I've yet to find very much information on him. You'll have just as much luck as me if you simply google "Nick Chaplin Slowdive".
</p>
<p>
   However, you can find his <a href="https://twitter.com/hatpegsnick"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter account here</a>.
</p>
                    </div>
        					</div>
        				</div>
                <div class="panel panel-default">
        					<div class="panel-heading">
        						 <a class="panel-title" data-toggle="collapse" data-parent="#panel-826047" href="#panel-element-savill">Christian Savill</a>
        					</div>
        					<div id="panel-element-savill" class="panel-collapse collapse">
        						<div class="panel-body">
        							<p>
                        Christian Savill is also a man of mystery and has very little web presence or biographical information available.
                      </p>
                        <p>
                          To learn more about the musical equipment Christian Savill used when playing with Slowdive, visit <a href="https://www.guitar.com/rigs/christian-savill-slowdive-1993-rig-and-gear-setup"><i class="fa fa-music" aria-hidden="true"></i> Guitar.com's gear breakdown</a>.
                        </p>
                        <p>
                          <a href="https://twitter.com/schrodervenkman"><i class="fa fa-twitter" aria-hidden="true"></i> Christian Savill's Twitter</a>
                        </p>
        						</div>
        					</div>
        				</div>
                <div class="panel panel-default">
        					<div class="panel-heading">
        						 <a class="panel-title" data-toggle="collapse" data-parent="#panel-826047" href="#panel-element-scott">Simon Scott</a>
        					</div>
        					<div id="panel-element-scott" class="panel-collapse collapse">
        						<div class="panel-body">
        							<p>
                        Simon Scott (born 3 March 1971) is an English musician, best known as the drummer in Slowdive and formerly of Lowgold. He also fronted Inner Sleeve/Televise, and has released ambient music as a solo artist.
    <br /><br  />
Born in Cambridge, Scott first started drumming with female fronted Huntingdon band The Charlottes in 1987 at the age of 16 and left in 1990 to replace original drummer Adrian Sell in Slowdive who supported them in London at The White Horse in Hampstead. He played on albums <em>Just for a Day</em> and <em>Souvlaki</em>, which was voted in The Guardian as "One of the top 50 albums to hear before you die" in 2007. Scott left the band after 5 EP was released in early 1994, prior to the band working on their third album Pygmalion, but rejoined in 2014 when they announced their reformation.
    <br /><br  />
Scott formed and fronted Inner Sleeve in 1997 who released two singles in 1998 and an album <em>Looking Up</em> in 1999, all on the Fierce Panda label.
    <br /><br  />
In 1999, Scott split Inner Sleeve up to join Lowgold following the departure of original drummer Paul Mayes, appeared on one track on the band's debut album <em>Just Backward of Square</em> and toured it extensively (supporting Coldplay and Grandaddy) with the band. He left the band in 2002 after the band ran into financial problems following the collapse of Nude Records.
    <br /><br  />
Scott then reformed Inner Sleeve as Televise with new musicians and signed to London record label Club AC30. He has also played in the bands The Sight Below, Seavault (on Morr Music), Chapterhouse and Conformists (with Jasper TX).
    <br /><br  />
In 2006, Scott established an electronic experimental record label KESHHHHHH Recordings, working as a musician and sound artist from his Cambridge recording studio.
    <br /><br  />
2009 saw the release of Scott's debut solo album, <em>Navigare</em> on Miasmah Records.  A second album called <em>Bunny on Miasmah</em> was released on 7 October 2011.
    <br /><br  />
The album <em>Below Sea Level</em> was released on 12k in May 2012 and was accompanied by an 80-page journal written whist recording in the sunken areas of The Fens in East Anglia where the album is conceptually based.
    <br /><br  />
Scott occasionally performs live with The Sight Below and co-wrote/co-produced three tracks on the second album <em>It All Falls Apart</em> released in April 2010 on Ghostly International. Scott also drums and co-writes on acoustic guitarist James Blackshaw's album <em>Fantomas: Le Faux Magistrat</em> on Tompkins Square released July 2014 and drums on Blackshaw's 2015 album <em>Summoning Suns</em>.
    <br /><br  />
Slowdive reformed in January 2014, toured globally and began recording a fourth album.
    <br /><br  />
In 2015 Scott's <em>Below Sea Level</em> was re-released by UK label/Arts organisation Touch Music.
                      </p>

                      <p class="text-right">
                    <small>Text taken from <a href="https://bit.ly/2jjx5ZF"><i class="fa fa-wikipedia-w" aria-hidden="true"></i> Wikipedia</a>, licensed under <a href="https://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License"><i class="fa fa-creative-commons" aria-hidden="true"></i> Creative Commons</a></small>
                  </p>
<p>
  Listen to some of Simon Scott's music at his <a href="https://soundcloud.com/simon-scott"><i class="fa fa-soundcloud" aria-hidden="true"></i> Soundcloud</a>
</p>
        						</div>
        					</div>
        				</div>
        			</div>
  					</div>
            <div class="tab-pane" id="panel-three">
<br />
<p>
  Learn more about each of Slowdive's three studio albums below:
</p>
              <p>
                <div class="row">
				<div class="col-xs-12 col-sm-12 col-md-4">
					<div class="thumbnail">
						<img alt="Slowdive - Just for a Day" class="img-thumbnail" src="https://upload.wikimedia.org/wikipedia/en/d/d9/Just_For_a_Day.jpg" />
						<div class="caption">
<div class="text-center">
              <h3>
								Just for a Day (1991)
							</h3>
							<p>
                <button class="btn btn-default" data-toggle="collapse" data-target="#justforaday">Detailed Information</button>
</div>
                <div id="justforaday" class="collapse">
                  <p>
              <em>Just for a Day</em> is the debut studio album by the English band Slowdive, released on 2 September 1991 by record label Creation.
<br /><br />
<em>Just for a Day</em> was recorded at Courtyard Studios in Abingdon in the Thames Valley, formerly known as Georgetown Studios.
<br /><br />
The album peaked at No. 3 in the UK Indie Chart. Upon its release, copies of the album were labelled with a sticker that read "like a mind altering substance, without the risk".
<br /><br />
The album was re-released by Sanctuary Records in 2005, supplemented by an extra disc with tracks from the band's early EPs, effectively including the Slowdive, <em>Holding Our Breath and Morningrise</em> EPs. All the tracks included on the previous compilation Blue Day were present.
<br /></p><p>Track listing: <br />
  <ol>
    <li>
      "Spanish Air"
    </li>
    <li>
      "Celia's Dream"
    </li>
    <li>
      "Catch the Breeze"
    </li>
    <li>
      "Ballad of Sister Sue"
    </li>
    <li>
      "Erik's Song"
    </li>
    <li>
      "Waves"
    </li>
    <li>
    	"Brighter"
    </li>
    <li>
    "The Sadman"
    </li>
<li>
  "Primal"
</li>
  </ol>
</p>
  <p class="text-left">
<small>Text taken from <a href="https://en.wikipedia.org/wiki/Just_for_a_Day"><i class="fa fa-wikipedia-w" aria-hidden="true"></i> Wikipedia</a>, licensed under <a href="https://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License"><i class="fa fa-creative-commons" aria-hidden="true"></i> Creative Commons</a></small>
</p>
                </div>
							</p>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-4">
					<div class="thumbnail">
						<img alt="Slowdive - Souvlaki" class="img-thumbnail" src="https://upload.wikimedia.org/wikipedia/en/a/a6/Souvlaki_%28album%29_cover.jpg" />
						<div class="caption">
<div class="text-center">
              <h3>
								Souvlaki (1993)
							</h3>
              <p>
                <button class="btn btn-default" data-toggle="collapse" data-target="#souvlaki">Detailed Information</button>
</div>
                <div id="souvlaki" class="collapse">
                  <p>
                    <em>Souvlaki</em> is the second studio album by the English rock band Slowdive. Recorded in 1992, it was released in the UK on 17 May 1993 by record label Creation, then on 8 February 1994 in the US.
        <br /><br />
        Prior to writing the album, band members Rachel Goswell and Neil Halstead had ended their relationship and Halstead began to spend more time writing songs alone, a process that had been completed by the full band in the past.
        <br /><br />
        Early demos for the album were influenced by Joy Division and Low by David Bowie. These demos were initially rejected by Creation Records boss Alan McGee, but he later decided to give the band full creative control over the album. Slowdive asked Brian Eno to produce the album and he declined, however, he agreed to do a couple of days of recording with Halstead, and out of these sessions came the tracks "Sing" and "Here She Comes". Following these sessions Halstead began to take greater influence from ambient music and has cited Aphex Twin and dub music as influences for the track "Souvlaki Space Station".
        <br /><br />
        The album was mixed by Ed Buller who had previously worked with Suede and Spiritualized.
        <br /><br />
        <em>Souvlaki</em> was released on 17 May 1993 and peaked at 51 in the UK Albums Chart on the 12 June 1993, nineteen places lower than their debut album Just for a Day, and only remained in the chart for one week.
        <br /><br />
        The album's US release was delayed for nearly a year and includes the previously unreleased cover of "Some Velvet Morning" (written by Lee Hazlewood and Nancy Sinatra in 1967) and three tracks from the band's 1993 5 EP, comprising the four US release bonus tracks. A two-disc remastered re-issue of the album was released in 2005 by Castle Music, a subsidiary label of Sanctuary Records.
        <br />
</p>
<p>Track listing: <br />
  <ol>
    <li>
      "Alison"
    </li>
    <li>
      "Machine Gun"
    </li>
    <li>
      "40 Days"
    </li>
    <li>
      "Sing"
    </li>
    <li>
      "Here She Comes"
    </li>
    <li>
    "Souvlaki Space Station"
    </li>
    <li>
    	"When the Sun Hits"
    </li>
    <li>
  "Altogether"
    </li>
<li>
"Melon Yellow"
</li>
<li>
  "Dagger"
</li>
  </ol>
</p>
  <p class="text-left">
<small>Text taken from <a href="https://bit.ly/2isZNmn"><i class="fa fa-wikipedia-w" aria-hidden="true"></i> Wikipedia</a>, licensed under <a href="https://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License"><i class="fa fa-creative-commons" aria-hidden="true"></i> Creative Commons</a></small>
</p>
						</div>
          </div>
          </p>
					</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-4">
					<div class="thumbnail">
						<img alt="Slowdive - Pygmalion" class="img-thumbnail" src="https://upload.wikimedia.org/wikipedia/en/6/6c/Pygmalion_album.jpg"/>
						<div class="caption">
<div class="text-center">
              <h3>
								Pygmalion (1994)
							</h3>
							<p>
                <button class="btn btn-default" data-toggle="collapse" data-target="#pygmalion">Detailed Information</button>
</div>
                <div id="pygmalion" class="collapse">
                  <p>
                    <em>Pygmalion</em> is the third studio album by English rock band Slowdive, released on 6 February 1995 by record label Creation. It was the final album before Slowdive disbanded in 1995.
  <br /><br />
  A departure from their previous two albums, <em>Pygmalion</em> incorporated a more experimental sound tilted towards ambient electronic music, with sparse, atmospheric arrangements. All compositions were by Neil Halstead. Lyrics on tracks "Miranda" and "Visions of LA" were by Rachel Goswell.
  <br /><br />
  The cover illustration featured imagery from Rainer Wehinger's graphic notation for Gy&oumlrgy Ligeti's work <em>Artikulation</em>.
  <br /><br />
  The album was remastered and reissued on Cherry Red in 2010, with a bonus disc consisting of demo versions of <em>Pygmalion</em>-era tracks.
  <br />
            </p>
            <p>Track listing: <br />
              <ol>
                <li>
                  "Rutti"
                </li>
                <li>
                  "Crazy for You"
                </li>
                <li>
                  "Miranda"
                </li>
                <li>
                  "Trellisaze"
                </li>
                <li>
                  "Cello"
                </li>
                <li>
                "J's Heaven"
                </li>
                <li>
                	"Visions of La"
                </li>
                <li>
            "Blue Skied an' Clear"
                </li>
            <li>
            "All of Us"
            </li>
              </ol>
            </p>
            <p class="text-left">
          <small>Text taken from <a href="https://bit.ly/2jwrXi2"><i class="fa fa-wikipedia-w" aria-hidden="true"></i> Wikipedia</a>, licensed under <a href="https://en.wikipedia.org/wiki/Wikipedia:Text_of_Creative_Commons_Attribution-ShareAlike_3.0_Unported_License"><i class="fa fa-creative-commons" aria-hidden="true"></i> Creative Commons</a></small>
          </p>
            </div>
							</p>
						</div>
					</div>
				</div>
			</div>
              </p>
            </div>
            <div class="tab-pane" id="panel-four">
<br />
<p>
   Learn more about Slowdive by exploring the following resources:</p>
</p>
              <p>
                <ul class="list-unstyled">
          				<li>
          					<a href="https://slowdive.bandcamp.com/"><i class="fa fa-bandcamp" aria-hidden="true"></i> Bandcamp</a>
          				</li>
          				<li>
          					<a href="https://twitter.com/slowdiveband"><i class="fa fa-twitter" aria-hidden="true"></i> Twitter</a>
          				</li>
          				<li>
          					<a href="https://www.facebook.com/Slowdive/"><i class="fa fa-facebook-square" aria-hidden="true"></i> Facebook</a>
          				</li>
          				<li>
          					<a href="https://www.instagram.com/slowdiveofficial/"> <i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a>
          				</li>
          				<li>
          					<a href="http://www.slowdiveofficial.com/"><i class="fa fa-music" aria-hidden="true"></i> Official Website</a>
          				</li>
                <br />
          				<li>
          					<a href="https://en.wikipedia.org/wiki/Slowdive"><i class="fa fa-wikipedia-w" aria-hidden="true"></i> Wikipedia</a>
          				</li>
          				<li>
          					<a href="http://pitchfork.com/artists/4105-slowdive/"><i class="fa fa-newspaper-o" aria-hidden="true"></i> Pitchfork News and Reviews</a>
          				</li>
          				<li>
          					<a href="http://pitchfork.com/tv/27-pitchfork-classic/1429-slowdive-souvlaki/"><i class="fa fa-film" aria-hidden="true"></i> Pitchfork Documentary on the album "Souvlaki"</a>
          				</li>
          			</ul>
              </p>
            </div>
  				</div>
  			</div>
        <footer class="text-center">
            <hr>
            <p>Coded by <a href="https://github.com/mtphil" target="_blank">Matthew Phillips</a>.</p>
          </footer>
  		</div>
  	</div>
  </div>
<script
  src="https://code.jquery.com/jquery-3.1.1.min.js"
  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous"></script>
       <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

 <!--  HTML5 Shim and Respond.js for IE8 -->
       <script
       src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js">
       </script>
       <script
       src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js">
       </script>
</html>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>

  

</body>

</html>

/*Downloaded from https://www.codeseek.co/mtphil/slowdive-tribute-site-LxVzra */
body {
background-color:rgb(0, 0, 0);
color: rgb(255, 255, 255);
  font-family: Perpetua, Georgia, Times New Roman;
}

mark {
  color: rgb(255, 255, 255);
  background: rgb(152, 152, 152);
}

a {
  color: #8e7df4;
}

.panel-body {
  background-color: rgb(0,0,0);
}

.thumbnail .caption {
  background-color:rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

.thumbnail {
  background-color:rgb(0, 0, 0);
}

.img-responsive {
  background-color:rgb(0,0,0);
}

caption {
  color: rgb(255, 255, 255);
}

Comments