<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/stylesheets/style.css"/>
    <link rel="stylesheet" href="/stylesheets/bootstrap.css"/>
    <link rel="icon" href="/images/veilsa.png"/>
    <script src="https://kit.fontawesome.com/fe063c303c.js" crossorigin="anonymous"></script>
    <title>Home - Veilsa</title>
</head>
<body class="body">
    <nav class="navbar navbar-expand-lg p-2 navbar-light bg-light shadow">
      <div class="container-fluid">
      <a class="navbar-brand" href="/"><i class="fab fa-uncharted"></i> Veilsa</a>
      <button class="navbar-toggler text-light" data-bs-target="navbarSupportedContent">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav ms-auto mb-2 mb-lg-2">
          <li class="navbar-item dropdown">
            <a class="nav-link active dropdown-toggle" href="#" data-bs-toggle="dropdown">
              <i class="fas fa-terminal"></i> Projeler</a>
            <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
              <li><a class="dropdown-item" href="/project/mobile"><i class="fas fa-mobile-alt"></i> Mobil</a></li>
              <li><a class="dropdown-item" href="/project/web"><i class="far fa-window-maximize"></i> Web</a></li>
            </ul>
          </li>
          <li class="navbar-item">
            <a class="nav-link active" href="/aboutus"><i class="fas fa-address-card"></i> Hakkımızda</a>
          </li>
          <li class="navbar-item">
            <a class="nav-link active" href="/aboutus#contact"><i class="fas fa-headset"></i> İletişim</a>
          </li>
          <li class="navbar-item">
            <a class="nav-link active" href="/blog"><i class="fas fa-blog"></i> Blog</a>
          </li>
        </ul>
      </div>
      </div>
    </nav>

  <section id="go" class="section">
    <div class="container">
    <h2 align="center" class="pt-5 pb-5">Hakkımızda</h2>
    <h4>Kuruluş</h4>
    <p class="pb-2">2022 Yılı Ocak ayında Erzurum merkezli, dört ortaklı limited şirket olarak kurulmuştur. Web ve mobil uygulama geliştirerek müşterilere en iyi hizmeti sunmaya çalışmaktayız.</p>
    
    <h4>Misyon</h4>
    <p class="pb-2">Bizlere şirketlerinin internet dünyasındaki vitrinlerini emanet edenlere en son yenilikler ışığında hızlı, karlı, güvenli ve etkin çözümler sunabilmektir. Ürün ve hizmet kalitemizi sürekli geliştirerek müşteri talep ve beklentilerini en üst seviyede karşılamak, Güçlü bir iletişim ile müşterilerimizle aramızda duygusal bir bağ yaratmak ve müşteri sadakatini sağlamak, rekabet gücümüzü ve kârlılığımızı arttırmak adına kaliteli hizmet sunmaktır.</p>

      <h4>Vizyon</h4>
      <p>Konusunda uzman ve tecrübeli kadromuzla bilgi teknolojileri alanında yenilikçi, dürüst, memnuniyete önem veren ve çoğu kesim tarafından basite indirgenen hizmet alanlarımızın önemini kanıtlayan bir firma olmak. Yazlım ve tasarım sektöründe mutlu ettiği müşterilerle önce İzmir’in, daha sonra da Türkiye’nin yenilikçi, mükemmelliği arayan, saygın ve lider firması olabilmektir.</p>
  </div>
  </section>

  <section id="contact" class="section" style="margin-bottom:100px">
    <div class="container"> 
    <h2 align="center" class="pt-5 pb-5">İletişim</h2>
    
<div>
  <h3>Bize mail gönder</h3>
  <br/> 
  <form id="form" action="/sendmail" method="POST">
    <div class="row">
      <div class="col-md-4">
      <label for="name" class="form-label">İsim</label>
      <input type="text" class="form-control shadow" name="name" id="name">
    </div>
  
    <div class="col-md-4 float-end">
      <label for="surname" class="form-label">Soy isim</label>
      <input type="text" class="form-control shadow" name="surname" id="surname">
    </div>
  </div> 
  <br/>
    <div class="row">
    <div class="col-md-4">
    <label for="email" class="form-label">E-Posta</label>
    <input type="text" class="form-control shadow" name="email" id="email">
  </div>

  <div class="col-md-4 float-end">
    <label for="subject" class="form-label">Konu</label>
    <input type="text" class="form-control shadow" name="subject" id="subject">
  </div>
</div> 
<br/>
  <div class="col-md-8">
    <label for="message" class="form-label">Mesaj</label>
    <textarea class="form-control shadow pb-5" name="message" id="message"></textarea>
</div>   
  </form> 
</div>

<div class="col-md-3 btn float-end position-relative" style="bottom:300px;">
  <i class="fas fa-map fa-2x"></i><br/> 
  <h4>Adres</h4> 
  <p>Erzurum</p>
</div>

<div class="col-md-3 btn float-end position-relative" style="bottom:100px; left:280px">
  <i class="fas fa-phone fa-2x"></i><br/> 
  <h4>Telefon</h4> 
  <p>+90 555 555 55 55</p>
</div>

</div>
  </section>


<footer class="text-center text-lg-start bg-light text-muted pt-5">
  <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom">

    <div class="me-5 d-none d-lg-block">
      <span>Sosyal medya:</span>
    </div>

    <div>
      <a href="https://twitter.com/veilsayazilim" class="me-4 text-dark text-decoration-none">
        <i class="fab fa-twitter"></i>
      </a>
      <a href="https://instagram.com/veilsayazilim" class="me-4 text-dark text-decoration-none">
        <i class="fab fa-instagram"></i>
      </a>
      <a href="https://github.com/veilsa" class="me-4 text-dark text-decoration-none">
        <i class="fab fa-github"></i>
      </a>
    </div>
  </section>
  <section class="">
    <div class="container text-center text-md-start mt-5">
      <div class="row mt-3">
        <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
          <h6 class="text-uppercase fw-bold mb-4">
            <i class="fas fa-gem me-3"></i>Veilsa Yazılım
          </h6>
          <p>
            Veilsa Teknoloji Kurumsal Altyapısında sizleri güven, kalite, uygun fiyatlama ve kusursuz projelerin hızlı teslimi beklemektedir. Kurumsal Yazılım Firmaları arasında en güvenilir ve en şeffaf hizmetleri ile Veilsa, tanışmaktan ve çalışmaktan mutluluk duyacağınız yegane Yazılım ve Teknoloji Firmasıdır.
          </p>
        </div>

        <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
          <h6 class="text-uppercase fw-bold mb-4">
            Projeler
          </h6>
          <p>
            <a href="/projeler/mobil" class="text-reset">Mobil</a>
          </p>
          <p>
            <a href="/projeler/web" class="text-reset">Web</a>
          </p>
        </div>

        <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
          <h6 class="text-uppercase fw-bold mb-4">
            Linkler
          </h6>
          <p>
            <a href="/" class="text-reset">Anasayfa</a>
          </p>
          <p>
            <a href="/aboutus" class="text-reset">Hakkımızda</a>
          </p>
          <p>
            <a href="/aboutus#contact" class="text-reset">İletişim</a>
          </p>
          <p>
            <a href="/blog" class="text-reset">Blog</a>
          </p>
        </div>

        <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">

          <h6 class="text-uppercase fw-bold mb-4">
            Contact
          </h6>
          <p><i class="fas fa-home me-3"></i> Erzurum</p>
          <p>
            <i class="fas fa-envelope me-3"></i>
            veilsa@protonmail.com
          </p>
        </div>
      </div>
    </div>
  </section>

  <div class="text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
    © 2021 Copyright:
    <a class="text-reset fw-bold" href="https://mdbootstrap.com/">Veilsa</a>
  </div>
</footer>

<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="/javascripts/bootstrap.min.js"></script>
</body>
</html>