<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"></script>

    <style>
        *{
  margin: 0;
  padding: 0;
  font-family: "montserrat",sans-serif;
}
.contact-section{
  background: url("https://i.ibb.co/Tq9HmFY/bg.png") no-repeat center;
  background-size: cover;
  padding: 40px 0;
}
.contact-section h1{
  text-align: center;
  color: #ddd;
}
.border{
  width: 100px;
  height: 10px;
  background: #34495e;
  margin: 40px auto;
}

.contact-form{
  max-width: 600px;
  margin: auto;
  padding: 0 10px;
  overflow: hidden;
}

.contact-form-text{
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 16px 0;
  border: 0;
  background: #111;
  padding: 20px 40px;
  outline: none;
  color: #ddd;
  transition: 0.5s;
}
.contact-form-text:focus{
  box-shadow: 0 0 10px 4px #34495e;
}
textarea.contact-form-text{
  resize: none;
  height: 120px;
}
.contact-form-btn{
  float: right;
  border: 0;
  background: #34495e;
  color: #fff;
  padding: 12px 50px;
  border-radius: 20px;
  cursor: pointer;
  transition: 0.5s;
}
.contact-form-btn:hover{
  background: #2980b9;
}

    </style>
  </head>
  <body>
  
	
<body class=" ">
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
    <div class="container-fluid">
      <a class="navbar-brand" href="home.php">Mary poçta</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="collapsibleNavbar">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="home.php">Baş sahypa</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="user_tracking.php">Poçtaňyzy yzarlaň</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="about.php">Biz barada</a>
          </li>  
          <li class="nav-item">
            <a class="nav-link" href="logout.php">Ulgamdan çykmak</a>
          </li>  
          <li class="nav-item">
            <a class="nav-link" href="contact.php">Habarlaşmak</a>
          </li>  
         
        </ul>
      </div>
    </div>
  </nav>
<div class="contact-section">

  <h1>Habarlaşmak</h1>
  <div class="border"></div>
  <form class="contact-form" action="home.php" method="post">
    <input type="text" class="contact-form-text" placeholder="Adyňyz">
    <input type="email" class="contact-form-text" placeholder="Elektron poçtaňyz">
    <input type="text" class="contact-form-text" placeholder="Telefon belgiňiz">
    <textarea class="contact-form-text" placeholder="Habaryňyz"></textarea>
    <input type="submit" class="contact-form-btn" value="Ugratmak">
  </form>
</div>


  </body>
</html>
