1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>Enterprise — CarDatabase</title> 7 <link rel="preconnect" href="https://fonts.googleapis.com"> 8 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 9 <link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet"> 10 <style> 11 :root { 12 --ink: #111310; 13 --muted: #666b63; 14 --paper: #f3f1ea; 15 --surface: #fbfaf6; 16 --line: rgba(17, 19, 16, .13); 17 --acid: #d9ff43; 18 --orange: #ff5b35; 19 --night: #161914; 20 --radius: 24px; 21 --mono: "DM Mono", monospace; 22 --sans: "Manrope", sans-serif; 23 } 24 * { box-sizing: border-box; } 25 html { scroll-behavior: smooth; } 26 body { 27 margin: 0; 28 color: var(--ink); 29 background: var(--paper); 30 font-family: var(--sans); 31 -webkit-font-smoothing: antialiased; 32 min-height: 100vh; 33 display: flex; 34 flex-direction: column; 35 } 36 a { color: inherit; text-decoration: none; } 37 ::selection { background: var(--acid); color: var(--ink); } 38 39 /* ââ Header âââââââââââââââââââââ */ 40 header { border-bottom: 1px solid var(--line); } 41 nav { 42 height: 68px; 43 width: min(1220px, calc(100% - 40px)); 44 margin-inline: auto; 45 display: flex; 46 align-items: center; 47 justify-content: space-between; 48 } 49 .brand { 50 display: inline-flex; 51 align-items: center; 52 gap: 10px; 53 font-weight: 800; 54 font-size: 16px; 55 letter-spacing: -.04em; 56 } 57 .brand-mark { 58 width: 32px; height: 32px; 59 border-radius: 10px; 60 background: var(--ink); 61 position: relative; 62 transform: rotate(-5deg); 63 } 64 .brand-mark::before, .brand-mark::after { 65 content: ""; 66 position: absolute; 67 left: 6px; right: 6px; 68 height: 5px; 69 border: 2px solid var(--acid); 70 border-radius: 4px 4px 2px 2px; 71 } 72 .brand-mark::before { top: 7px; transform: skew(-18deg); } 73 .brand-mark::after { bottom: 6px; border-top: 0; } 74 .nav-links { 75 display: flex; 76 align-items: center; 77 gap: 24px; 78 font-size: 13px; 79 font-weight: 600; 80 } 81 .nav-links a { transition: opacity .2s; } 82 .nav-links a:hover { opacity: .52; } 83 84 /* ââ Main âââââââââââââââââââââââ */ 85 main { 86 flex: 1; 87 display: flex; 88 align-items: center; 89 justify-content: center; 90 padding: 40px 20px; 91 } 92 93 /* ââ Card âââââââââââââââââââââââ */ 94 .contact-card { 95 width: 100%; 96 max-width: 480px; 97 background: var(--surface); 98 border: 1px solid var(--line); 99 border-radius: var(--radius); 100 padding: 40px 36px; 101 } 102 .contact-card h1 { 103 margin: 0 0 6px; 104 font-size: 28px; 105 letter-spacing: -.04em; 106 font-weight: 700; 107 } 108 .contact-card > p { 109 margin: 0 0 32px; 110 color: var(--muted); 111 font-size: 14px; 112 line-height: 1.6; 113 } 114 115 /* ââ Error ââââââââââââââââââââââ */ 116 .error-msg { 117 display: flex; 118 align-items: center; 119 gap: 9px; 120 margin-bottom: 20px; 121 padding: 12px 15px; 122 border-radius: 12px; 123 font-size: 13px; 124 font-weight: 500; 125 background: #fef2f0; 126 color: #b8301c; 127 border: 1px solid rgba(255, 91, 53, .18); 128 } 129 .error-msg::before { 130 content: ""; 131 width: 7px; height: 7px; 132 border-radius: 50%; 133 background: var(--orange); 134 flex-shrink: 0; 135 } 136 137 /* ââ Form âââââââââââââââââââââââ */ 138 .field { 139 display: flex; 140 flex-direction: column; 141 gap: 6px; 142 margin-bottom: 18px; 143 } 144 .field label { 145 font: 500 10px var(--mono); 146 text-transform: uppercase; 147 letter-spacing: .1em; 148 color: var(--muted); 149 } 150 .field input, .field textarea { 151 padding: 0 15px; 152 border: 1px solid var(--line); 153 border-radius: 12px; 154 font-family: var(--sans); 155 font-size: 14px; 156 color: var(--ink); 157 background: var(--paper); 158 transition: border-color .2s, box-shadow .2s; 159 outline: none; 160 } 161 .field input { height: 48px; } 162 .field textarea { 163 padding: 13px 15px; 164 min-height: 110px; 165 resize: vertical; 166 } 167 .field input:focus, .field textarea:focus { 168 border-color: var(--orange); 169 box-shadow: 0 0 0 3px rgba(255, 91, 53, .1); 170 } 171 .field input::placeholder, .field textarea::placeholder { color: #bfbfb5; } 172 173 .btn { 174 min-height: 48px; 175 width: 100%; 176 padding: 0 21px; 177 border: 1px solid var(--ink); 178 border-radius: 99px; 179 display: inline-flex; 180 align-items: center; 181 justify-content: center; 182 gap: 10px; 183 font-family: var(--sans); 184 font-size: 14px; 185 font-weight: 700; 186 cursor: pointer; 187 transition: transform .2s, background .2s, color .2s, border-color .2s; 188 } 189 .btn-dark { 190 color: white; 191 background: var(--ink); 192 } 193 .btn-dark:hover { 194 background: var(--orange); 195 border-color: var(--orange); 196 transform: translateY(-2px); 197 } 198 199 /* ââ Success State ââââââââââââââ */ 200 .success-icon { 201 width: 56px; height: 56px; 202 margin: 0 auto 16px; 203 border-radius: 50%; 204 background: var(--acid); 205 display: grid; 206 place-items: center; 207 font-size: 24px; 208 } 209 .btn-row { 210 display: flex; 211 gap: 10px; 212 margin-top: 22px; 213 } 214 .btn-row .btn { flex: 1; } 215 216 /* ââ Enterprise Badge âââââââââââ */ 217 .plan-badge { 218 display: inline-flex; 219 align-items: center; 220 gap: 8px; 221 margin-bottom: 16px; 222 padding: 6px 14px; 223 border-radius: 99px; 224 font: 500 10px var(--mono); 225 text-transform: uppercase; 226 letter-spacing: .1em; 227 color: var(--ink); 228 background: var(--acid); 229 } 230 .plan-badge::before { 231 content: ""; 232 width: 6px; height: 6px; 233 border-radius: 50%; 234 background: var(--orange); 235 } 236 237 /* ââ Responsive âââââââââââââââââ */ 238 @media (max-width: 480px) { 239 .contact-card { padding: 28px 22px; border-radius: 20px; } 240 .contact-card h1 { font-size: 24px; } 241 } 242 </style> 243</head> 244<body> 245 246<header> 247 <nav> 248 <a class="brand" href="/">
249 <span class="brand-mark" aria-hidden="true"></span>CarDatabase 250 </a> 251 <div class="nav-links"> 252 <a href="/#platform">Platform</a> 253 <a href="/#pricing">Pricing</a> 254 <a href="/swagger">Docs</a> 255 <a href="login.php">Sign In</a> 256 </div> 257 </nav> 258</header> 259 260<main> 261 <div class="contact-card"> 262 263 <!-- âââ Contact Form âââ --> 264 <span class="plan-badge">Enterprise</span> 265 <h1>Custom plan</h1> 266 <p>Tell us your volume, use case and requirements — we’ll tailor a plan for your team.</p> 267 268 269 <form method="POST"> 270 <div class="field"> 271 <label for="name">Your Name</label> 272 <input id="name" type="text" name="name" placeholder="Jane Doe" required autofocus> 273 </div> 274 <div class="field"> 275 <label for="email">Email</label> 276 <input id="email" type="email" name="email" placeholder="[email protected]" required> 277 </div> 278 <div class="field"> 279 <label for="message">Tell us about your needs</label> 280 <textarea id="message" name="message" placeholder="Monthly volume, use case, special requirements…" required></textarea> 281 </div> 282 <button type="submit" class="btn btn-dark" style="margin-top:6px">Send Inquiry <span style="font-size:18px;line-height:0">â</span></button> 283 </form> 284 285 </div> 286</main> 287
288<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"e0f6e73d4d8d417cb8fc62f62d234fa5","r":1,"spa":2}' crossorigin="anonymous"></script>
288 289</body> 290</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.