Untitled

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>ARDA & BİCAZ HUKUK BÜROSU/İletişim Bilgileri</title>
  <link rel="icon" href="images/icon.png">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
    integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  <link href="styles/contact.css" type="text/css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link
    href="https://fonts.googleapis.com/css?family=Cabin:600i|Gothic+A1:500,700|Open+Sans:600,600i|Roboto:300,400|Special+Elite|Vollkorn:400i"
    rel="stylesheet">
</head>

<body>
  <header>
    <div class="flex">
      <div class="company">
        <div class="text">
          <h4><span>ARDA & BİCAZ HUKUK BÜROSU</span></h4>
          <p>Avukatlık | Hukuki Danışmanlık | Arabuluculuk</p>
        </div>
      </div>
      <nav class="menu">
        <ul class="main-nav">
          <li><a href="index.html">Anasayfa</a></li>
          <li><a href="about_us.html">Hakkımızda</a></li>
          <li><a href="services.html">Faaliyet Alanlarımız</a></li>
          <li><a href="posts.html">Makaleler</a></li>
          <li><a href="contact.html">İletişim</a></li>
          <li>
            <div class="header-dropdown">
              <div class="header-dropbtn">
                <p>Faydalı Linkler</p>
              </div>
              <div class="hdropdown-content">
                <a rel="nofollow" href="http://www.istanbulbarosu.org.tr/" target="_blank">İstanbul Barosu</a>
                <a rel="nofollow" href="https://www.barobirlik.org.tr/" target="_blank">Türkiye Barolar Birliği</a>
                <a rel="nofollow" href="http://www.bilirkisilik.adalet.gov.tr/" target="_blank">Bilirkişilik Daire
                  Başkanlığı</a>
                <a rel="nofollow" href="http://www.adb.adalet.gov.tr/" target="_blank">Arabuluculuk Daire Başkanlığı</a>
                <a rel="nofollow" href="http://www.alternatifcozumler.adalet.gov.tr/" target="_blank">Alternatif
                  Çözümler Daire Başkanlığı</a>
                <a rel="nofollow" href="http://www.resmigazete.gov.tr/default.aspx" target="_blank">Resmi Gazete</a>
                <a rel="nofollow" href="http://www.danistay.gov.tr/" target="_blank">Danıştay</a>
                <a rel="nofollow" href="http://www.ito.org.tr/wps/portal" target="_blank">İstanbul Ticaret Odası</a>
                <a rel="nofollow" href="http://www.ticaretsicil.gov.tr/" target="_blank">Ticaret Sicil Gazetesi</a>
                <a rel="nofollow" href="http://www.calismatoplum.org/" target="_blank">Çalışma ve Toplum Dergisi</a>
              </div>
            </div>
          </li>
        </ul>
        <div class="dropdown">
          <div class="dropbtn">
            <img src="images/menuicon.png">
          </div>
          <div class="dropdown-content">
            <a href="index.html">Anasayfa</a>
            <a href="about_us.html">Hakkımızda</a>
            <a href="services.html">Faaliyet Alanlarımız</a>
            <a href="posts.html">Makaleler</a>
            <a href="contact.html">İletişim</a>
            <p id="links" style="margin-bottom:0px;">Faydalı Linkler<i class="fa fa-chevron-right"
                aria-hidden="true"></i></p>
          </div>
          <div class="links_hidden">
            <img id="cancel" style="width:16; height:16; margin-left:3rem;" src="images/cancel.png">
            <a rel="nofollow" href="http://www.istanbulbarosu.org.tr/" target="_blank">İstanbul Barosu</a>
            <a rel="nofollow" href="https://www.barobirlik.org.tr/" target="_blank">Türkiye Barolar Birliği</a>
            <a rel="nofollow" href="http://www.bilirkisilik.adalet.gov.tr/" target="_blank">Bilirkişilik Daire
              Başkanlığı</a>
            <a rel="nofollow" href="http://www.adb.adalet.gov.tr/" target="_blank">Arabuluculuk Daire Başkanlığı</a>
            <a rel="nofollow" href="http://www.alternatifcozumler.adalet.gov.tr/" target="_blank">Alternatif Çözümler
              Daire Başkanlığı</a>
            <a rel="nofollow" href="http://www.resmigazete.gov.tr/default.aspx" target="_blank">Resmi Gazete</a>
            <a rel="nofollow" href="http://www.danistay.gov.tr/" target="_blank">Danıştay</a>
            <a rel="nofollow" href="http://www.ito.org.tr/wps/portal" target="_blank">İstanbul Ticaret Odası</a>
            <a rel="nofollow" href="http://www.ticaretsicil.gov.tr/" target="_blank">Ticaret Sicil Gazetesi</a>
            <a rel="nofollow" href="http://www.calismatoplum.org/" target="_blank">Çalışma ve Toplum Dergisi</a>
          </div>
        </div>
      </nav>
    </div>
  </header>
  <div class="banner">
    <div class="downArrow bounce">
      <img width="40" height="40" src="images/down-arrow-white.png" />
    </div>
  </div>
  <div class="mid-line">
    <h3>İletişim Bilgileri</h3>
  </div>
  <div class="container">
    <div class="contact-info">
      <div class="map">
        <div id="top_line"><img src="images/google.png">ARDA & BİCAZ HUKUK BÜROSU</div>
        <iframe
          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3008.4716942934647!2d28.90998925051103!3d41.05868092416982!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cab1d671108613%3A0x68cc8da5f4b97b!2zQVJEQSAmIELEsENBWiBIdWt1ayBCw7xyb3N1!5e0!3m2!1sen!2str!4v1532177510577"
          width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
      </div>
      <div id="address">
        <h3><i id="map" class="fa fa-map-marker fa-lg"></i> Adres</h3>
        <p>Merkez Mahallesi, &nbsp;Serhat Sokak, Serhat İş Merkezi 3 </br>No: 2 &nbsp;Kat: 4 &nbsp;Daire: 22 </br>
          Gaziosmanpaşa, İstanbul</p>
        <p><i id="mobile-phone" class="fa fa-phone fa-lg"></i>&nbsp; 0212 578 88 79</p>
        <p><i id="land-phone" class="fa fa-mobile fa-2x"></i> &nbsp; 0536 644 88 79</p>
        <p><i id="email" class="fa fa-envelope fa-lg"></i>&nbsp; fatmaarda@istanbulbarosu.org.tr</p>
      </div>
    </div>
    <div id="contact-us">
      <form action='mail.php' method='post'>
        <fieldset>
          <legend>Iletisim Formu</legend>
          <input type='hidden' name='submitted' value='1' />
          <label for='name'> Ad-Soyad*</label><br>
          <input type='text' name='name' /> <br>
          <label for='email'>E-mail*</label><br />
          <input type='text' name='email' /> <br>
          <label for='phone'>Telefon</label><br />
          <input type='text' name='phone' /> <br>
          <label for='subject'> Konu*</label><br>
          <input type='text' name='subject' /> <br>
          <label for='message'>Mesajiniz*</label> <br />
          <textarea name='message' rows="8" cols="40"> </textarea>
          <br>
          <input type='submit' name='submit' value='Gonder' />
        </fieldset>
      </form>
    </div>
  </div>
  <footer>
    <div class="social">
      <p>&copy;2018 ARDA & BİCAZ HUKUK BÜROSU</p>
      <div class="social-right">
        <a target="_blank" href="https://www.linkedin.com/in/fatma-arda-bicaz-98347312a/"><img
            src="images/linkedin-logo.png" style="height:1rem;"></a>
      </div>
    </div>
    <nav class="contacts">
      <ul>
        <li><i aria-label="e-mail icon" class="fa fa-envelope fa-lg" style="padding-right:2px;"></i>
          fatmaarda@istanbulbarosu.org.tr</li>
        <li><i aria-label="phone icon" class="fa fa-phone fa-lg" style="padding-right:2px;"></i>0212 578 88 79</li>
      </ul>
    </nav>
  </footer>
  <script src="https://code.jquery.com/jquery-3.3.1.min.js"
    integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  <script type="text/javascript" src="js/main.js"></script>
</body>

</html>