pupsparlour/contact.html at main · thomascanham/pupsparlour · 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
<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Global site tag (gtag.js) - Google Analytics -->


  <title>Pups Parlour Dog Grooming</title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <!-- Styles
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <!-- Bootstrap 3 -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  <link rel="stylesheet" href="styles/style.css">
  <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
</head>

<body>

  <a href="index.html" alt="Home Page Link">
    <img src="./images/banners/banner.jpg" alt="header" class="img-fluid banner">
    <img src="images/banners/bannersmall.png" alt="header" class="img-fluid bannersmall">
  </a>


  <div class="main">
    <!-- start main container -->
    <nav>
      <!-- navgigation bat -->
      <div class="topnav" id="myTopnav">
        <a href=""></a>
        <a href="index.html">Home</a>
        <a href="treatments.html">Treatments</a>
        <a href="meet.html">Meet The Groomer</a>
        <a href="gallery.html">Gallery</a>
        <a href="testimonials.html">Testimonials</a>
        <a href="contact.html">Contact</a>
        <a href="javascript:void(0);" style="font-size:15px;" class="icon" onclick="myFunction()">Menu &#9776;</a>
      </div>

      <script>
        function myFunction() {
          var x = document.getElementById("myTopnav");
          if (x.className === "topnav") {
            x.className += " responsive";
          } else {
            x.className = "topnav";
          }
        }
      </script>
    </nav>

    <div class="container">

      <div class="contactpage">
        <h2> Contact</h2>
        <p>To get in touch to make an appointment or for more information then please use one of the methods below. All
          messages and phones calls will be replied to within working hours.</p>
      </div>

      <div class="row justify-content-center my-5">

        <div class="col-md-4 text-center contacticon">
          <a href="tel:07840363242">
            <img class="img-fluid" src="images/contact/phonebadge.png" alt="">
            <h4>PHONE</h4>
            <p>07840 363242</p>
          </a>
        </div>

        <div class="col-md-4 text-center contacticon">
          <a href="mailto:samantha@pupsparlour.co.uk">
            <img class="img-fluid" src="images/contact/emailbadge.png" alt="">
            <h4>E-MAIL</h4>
            <p>samantha@pupsparlour.co.uk</p>
          </a>
        </div>

        <div class="col-md-4 text-center contacticon">
          <a href="https://www.facebook.com/Pupsparlour" target="_blank">
            <img class="img-fluid" src="images/contact/facebookbadge.png" alt="">
            <h4>FACEBOOK</h4>
            <p>Follow Me</p>
          </a>
        </div>

      </div>

      <div class="row justify-content-center">
        <div class="col-sm-6 text-center openingtimes">
          <h4><strong>Opening times</strong></h4>
          <ul>
            <li>Monday: 9:00 - 17:00</li>
            <li>Teusday: 9:00 - 17:00</li>
            <li>Wednesday: 9:00 - 17:00</li>
            <li>Thursday: 9:00 - 17:00</li>
            <li>Friday: 9:00 - 17:00</li>
            <li>Saturday: Closed</li>
            <li>Sunday: Closed</li>
          </ul>
        </div>

        <div class="col-sm-6 openingtimes">
          <h4><strong>Address</strong></h4>
          <ul>
            <li>Pups Parlour</li>
            <li>69 Kingfisher Road</li>
            <li>Mountsorrel</li>
            <li>Loughborough</li>
            <li>LE12 7FN</li>
          </ul>
        </div>

      </div>
    </div>

    <div class="container">
      <!--iframe for google maps here -->
    </div>
    <footer>
      <div class="social">
        <ul>
          <li><a href="https://www.facebook.com/Pupsparlour"><img src="images/footer/Icons/facebook.png" target="_blank"
                alt="Facebook" class="img-fluid"></a>
          <li>
          <li><a href="https://www.instagram.com/pupsparlour/"><img src="images/footer/Icons/instagram.png"
                target="_blank" alt="Instagram" class="img-fluid"></a>
          <li>
            <!-- <li><a href="https://www.snapchat.com/add/pupsparlour"><img src="images/footer/Icons/snapchat.png" target="_blank" alt="Snapchat" class="img-fluid"></a><li> -->
        </ul>
      </div>

      <h4>PUPS PARLOUR</h4>
      <h5>One to One Dog Grooming</h5>
      <p></p>
      <p>All rights reserved, © Copyright 2018</p>
    </footer>


</body>