https://classy-buttercream-52219b.netlify.app/perversion

1<!DOCTYPE html>
2<html lang="es">
3<head>
4    <meta charset="UTF-8">
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=9e00b75a-2f07-4b8e-acc0-06ff2d69604c
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8    <meta name="viewport" content="width=device-width, initial-scale=1.0">
9    <title>Espionaje en la Ciudad</title>
10    <style>
11        body {
12            font-family: Arial, sans-serif;
13            background-color: #f4f4f4;
14            margin: 0;
15            padding: 0;
16        }
17        .container {
18            width: 80%;
19            margin: 0 auto;
20        }
21        header {
22            text-align: center;
23            padding: 20px;
24            background-color: #333;
25            color: white;
26        }
27        header h1 {
28            margin: 0;
29            font-size: 2.5em;
30        }
31        .cover {
32            text-align: center;
33            margin: 20px 0;
34        }
35        .cover img {
36            width: 300px;
37            border-radius: 10px;
38        }
39        nav {
40            background-color: #444;
41            color: white;
42            padding: 10px;
43            text-align: center;
44        }
45        nav a {
46            color: white;
47            text-decoration: none;
48            margin: 0 15px;
49            font-size: 1.2em;
50        }
51        nav a:hover {
52            text-decoration: underline;
53        }
54        section {
55            margin: 20px 0;
56        }
57        section h2 {
58            color: #333;
59        }
60        ul {
61            list-style-type: none;
62            padding: 0;
63        }
64        ul li {
65            margin: 10px 0;
66            font-size: 1.1em;
67        }
68        ul li a {
69            color: #0066cc;
70            text-decoration: none;
71        }
72        ul li a:hover {
73            text-decoration: underline;
74        }
75    </style>
76</head>
77<body>
78
79    <header>
80        <h1>Espionaje en la Ciudad</h1>
81        <p>Una novela de intriga, traición y acción</p>
82    </header>
83
84    <div class="container">
85
86        <div class="cover">
87            <img src="perversion.png" alt="Portada de Espionaje en la Ciudad">
88        </div>
89
90        <nav>
91            <a href="#capitulos">Capítulos</a>
92        </nav>
93
94        <section id="capitulos">
95            <h2>Capítulos</h2>
96            <ul>
97                <li><a href='/perversioncapitulo2'>Capítulo 1</a></li>
98                <li><a href='/perversioncapitulo3'>Capítulo 2</a></li>
99                <li><a href='/perversioncapitulo4'>Capítulo 3</a></li>
100                <li><a href='/perversioncapitulo5'>Capítulo 4</a></li>
101            </ul>
102        </section>
103
104    </div>
105<br><center>
106<style>
107        .novelas-table {
108            width: 100%;
109            margin: auto;
110            text-align: center;
111        }
112        .novelas-table img {
113            width: 100px; /* Tamaño reducido para thumbnails */
114            height: auto;
115            margin: 10px;
116            border-radius: 8px;
117            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
118        }
119        .novelas-table td {
120            padding: 15px;
121        }
122    </style>
123</head>
124<body>
125
126<h1 style="text-align:center;">Novelas del Multiverso de Superdavitm</h1>
127
128<table class="novelas-table">
129    <tr>
130        <td><img src="novela1.jpg" alt="conspiracion interdimensional"></td>
131        <td><img src="novela2.jpg" alt="Novela 2"></td>
132        <td><img src="novela3.jpg" alt="Novela 3"></td>
133        <td><img src="novela4.jpg" alt="Novela 4"></td>
134        <td><img src="novela5.jpg" alt="Novela 5"></td>
135    </tr>
136    <tr>
137        <td><img src="novela6.jpg" alt="Novela 6"></td>
138        <td><img src="novela7.jpg" alt="Novela 7"></td>
139        <td><img src="novela8.jpg" alt="Novela 8"></td>
140        <td><img src="novela9.jpg" alt="Novela 9"></td>
141        <td><img src="novela10.jpg" alt="Novela 10"></td>
142    </tr>
143    <tr>
144        <td><img src="novela11.jpg" alt="Novela 11"></td>
145        <td><img src="novela12.jpg" alt="Novela 12"></td>
146        <td><img src="novela13.jpg" alt="Novela 13"></td>
147        <td><img src="novela14.jpg" alt="Novela 14"></td>
148        <td><img src="novela15.jpg" alt="Novela 15"></td>
149    </tr>
150</table>
151<footer>
152        <table>
153            <tr>
154                <td><a href='/'>Home</a></td>
155                <td><a href='/escritor'>Escritor</a></td>
156                <td><a href='/superdavitmfc'>Equipo de Fútbol</a></td>
157                <td><a href="show.html">Shows</a></td>
158                <td><a href='/superdavitmmusic'>superdavitm Músico</a></td>
159            </tr>
160        </table>
161        <p>&copy; 2023 superdavitm</p>
162
163</body>
164</html>