proxy técnico

327 dexter.h196

Abrir en el editor Publica tu código

Recomendado

27 May 2026

boom proxy

28 April 2026

proxy de utopía

30 April 2026

Proxy de URL HTML con iFrame

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>DuckDuckGo Search</title>
  <style>
    * {
      box-sizing: border-box;
    }

body {
      margin: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      background: #0f172a;
      color: #e5e7eb;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
    }

.container {
      width: 100%;
      max-width: 600px;
      padding: 24px;
      background: rgba(15, 23, 42, 0.9);
      border-radius: 16px;
      box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
      border: 1px solid rgba(148, 163, 184, 0.4);
    }

h1 {
      margin: 0 0 8px;
      font-size: 1.8rem;
      text-align: center;
    }

p {
      margin: 0 0 24px;
      text-align: center;
      color: #9ca3af;
    }

form {
      display: flex;
      gap: 8px;
    }

input[type="text"] {
      flex: 1;
      padding: 10px 12px;
      border-radius: 999px;
      border: 1px solid #4b5563;
      background: #020617;
      color: #e5e7eb;
      outline: none;
      font-size: 0.95rem;
    }

input[type="text"]:focus {
      border-color: #22c55e;
      box-shadow: 0 0 0 1px rgba(34, 197, 94, 0.4);
    }

button {
      padding: 10px 18px;
      border-radius: 999px;
      border: none;
      background: #22c55e;
      color: #022c22;
      font-weight: 600;
      cursor: pointer;
      font-size: 0.95rem;
      white-space: nowrap;
    }

button:hover {
      background: #16a34a;
    }

.footer {
      margin-top: 18px;
      font-size: 0.75rem;
      text-align: center;
      color: #6b7280;
    }

.footer a {
      color: #9ca3af;
      text-decoration: none;
    }

.footer a:hover {
      text-decoration: underline;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Search with DuckDuckGo</h1>
    <p>Type your query below and press Enter or click Search.</p>

<form action="https://duckduckgo.com/" method="get" target="_blank">
      
      <input
        type="text"
        name="q"
        placeholder="Search the web privately..."
        autocomplete="off"
        required
      />
      <button type="submit">Search</button>
    </form>

<div class="footer">
      Results are provided by <a href="https://duckduckgo.com" target="_blank" rel="noopener noreferrer">DuckDuckGo</a>.
    </div>
  </div>
</body>
</html>

CSS