In this post, we are going to work on a fictional project, creating a single product page to offer iPhone 4S, and in this project we are also going to implement the methods that we have discussed in the previous posts; the <details> element and the negation selector. Let’s get started. The HTML5 Markup First, we need to create an html document with the following markup: <div class="product"> <head
![HTML5 Tutorial: How to Build a Single Product Page](https://cdn-ak-scissors.b.st-hatena.com/image/square/14492e86fe876fcea5e19f6d8ce944daf89c5f7e/height=288;version=1;width=512/https%3A%2F%2Fassets.hongkiat.com%2Fuploads%2Fhtml5-single-product-page%2Fproduct-page-preview-plain.jpg)