PetStore/contact.html at main · DevlanCodingPlayground/PetStore · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="" />
    <meta name="generator" content="Hugo 0.88.1" />
    <title>🐶PetStore - All Your Favourite Pets Under One Roof</title>
    <!-- Bootstrap core CSS -->
    <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <!-- Application Color -->
    <meta name="theme-color" content="#7952b3" />
    <!-- Custom styles for this template -->
    <link href="assets/css/petstore.css" rel="stylesheet" />
  </head>
  <body>
    <header>
      <!-- Start Navigation Bar -->
      <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
        <div class="container-fluid">
          <a class="navbar-brand" href="index.html">🐶PetStore</a>
          <button
            class="navbar-toggler"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#navbarCollapse"
            aria-controls="navbarCollapse"
            aria-expanded="false"
            aria-label="Toggle navigation"
          >
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav me-auto mb-2 mb-md-0">
              <li class="nav-item">
                <a class="nav-link" href="index.html"> Home </a>
              </li>
              <li class="nav-item">
                <a class="nav-link " href="about.html">About Us</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="gallery.html">Gallery</a>
              </li>
              <li class="nav-item">
                <a class="nav-link active" href="contact.html">Contact Us</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>
    </header>

    <main>


      <div class="container marketing">
        <!-- START THE FEATURETTES -->


        <hr class="featurette-divider" />
        <div class="row featurette">
          <div class="col-md-6 order-md-1">
            <h2>About Us</h2>
           <form>
            <div class="mb-3">
                <label for="formGroupExampleInput" class="form-label">Your name</label>
                <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Enter  name">
              </div>
              <div class="mb-3">
                <label for="formGroupExampleInput2" class="form-label">Your email</label>
                <input type="email" class="form-control" id="formGroupExampleInput2" placeholder="Enter email">
              </div>
              <div class="mb-3">
                <label for="formGroupExampleInput2" class="form-label">Your Subject</label>
                <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Enter Subject">
              </div>
              <div class="mb-3">
                <label for="exampleFormControlTextarea1" class="form-label">Your message</label>
                <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
              </div>
              <div class="col-12">
                <button class="btn btn-primary" type="submit">Contact us</button>
              </div>
           </form>
            <br />

          </div>

          <div class="col-md-6 order-md-1">
            <div class="mapouter"><div class="gmap_canvas"><iframe width="500" height="500" id="gmap_canvas" src="https://maps.google.com/maps?q=90100%20machakos&t=&z=19&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="https://123movies-to.org">12</a><br><style>.mapouter{position:relative;text-align:right;height:500;width:600;}</style><a href="https://www.embedgooglemap.net">google map in website</a><style>.gmap_canvas {overflow:hidden;background:none!important;height:500px;width:500px;}</style></div></div>

          </div>


        <!-- /END THE FEATURETTES -->
      </div>
      <!-- /.container -->

      <!-- FOOTER -->
      <footer class="container">
        <p class="text-center">
          &copy; 2022 - <span id="year"></span>. 🐶PetStore Inc. All Rights
          Reserverved. Designed And Developed by
          <a href="https://devlan.co.ke">Devlan Solutions </a>
        </p>
      </footer>
    </main>

    <!-- Bootstrap Js Plugins -->
    <script src="plugins/bootstrap/js/bootstrap.min.js"></script>
    <!-- Jquerry -->
    <script src="plugins/jquerry/jquerry.js"></script>
    <!-- Petstore Core Js -->
    <script src="assets/js/petstore.js"></script>
  </body>
</html>