lil-virtual-bookshelf/index.html at main · RodFireProductions/lil-virtual-bookshelf · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="bookshelf.css" />
    </head>

    <body>

        <label>
            <input type="radio" name="bookshelf">
            Close all
        </label>
        <div class="bookshelf">

            <article>
                <label>
                    <input type="radio" name="bookshelf">
                        <div class="book">
                            <div class="side spine">
                                <span class="spine-title"> Book Title </span>
                            </div>
                            <div class="side top"></div>
                            <img src="book_cover.jpg" class="side cover">
                        </div>
                    </input>
                </label>
                <div class="description">
                    <hgroup>
                        <h2> Book Title </h2>
                        <p> Author Name </p>
                    </hgroup>
                    <p> Your thoughts, review, description, etc. </p>
                </div>
            </article>

        </div>
    </body>
</html>