<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<section class="banner-area relative style" style=" background-image: linear-gradient(#fffabe, #d3f8ff);" id="home" data-parallax="scroll" data-image-src="http://www.blogmais.org/ourimg/big/0/1532_wallpaper-website.jpg">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="teklif pt-100 pb-100">
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-login" role="tab" aria-controls="nav-home" aria-selected="true">Giriş Yap</a>
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-uye-ol" role="tab" aria-controls="nav-profile" aria-selected="false">Üye Ol</a>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-login" role="tabpanel" aria-labelledby="nav-home-tab">
<form>
<div class="wc-social-login form-row-wide">
<p class="mt-2">Daha hızlı giriş yapmak veya kolay kayıt için bir sosyal hesap kullanın.</p>
<a href="#" class="button-social-login button-social-login-facebook"><img src="https://cdn.techgyd.com/50-Best-Facebook-Logo-Icons-GIF-Transparent-PNG-Images-54.png" class="arac-icon" alt="facebook ile giriş">Facebook ile Giriş</a>
<a href="#" class="button-social-login button-social-login-google"><img src="https://img.icons8.com/ios/1600/google-logo.png" class="arac-icon" alt="google ile giriş">Google ile Giriş</a>
</div>
<p class="wc-social-login-divider">
<span>ya da</span>
</p>
