Anasayfa
Anasayfa
Mağaza
form
0
form2
<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Form</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #f4f4f4; } .container { display: flex; max-width: 1200px; width: 100%; background: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); overflow: hidden; } .form-container { padding: 20px; flex: 1; } .form-container h2 { margin-top: 0; } .form-container label { display: block; margin-bottom: 8px; } .form-container input, .form-container textarea { width: calc(100% - 22px); padding: 10px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 4px; } .form-container input[type="submit"] { background-color: #007bff; color: white; border: none; cursor: pointer; padding: 15px; border-radius: 4px; font-size: 16px; } .form-container input[type="submit"]:hover { background-color: #0056b3; } .image-container { flex: 1; display: flex; justify-content: center; align-items: center; padding: 20px; } .image-container img { max-width: 100%; height: auto; border-radius: 8px; } </style> </head> <body> <div class="container"> <div class="form-container"> <h2>Formu Doldurun</h2> <form action="mailto:tolga.kabasakal@ikas.com" method="post" enctype="text/plain"> <label for="adsoyad">Ad Soyad (Zorunlu)</label> <input type="text" id="adsoyad" name="adsoyad" required> <label for="telefon">Telefon (Zorunlu)</label> <input type="text" id="telefon" name="telefon" required> <label for="magaza">Mağaza Adı (Zorunlu)</label> <input type="text" id="magaza" name="magaza" required> <label for="tur">Satmak İstediğiniz Tür (Opsiyonel)</label> <input type="text" id="tur" name="tur"> <label for="mesaj">Mesajınız (Opsiyonel)</label> <textarea id="mesaj" name="mesaj" rows="4"></textarea> <input type="submit" value="Gönder"> </form> </div> <div class="image-container"> <img src="https://cdn.myikas.com/images/75ae2daa-e40f-462e-969e-550d6c48373e/53576689-5aea-4d52-99c5-18ea1920b14a/image_1080.webp" alt="Görsel"> </div> </div> </body> </html>
