Untitled
unknown
plain_text
6 months ago
2.1 kB
4
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Search Engine Clone</title> <style> body { font-family: Arial, sans-serif; margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; background-color: #f2f2f2; } .logo { font-size: 3rem; font-weight: bold; color: #4285f4; } .search-container { width: 100%; max-width: 600px; margin-top: 20px; } .search-bar { width: 100%; padding: 10px; font-size: 1rem; border: 1px solid #ddd; border-radius: 24px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); outline: none; } .search-bar:focus { border-color: #4285f4; box-shadow: 0 2px 8px rgba(66, 133, 244, 0.3); } .search-button { margin-top: 10px; padding: 10px 20px; font-size: 1rem; background-color: #4285f4; color: #fff; border: none; border-radius: 24px; cursor: pointer; } .search-button:hover { background-color: #357ae8; } .footer { position: absolute; bottom: 20px; font-size: 0.9rem; color: #555; } .footer a { color: #4285f4; text-decoration: none; } .footer a:hover { text-decoration: underline; } </style> </head> <body> <div class="logo">My Search</div> <div class="search-container"> <input type="text" class="search-bar" placeholder="Search the web..."> <button class="search-button">Search</button> </div> <div class="footer"> <p>Powered by <a href="#">My Engine</a></p> </div> </body> </html>
Editor is loading...
Leave a Comment