iletisim.html

<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8">
<link href="style2.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<title>İletişim</title>
<link rel="icon" href="developer.ico">

<style>::-webkit-scrollbar-thumb {
    background: linear-gradient(
    to bottom,
    white,
    aqua,
    white);
    border-radius: 20px;
}

::-webkit-scrollbar-track {
    background: #ffffff;
}</style>
<div class="banner">
    <button class="btn" onClick="parent.location='index.html'"> Anasayfa </button>
</div>
</head>
<body>

<div class="container">
    <form id="contact" action="" method="">
        <h2>Bizimle İletişime Geç</h2>
        <div class="form-control">
            <input placeholder="Adınız Soyadınız" type="text" required autofocus>
        </div>
        <div class="form-control">
            <input placeholder="E-Posta Adresiniz" type="email" required>
        </div>
        <div class="form-control">
            <input placeholder="Konu" type="text" required>
        </div>
        <div class="form-control">
            <textarea placeholder="Lütfen Mesajınızı Buraya Yazın.." required></textarea>
        </div>
        <div class="form-control">
            <button name="gonder" type="gonder" id="gonder">GÖNDER</button>
        </div>
    </form>

    <div class="main">
 
        <a href="https://www.instagram.com/">
                <div class="yuvarlak"><i class="fa-brands fa-instagram"></i>
        </div></a>
            
        <a href="">
                <div class="yuvarlak"><i class="fa-brands fa-facebook"></i></div>
        </a>
        
        <a href="https://www.youtube.com">
                <div class="yuvarlak"><i class="fa-brands fa-youtube"></i></div>
        </a>
        
        <a href="">
                <div class="yuvarlak"><i class="fa-regular fa-envelope"></i></div>
        </a>
        </div>
</body>