API tools faq
paste
Advertisement
Guest User

Ugh

a guest
Apr 20th, 2014
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.58 KB | None | 0 0
raw download clone embed print report
  1. <body>
  2.    
  3.     <!--Header-->
  4.     <div style = "background-color: #0FCCB3; height: 8em; width: 100%; border-bottom: 0.15em solid #D7DDDC; -webkit-box-shadow: 0px 0px 30px 0px rgba(43, 43, 43, 0.3), inset 0px -55px 125px 8px rgba(0,0,0,0.13); -moz-box-shadow: 0px 0px 30px 0px rgba(43, 43, 43, 0.3), inset 0px -55px 125px 8px rgba(0,0,0,0.13); box-shadow: 0px 0px 30px 0px rgba(43, 43, 43, 0.3), inset 0px -55px 125px 8px rgba(0,0,0,0.13); position: fixed; z-index: 99;">
  5.     </div>
  6.    
  7.    
  8.     <!--Body-->
  9.     <div style = "margin-top: 8.1em; width: 100%; height: 100%; display: inline-block;">
  10.        
  11.        
  12.         <!--Left-->
  13.         <div style = "float: left; width: 33%; height: 100%; border-right: 0.11em solid #D7DDDC; display: inline-block;">
  14.         <center><div style = "width: 90%; height: 100%;">
  15.             <img src = "C:\Users\haines\Desktop\Music\art\song\ellie-goulding-figure-8.png" style = "height: 18.225em; width: 18.225em; border: 0.15em solid #D7DDDC; margin-top: 1em;"/>
  16.             <div>
  17.         <div style = "width: 10em; height: 20em; text-align: right; display: inline-block; margin-right: 0.5em;">
  18.         <strong>
  19.         <p>Title</p>
  20.         <p>Artist</p>
  21.         <p>Album</p>
  22.         <p>&nbsp</p>
  23.         <p>Genre</p>
  24.         <p>&nbsp</p>
  25.         <p>&nbsp</p>
  26.         <p>&nbsp</p>
  27.         <p>Length</p>
  28.         <p>Debut</p>
  29.         <p>Label</p>
  30.         <p>Personnel</p>
  31.         <p>&nbsp</p>
  32.         <p>&nbsp</p>
  33.         <p>&nbsp</p>
  34.         <p>&nbsp</p>
  35.         <p>&nbsp</p>
  36.         </strong>
  37.         </div>
  38.         <div style = "width: 10em; height: 100%; text-align: left; display: inline-block; margin-left: 0.5em;">
  39.         <p>Figure 8</p>
  40.         <p><a href = "C:\Users\haines\Desktop\Music\default.html">Ellie Goulding</a></p>
  41.         <p><a href = "C:\Users\haines\Desktop\Music\default.html">Halcyon</a></p>
  42.         <p><a href = "C:\Users\haines\Desktop\Music\default.html">Halcyon Days</a></p>
  43.         <p>Dubstep</p>
  44.         <p>Electronic Rock</p>
  45.         <p>Electronica</p>
  46.         <p>Synthpop</p>
  47.         <p>4:08</p>
  48.         <p>2012</p>
  49.         <p>Polydor</p>
  50.         <p><a href = "C:\Users\haines\Desktop\Music\default.html">Ellie Goulding</a></p>
  51.         <p>Jonny Lattimer</p>
  52.         <p>MONSTA</p>
  53.         <p>Rocky Morris</p>
  54.         <p>Rufio Sandilands</p>
  55.         <p>Mike Spencer</p>
  56.         </div>
  57.         </div>
  58.         </div></center>
  59.         </div>
  60.        
  61.        
  62.         <!--Right-->
  63.         <div style = "float: right; width: 33%; height: 100%; border-left: 0.11em solid #D7DDDC; display: inline-block;">
  64.         <center>
  65.        
  66.         <div style = "width: 90%; height: 100%;">
  67.        
  68.         <b><p style = "font-size: 16px;">About Figure 8</p></b>
  69.         <p>"Figure 8" is an electronica song by Ellie Goulding, a popular female British singer. The arrangement includes elements of dubstep with its strong bassline. The song is about Goulding being desperately in love with someone who will not love her back. She chases his love continuously, hence the name "Figure 8." It received remarkably positive reviews and triumphed in the United Kingdom, Finland, and Scotland.</p>
  70.        
  71.        
  72.        
  73.         <b><p style = "font-size: 16px;">Similar to Figure 8</p></b>
  74.        
  75.         <div style = "width: 75%; height: 20%;">
  76.        
  77.         <div class = "similar" style = "float: left; width: 25%; height: 20%; display: inline-block;">
  78.         <a href="C:\Users\haines\Desktop\Music\Songs\You-My-Everything-Ellie-Goulding.html"><img src = "C:\Users\haines\Desktop\Music\art\song\ellie-goulding-you-my-everything.png" alt="Ellie Goulding - You My Everything" title="Ellie Goulding - You My Everything" style = "height: 5em; width: 5em; border: 0.15em solid #D7DDDC;" /></a>
  79.         </div>
  80.        
  81.         <div class = "similar" style = "float: right; width: 25%; height: 20%; display: inline-block;">
  82.         <a href="C:\Users\haines\Desktop\Music\Songs\Under-Control-Ellie-Goulding.html"><img src = "C:\Users\haines\Desktop\Music\art\album\ellie-goulding-halcyon-days.png" alt="Ellie Goulding - Under Control" title="Ellie Goulding - Under Control" style = "height: 5em; width: 5em; border: 0.15em solid #D7DDDC;" /></a>
  83.         </div>
  84.        
  85.         <div class = "similar" style = "float: right; width: 25%; height: 20%; margin: 0 auto; display: inline-block;">
  86.         <a href="C:\Users\haines\Desktop\Music\Songs\Hanging-On-Ellie-Goulding.html"><img src = "C:\Users\haines\Desktop\Music\art\song\ellie-goulding-hanging-on.png" alt="Ellie Goulding - Hanging On" title="Ellie Goulding - Hanging On" style = "height: 5em; width: 5em; border: 0.15em solid #D7DDDC;" /></a>
  87.         </div>
  88.        
  89.         <div class = "similar" style = "float: left; width: 25%; height: 20%; margin: 0 auto; display: inline-block;">
  90.         <a href="C:\Users\haines\Desktop\Music\Songs\I-Need-Your-Love-Calvin-Harris.html"><img src = "C:\Users\haines\Desktop\Music\art\song\calvin-harris-i-need-your-love.png" alt="Calvin Harris Feat. Ellie Goulding - I Need Your Love" title="Calvin Harris feat. Ellie Goulding - I Need Your Love" style = "height: 5em; width: 5em; border: 0.15em solid #D7DDDC;" /></a>
  91.         </div>
  92.        
  93.         </div>
  94.        
  95.         <div style = "width: 100%; height: 50%; margin-top: 6.4em;">
  96.        
  97.                 <b><p style = "font-size: 16px;">User Response</p></b>
  98.                 <div style = "height: 2em; width: 80%; background-color: #E3EAE9; border: 0.11em solid #D7DDDC;"></div>
  99.                
  100.                 <b><p style = "font-size: 16px;">Comment</p></b>
  101.                 <div style = "height: 8em; width: 80%; background-color: #DAF2EF; border: 0.11em solid #D7DDDC;"></div>
  102.                 <div style = "height: 2em; width: 80%; background-color: #E3EAE9; border-left: 0.11em solid #D7DDDC; border-right: 0.11em solid #D7DDDC; border-bottom: 0.11em solid #D7DDDC; margin-top: 0 auto;"></div>
  103.                 <div style = "height: 750px; width: 300px; background-color: #DAF2EF; border: 0.11em solid #D7DDDC; margin-top: 1em;"></div>
  104.                
  105.         </div>
  106.         </div>
  107.         </center>
  108.        
  109.         </div>
  110.        
  111.        
  112.         <!--Middle-->
  113.         <center>
  114.         <div style = "width: 33%; height: 100%; margin: 0 auto; display: inline-block;">
  115.        
  116.        
  117.         <div style = "width: 98%; height: 85%; ">
  118.        
  119.             <iframe width="517.5" height="291.6" src="http://www.youtube.com/embed/rNpBahr49mA?rel=0" frameborder="0" allowfullscreen style = "border: 0.15em solid #D7DDDC; margin-top: 1em;"></iframe>
  120.            
  121.             <p>Breathe your smoke into my lungs</p>
  122.             <p>In the back of a car with you I stare into the sun</p>
  123.             <p>Still not too old to die young</p>
  124.             <p>But lovers hold on to everything</p>
  125.             <p>And lovers hold on to anything</p>
  126.             <p>&nbsp</p>
  127.             <p>I chase your love around a figure 8</p>
  128.             <p>I need you more than I can take</p>
  129.             <p>You promise forever and a day</p>
  130.             <p>And then you take it all away</p>
  131.             <p>And then you take it all away</p>
  132.             <p>&nbsp</p>
  133.             <p>Place a kiss on my cheekbone</p>
  134.             <p>Then you vanish me I'm buried in the snow</p>
  135.             <p>But something tells me I'm not alone</p>
  136.             <p>&nbsp</p>
  137.             <p><a href = "C:\Users\haines\Desktop\Music\Lyrics\Figure-8-Ellie-Goulding.html">View Entire Lyrics</a></p>
  138.             </div>
  139.            
  140.         </div> 
  141.         </center>
  142.     </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!