Website/product-comics.html at main · Vampyrr85/Website · 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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset = "utf-8">
        <meta name = "viewport" content = "width=device-width, initial-scale=1">
        <title></title>
        <link rel="stylesheet" href="styles/style.css">
    </head>
    <body>
        <header>
            <div></div>
            <div class = "banner">
                <h1>Sir Sammy's Comic Kingdom - Comics</h1>
            </div>
        </header>
        <div class = "button-links">
            <nav>
                <ul>
                    <li><a href = "index.html">Home</a></li>
                    <li><a href = "news.html">News</a></li>
                    <li><a href = "products-services.html">Products/Services</a></li>
                    <li><a href = "contact.html">Contact</a></li>
                    <li><a href = "about.html">About</a></li>
                </ul>
            </nav>
        </div> <!-- button-links -->
        <div class = "columns">
            <aside>
                <nav>
                    <ul>
                        <li><a href = "product-cards.html">Cards</a></li>
                        <li><a href = "product-comics.html">Comics</a></li>
                        <li><a href = "services-painting.html">Figurine Painting</a></li>
                    </ul>
                </nav>
            </aside>
            <main>
                <div class = "image">
                    <img src = "images/comics.jpeg" alt = "Comics">
                </div> <!-- image -->
                <div class = "wrapper">
                    <div class = "buying">
                        <h2>Buying</h2>
                        <p>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Porttitor leo a diam sollicitudin tempor id eu. Amet venenatis urna cursus eget nunc. Vel pharetra vel turpis nunc eget lorem dolor. Adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus urna neque. Nibh nisl condimentum id venenatis a condimentum. Ultricies lacus sed turpis tincidunt. Non quam lacus suspendisse faucibus interdum posuere. Diam maecenas ultricies mi eget mauris pharetra. Non consectetur a erat nam at. Viverra nam libero justo laoreet. Non quam lacus suspendisse faucibus interdum posuere lorem ipsum. Sed augue lacus viverra vitae congue eu. In fermentum posuere urna nec tincidunt praesent semper. Maecenas volutpat blandit aliquam etiam erat velit scelerisque. Magna etiam tempor orci eu lobortis elementum nibh tellus.
                        </p>
                    </div> <!-- cards -->
                    <div class = "selling">
                        <h2>Selling</h2>
                        <p>
                            Faucibus purus in massa tempor nec feugiat nisl pretium. Non enim praesent elementum facilisis leo vel fringilla est. Eu augue ut lectus arcu bibendum at varius vel. Faucibus vitae aliquet nec ullamcorper sit amet risus nullam eget. Nisl vel pretium lectus quam id leo in vitae turpis. Vel pretium lectus quam id leo. Habitasse platea dictumst quisque sagittis. Velit euismod in pellentesque massa placerat duis ultricies lacus sed. Tortor condimentum lacinia quis vel eros. Nulla facilisi nullam vehicula ipsum a arcu. Ipsum consequat nisl vel pretium. Varius quam quisque id diam vel quam. Sit amet tellus cras adipiscing enim eu. Est sit amet facilisis magna etiam. Pharetra diam sit amet nisl suscipit adipiscing bibendum est ultricies. Cursus eget nunc scelerisque viverra mauris in aliquam. At ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget.
                        </p>
                    </div>
                    <div class = "requests">
                        <h2>Requests</h2>
                        <p>
                            Suscipit tellus mauris a diam maecenas. Eget nullam non nisi est sit amet facilisis magna etiam. Vehicula ipsum a arcu cursus vitae congue mauris rhoncus aenean. Morbi tristique senectus et netus et malesuada fames ac turpis. Cras pulvinar mattis nunc sed blandit libero volutpat. Amet nisl purus in mollis nunc sed id semper. Malesuada bibendum arcu vitae elementum. Ornare arcu dui vivamus arcu felis. Consectetur adipiscing elit ut aliquam purus sit. Faucibus a pellentesque sit amet. Justo donec enim diam vulputate ut pharetra sit amet. Ut ornare lectus sit amet. Rhoncus est pellentesque elit ullamcorper dignissim. Urna condimentum mattis pellentesque id nibh tortor id aliquet lectus. Velit dignissim sodales ut eu. Euismod in pellentesque massa placerat duis.
                        </p>
                    </div> <!-- painting -->
                </div> <!-- wrapper -->
            </main>
        </div> <!-- columns -->
        <footer>&copy;2024 James G. Rowe III</footer>
    </body>
</html>