October 2017
Intermediate to advanced
370 pages
8h 57m
English
Let's build out the AMP-HTML first. There will be a section for each of our main categories. The category name will be the header in each section, and we'll then add some top stories as li list items as the content for each section. We can reuse the thumbnail and text layout we developed for the related content examples in the last chapter. The AMP-HTML code will look like this:
<amp-accordion> <section> <h3>news</h3> <ul> <li>News story 1 content</li> <li>News story 2 content</li> ... </ul> </section> <section> <h3>sports</h3> <ul> <li>Sports story 1 content</li> <li>Sports story 2 content</li> ... </ul> </section> ...</amp-accordion>
Recall from the last chapter our related content items ...
Read now
Unlock full access