Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

store page #46

Closed
jayseeg opened this issue Aug 12, 2016 · 1 comment
Closed

store page #46

jayseeg opened this issue Aug 12, 2016 · 1 comment

Comments

@jayseeg
Copy link
Owner

jayseeg commented Aug 12, 2016

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
Copy link
Owner Author

jayseeg commented Aug 12, 2016

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;.

@jayseeg jayseeg closed this as completed Aug 13, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants