"Bootstrap Contact Form"
Bootstrap 3.0.0 Snippet by ggofis

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="anailetisim container-fluid">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="iletisimform">
<div class="mbottom">
<h2> İletişim Bilgilerinizi Bırakın </h2>
<p> Soru, görüş ve önerileriniz için bilgilerinizi bırakın biz sizi arayalım. </p>
</div>
<form role="form" action="/tr/iletisim/" method="post"><div class="form-group">
<div class="row">
<div class="col-md-6">
<input type="text" class="form-control input-lg" placeholder="Adınız" required="" name="isim" id="isim" value="">
</div>
<div class="col-md-6">
<input type="text" class="form-control input-lg" placeholder="Soyadınız" required="" name="soyisim" id="soyisim" value="">
</div>
</div>
</div><div class="form-group">
<div class="row">
<div class="col-md-6">
<input type="email" name="email" placeholder="E-Posta Adresiniz" required="" class="form-control input-lg" id="email" value="">
</div>
<div class="col-md-6">
<input type="tel" name="tel" placeholder="Telefon" required="" class="form-control input-lg" id="tel" value="">
</div>
</div>
</div><div class="form-group">
<div class="row">
<div class="col-md-12">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
/*ANA ILETISIM*/
.anailetisim {background: #95cb0e;border-top: 6px solid #87b50d;padding: 70px 0 0px 0;color:#fff;}
.anailetisim h2 {font:300 30px 'Raleway',sans-serif;}
.anailetisim .iletisimform input{color:#795548;font:300 16px 'Raleway',sans-serif;padding:12px 18px;border-radius: 8px;}
.anailetisim .iletisimform select {background: #fff url('../resimler/selectbg.png') right 4px center no-repeat;color:#ccc;font:300 16px 'Raleway',sans-serif;padding:12px 18px;border-radius: 8px;-webkit-appearance: inherit;}
.anailetisim .iletisimbilgi table td {vertical-align:top; color:#fff; font-weight:300; padding:0 12px 40px 12px; }
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: