Hospital-Management-Html/contact.html at master · nirravv/Hospital-Management-Html · 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Contact — Unity Hospital</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/modern.css"/>
</head>
<body>
<div data-site-nav></div>

<section class="page-hero">
  <div class="container">
    <div class="breadcrumb reveal"><a href="index.html">Home</a> <span>/</span> Contact</div>
    <h1 class="reveal" data-delay="1">Let's <span class="grad">talk.</span></h1>
    <p class="reveal" data-delay="2">Questions, appointments, emergencies — we're always listening.</p>
  </div>
</section>

<section class="section-sm">
  <div class="container">
    <div class="contact-grid">
      <div class="reveal">
        <div class="info-card">
          <div class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg></div>
          <div><h4>Address</h4><p>Vaishnodevi Circle, SG Road<br/>Ahmedabad, IN</p></div>
        </div>
        <div class="info-card">
          <div class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20"><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7 12.8 12.8 0 0 0 .7 2.8 2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5 12.8 12.8 0 0 0 2.8.7 2 2 0 0 1 1.9 2z"/></svg></div>
          <div><h4>Phone</h4><p><a href="tel:+918866600555">+91 88666 00555</a></p></div>
        </div>
        <div class="info-card">
          <div class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg></div>
          <div><h4>Email</h4><p><a href="mailto:unityhospital@gmail.com">unityhospital@gmail.com</a></p></div>
        </div>
        <div class="info-card">
          <div class="ico"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg></div>
          <div><h4>Hours</h4><p>Mon–Sat · Open 24/7<br/>Sunday · 4:00 AM – 11:00 PM</p></div>
        </div>
        <div class="info-card" style="border-color:rgba(251,113,133,.35);background:rgba(251,113,133,.08)">
          <div class="ico" style="background:rgba(251,113,133,.2);color:var(--danger)"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="20"><path d="M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/><path d="M12 9v4M12 17h.01"/></svg></div>
          <div><h4>Emergency · 24/7</h4><p style="color:var(--danger)">Ambulance on call — dial above immediately.</p></div>
        </div>
      </div>

      <div class="glass reveal" data-delay="2" style="padding:36px">
        <h3 style="font-size:1.4rem;margin-bottom:8px">Send us a message</h3>
        <p class="text-dim" style="font-size:14px;margin-bottom:24px">We typically respond within an hour during working hours.</p>
        <form data-demo>
          <div class="form-grid">
            <div class="form-group">
              <label>Name</label>
              <input class="form-control" required placeholder="Your full name"/>
            </div>
            <div class="form-group">
              <label>Email</label>
              <input type="email" class="form-control" required placeholder="you@example.com"/>
            </div>
          </div>
          <div class="form-grid">
            <div class="form-group">
              <label>Subject</label>
              <input class="form-control" required placeholder="How can we help?"/>
            </div>
            <div class="form-group">
              <label>Mobile</label>
              <input class="form-control" placeholder="+91 ..."/>
            </div>
          </div>
          <div class="form-group">
            <label>Message</label>
            <textarea class="form-control" required placeholder="Share a few details..."></textarea>
          </div>
          <button type="submit" class="btn btn-primary" style="width:100%;justify-content:center">Send Message</button>
        </form>
      </div>
    </div>
  </div>
</section>

<div data-site-footer></div>
<script src="assets/js/modern.js"></script>
</body>
</html>