Merhaba arkadaşlar
bu görüntüyü aşağıdaki gibi yapmak istiyorum nasıl yaparım?
<section class="contact">
<div class="container">
<div class="row">
<div class="col-lg-6" data-aos="zoom-in">
<div class="screen-reader-response"></div>
<form name="iletisim" method="POST" action="gonder.php">
<div style="display: none;">
</div>
<div style="float:left;width:70%;">
Ad Soyad: <input type="text" name="ad_soyad" size="50"><br />
Telefon: <input type="tel1" name="tel" size="50"><br />
E-Mail: <input type="text" name="email" size="50"><br />
Mesajiniz: <textarea rows="10" name="mesaj" cols="50"></textarea><br />
<input type="submit"s name="button" value="Gonder">
</div>
<div style="clear:both;"></div>
</div>
<div style="float:right;width:30%;">
<div class="col-lg-6" data-aos="zoom-in">
<p></p>
<i class="fas fa-map-marker-alt t-icon"></i>
<address><h3>MERKEZ OFİS-ÜRETİM<h3> Hacı Muhittin Cad. No 47 / A 34810 Kanlıca, Beykoz/İstanbul</address>
<i class="fas fa-envelope t-icon"></i>
<a class="link" href="mailto:info@tado.com.tr">E-posta: info@tado.com.tr</a><br>
<address><h3>ESTONYA OFİS<h3> Lasnamae 4B-27 11412 Talinn/Estonya </address>
<i class="fas fa-envelope t-icon"></i>
<a class="link" href="mailto:info@tado.com.tr">E-posta: info@tado.com.tr</a>
<ul class="social-media mt30">
<li><a href="https://www.facebook.com/profile.php?id=100027595538977" target="_blank"><i class="fab fa-facebook-f"></i></a></li><li><a href="https://twitter.com/NdaTado" target="_blank"><i class="fab fa-twitter"></i></a></li><li><a href="https://www.instagram.com/tadotadinda/" target="_blank"><i class="fab fa-instagram"></i></a></li>
</li><li><a href="https://www.linkedin.com/in/tado-tad%C4%B1nda-dondurulmu%C5%9F-frozen-in-tasty-4b86b9170" target="_blank"><i class="fab fa-linkedin"></i></a></li> </ul>
</div>
Merhaba çalıntı iş değil wordpressten html css çektik php çalışmadıgı için formu manuel birdaha yaptık
Tamam o zaman yardımcı olayım
Gördüğüm kadarı ile bootstrap ile yapılmış sayfa şu şekilde düzenlersen olacaktır.
<div class="col-lg-6">
<div class="col-lg-6"><input type="text" name="ad_soyad" size="50" placeholder="Adınız Soyadınız"></div>
<div class="col-lg-6"><input type="tel1" name="tel" size="50" placeholder="Telefon Numaranız"></div>
<div class="col-lg-6"><input type="text" name="email" size="50" placeholder="E-Mail Adresiniz"></div>
<div class="col-lg-12"><textarea rows="10" name="mesaj" cols="50" placeholder="Mesajınız"></textarea></div>
</div>
En son tüm divleri col-lg-12 kapsayıcısına alıp adres kısmınıda col-lg-6 olarak div içine alırsanız sayfayı düzgün bir şekilde bölmüş hemde bootstrap özelliklerini kullanmış olursunuz.