1 <!DOCTYPE html>2 <html lang="es">3 <head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1">6 <title>InceptionDB - NoSQL Database for JSON Documents</title>7 <!-- Iconos de Font Awesome (opcional) -->8 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-xxxxxxxxxxxx" crossorigin="anonymous" referrerpolicy="no-referrer" />9 <style>10 /* Reset básico y estilos globales */11 * {12 margin: 0;13 padding: 0;14 box-sizing: border-box;15 }16 body {17 font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;18 line-height: 1.6;19 color: #333;20 }21 a {22 text-decoration: none;23 }24 /* Header */25 header {26 background-color: #232f3e;27 color: #fff;28 padding: 20px 0;29 }30 header .container {31 max-width: 1200px;32 margin: 0 auto;33 padding: 0 20px;34 display: flex;35 align-items: center;36 justify-content: space-between;37 }38 header h1 {39 font-size: 24px;40 }41 nav ul {42 list-style: none;43 display: flex;44 }45 nav ul li {46 margin-left: 20px;47 }48 nav ul li a {49 color: #fff;50 font-size: 16px;51 }52 /* Hero Section */53 .hero {54 background: url('https://via.placeholder.com/1920x800') no-repeat center center/cover;55 color: #fff;56 padding: 100px 20px;57 text-align: center;58 }59 .hero h1 {60 font-size: 48px;61 margin-bottom: 20px;62 }63 .hero p {64 font-size: 20px;65 margin-bottom: 30px;66 }67 .cta {68 background-color: #ff9900;69 color: #fff;70 padding: 15px 30px;71 font-size: 18px;72 border: none;73 border-radius: 4px;74 cursor: pointer;75 transition: background 0.3s;76 }77 .cta:hover {78 background-color: #e88e00;79 }80 /* Sección de Características */81 .features {82 background-color: #f4f4f4;83 padding: 60px 20px;84 }85 .features .container {86 max-width: 1200px;87 margin: 0 auto;88 }89 .features h2 {90 text-align: center;91 font-size: 36px;92 margin-bottom: 40px;93 }94 .feature-list {95 display: flex;96 flex-wrap: wrap;97 justify-content: space-around;98 }99 .feature-item {100 background: #fff;101 flex: 1 1 300px;102 margin: 10px;103 padding: 20px;104 border-radius: 6px;105 text-align: center;106 box-shadow: 0 2px 4px rgba(0,0,0,0.1);107 }108 .feature-item i {109 font-size: 48px;110 color: #ff9900;111 margin-bottom: 20px;112 }113 .feature-item h3 {114 font-size: 24px;115 margin-bottom: 10px;116 }117 .feature-item p {118 font-size: 16px;119 }120 /* Footer */121 .footer {122 background-color: #232f3e;123 color: #fff;124 text-align: center;125 padding: 20px;126 }127 /* Responsive */128 @media (max-width: 768px) {129 header .container, .features .container {130 flex-direction: column;131 }132 nav ul {133 flex-direction: column;134 }135 nav ul li {136 margin: 10px 0;137 }138 .feature-list {139 flex-direction: column;140 align-items: center;141 }142 }143 </style>144 </head>145 <body>146 147 <!-- Header -->148 <header>149 <div class="container">150 <h1>InceptionDB</h1>151 <nav>152 <ul>153 <li><a href="#features">Características</a></li>154 <li><a href="#pricing">Precios</a></li>155 <li><a href="#docs">Documentación</a></li>156 <li><a href="#contact">Contacto</a></li>157 </ul>158 </nav>159 </div>160 </header>161 162 <!-- Hero / Sección principal -->163 <section class="hero">164 <div class="container">165 <h1>InceptionDB</h1>166 <p>A no-sql database based on journal to store JSON documents.</p>167 <a href="#signup" class="cta">Comienza ahora</a>168 </div>169 </section>170 171 <!-- Sección de Características -->172 <section class="features" id="features">173 <div class="container">174 <h2>Características principales</h2>175 <div class="feature-list">176 <div class="feature-item">177 <i class="fas fa-database"></i>178 <h3>Alto rendimiento</h3>179 <p>Procesa grandes volúmenes de datos con alta eficiencia.</p>180 </div>181 <div class="feature-item">182 <i class="fas fa-lock"></i>183 <h3>Seguridad robusta</h3>184 <p>Protege tus datos con encriptación y autenticación avanzada.</p>185 </div>186 <div class="feature-item">187 <i class="fas fa-sync-alt"></i>188 <h3>Replicación automática</h3>189 <p>Garantiza alta disponibilidad y recuperación ante desastres.</p>190 </div>191 <div class="feature-item">192 <i class="fas fa-cogs"></i>193 <h3>Fácil integración</h3>194 <p>Se integra sin problemas con tus aplicaciones existentes.</p>195 </div>196 </div>197 </div>198 </section>199 200 <!-- Puedes agregar secciones adicionales: Precios, Documentación, Testimonios, etc. -->201 202 <!-- Footer -->203 <footer class="footer">204 <p>© 2025 InceptionDB. Todos los derechos reservados.</p>205 </footer>206 207 </body>208 </html>209 Enlace
El enlace para compartir es: