search

jayseeg / brownFox

The quick brown fox jumps over the lazy dog.
0 stars 0 forks source link

store page #46

Closed jayseeg closed 8 years ago

jayseeg commented 8 years ago

Build the contents of the store page in store.html. Remember to add the bread elements (header & footer).

Get Tom's album covers from his current webpage & save them into the img folder.

Add a store-items wrapper div, and then put an a tag like the one below in for each album: remember to put the image file names & album names in

<div class="store-items">
  <a href="http://www.cdbaby.com/cd/tomhagerman" class="store-item" target="_blank">
    <img src="/img/(put image file name here)" class="store-image" />
    <span class="store-item-title">(name of album here)</span>
  </a>
  <a href="http://www.cdbaby.com/cd/tomhagerman" class="store-item" target="_blank">
    <img src="/img/(put image file name here)" class="store-image" />
    <span class="store-item-title">(name of album here)</span>
  </a>
  <a href="http://www.cdbaby.com/cd/tomhagerman" class="store-item" target="_blank">
    <img src="/img/(put image file name here)" class="store-image" />
    <span class="store-item-title">(name of album here)</span>
  </a>
  <a href="http://www.cdbaby.com/cd/tomhagerman" class="store-item" target="_blank">
    <img src="/img/(put image file name here)" class="store-image" />
    <span class="store-item-title">(name of album here)</span>
  </a>
  <a href="http://www.cdbaby.com/cd/tomhagerman" class="store-item" target="_blank">
    <img src="/img/(put image file name here)" class="store-image" />
    <span class="store-item-title">(name of album here)</span>
  </a>
</div>
jayseeg commented 8 years ago

Once this is complete, ask @lbecerra99 for tips to style the page. Start by making it fit on mobile, then work on adjusting it to desktop. You'll probably need to style the a tags as display: block;.