Avipro-Travels/contact.html at main · N-PCs/Avipro-Travels · GitHub

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Contact Us - Avipro Travels</title>
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <header>
      <div class="container header-container">
        <div class="logo">
                <h1><a href="index.html">Avipro<span>Yatra</span></a>
      <p class="tagline">Experience Incredible India</p></h1>
        </div>
        <nav>
          <div class="mobile-menu">☰</div>
          <ul class="nav-menu">
            <li><a href="index.html" class="nav-link active">Home</a></li>
            <li><a href="about.html" class="nav-link">About Us</a></li>
            <li><a href="packages.html" class="nav-link">Tour Packages</a></li>
            <li><a href="gallery.html" class="nav-link">Gallery</a></li>
            <li><a href="contact.html" class="nav-link">Contact Us</a></li>
            <li>
              <a href="admin-login.php" class="btn admin-btn">Admin Login</a>
            </li>
          </ul>
        </nav>
      </div>
    </header>

    <!-- Page Header -->
    <section class="page-header">
      <div class="container">
        <h1>Contact Us</h1>
        <div class="breadcrumb">
          <a href="index.html">Home</a> <span>/</span>
          <a href="#">Contact Us</a>
        </div>
      </div>
    </section>

    <!-- Contact Section -->
    <section class="section">
      <div class="container">
        <div class="contact-container">
          <div class="contact-info">
            <h2>Get In Touch</h2>
            <p>
              Have questions about our travel packages? We're here to help!
              Reach out to us using the information below or fill out the
              contact form.
            </p>

            <div class="contact-item">
              <div class="contact-icon">📍</div>
              <div>
                <h3>Our Office</h3>
                <p>VIT Bhopal University , India</p>
              </div>
            </div>

            <div class="contact-item">
              <div class="contact-icon">📞</div>
              <div>
                <h3>Phone Number</h3>
                <p>+91 98XX‑XXX‑XXX</p>
              </div>
            </div>

            <div class="contact-item">
              <div class="contact-icon">✉️</div>
              <div>
                <h3>Email Address</h3>
                <p>aviprotravels@gmail.com</p>
              </div>
            </div>

            <div class="contact-item">
              <div class="contact-icon">🕒</div>
              <div>
                <h3>Working Hours</h3>
                <p>Monday - Friday: 9:00 AM - 6:00 PM</p>
                <p>Saturday: 10:00 AM - 4:00 PM</p>
              </div>
            </div>
          </div>

          <div class="contact-form">
            <h2>Send Us a Message</h2>
            <form id="contact-form">
              <div class="form-group">
                <label for="contact-name">Full Name</label>
                <input
                  type="text"
                  id="contact-name"
                  class="form-control"
                  required
                />
              </div>
              <div class="form-group">
                <label for="contact-email">Email</label>
                <input
                  type="email"
                  id="contact-email"
                  class="form-control"
                  required
                />
              </div>
              <div class="form-group">
                <label for="contact-subject">Subject</label>
                <input
                  type="text"
                  id="contact-subject"
                  class="form-control"
                  required
                />
              </div>
              <div class="form-group">
                <label for="contact-message">Message</label>
                <textarea
                  id="contact-message"
                  class="form-control"
                  required
                ></textarea>
              </div>
              <button type="submit" class="btn">Send Message</button>
            </form>
          </div>
        </div>
      </div>
    </section>

    <!-- Footer -->
    <footer>
      <div class="container">
        <div class="footer-content">
          <!-- Same footer as index.html -->
        </div>
        <div class="copyright">
          <p>&copy; 2025 Avipro Travels. All Rights Reserved.</p>
        </div>
      </div>
    </footer>

    <script src="js/main.js"></script>
    <script src="js/forms.js"></script>
  </body>
</html>