diff options
Diffstat (limited to 'layouts/contact/list.html')
-rw-r--r-- | layouts/contact/list.html | 134 |
1 files changed, 70 insertions, 64 deletions
diff --git a/layouts/contact/list.html b/layouts/contact/list.html index a02b1a3..c8861a0 100644 --- a/layouts/contact/list.html +++ b/layouts/contact/list.html @@ -5,78 +5,84 @@ {{ if .Site.Data.contact.enable }} {{ "<!-- Contact Section Start -->" | safeHTML }} <section id="contact-section"> - <div class="container"> - <div class="row"> - <div class="col-md-6 mb-5 mb-md-0"> - <div class="block"> - {{ with .Site.Data.contact.contactFormTitle }}<h2 class="subtitle wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s">{{ . }}</h2>{{ end }} - {{ with .Site.Data.contact.contactFormSubtitle }}<p class="subtitle-des wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".5s">{{ . }}</p>{{ end }} - <div class="contact-form"> - <form method="POST" action="{{ .Site.Params.contactFormAction }}"> + <div class="container"> + <div class="row"> + <div class="col-md-6 mb-5 mb-md-0"> + <div class="block"> + {{ with .Site.Data.contact.contactFormTitle }}<h2 class="subtitle wow fadeInDown" data-wow-duration="500ms" + data-wow-delay=".3s">{{ . }}</h2>{{ end }} + {{ with .Site.Data.contact.contactFormSubtitle }}<p class="subtitle-des wow fadeInDown" + data-wow-duration="500ms" data-wow-delay=".5s">{{ . }}</p>{{ end }} + <div class="contact-form"> + <form method="POST" action="{{ .Site.Params.contactFormAction }}"> - <div class="form-group wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".6s"> - <input type="text" placeholder="Your Name" class="form-control" name="name" id="name"> - </div> + <div class="form-group wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".6s"> + <input type="text" placeholder="Your Name" class="form-control" name="name" id="name"> + </div> - <div class="form-group wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".8s"> - <input type="email" placeholder="Your Email" class="form-control" name="email" id="email"> - </div> + <div class="form-group wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".8s"> + <input type="email" placeholder="Your Email" class="form-control" name="email" id="email"> + </div> - <div class="form-group wow fadeInDown" data-wow-duration="500ms" data-wow-delay="1s"> - <input type="text" placeholder="Subject" class="form-control" name="subject" id="subject"> - </div> + <div class="form-group wow fadeInDown" data-wow-duration="500ms" data-wow-delay="1s"> + <input type="text" placeholder="Subject" class="form-control" name="subject" id="subject"> + </div> - <div class="form-group wow fadeInDown" data-wow-duration="500ms" data-wow-delay="1.2s"> - <textarea rows="6" placeholder="Message" class="form-control" name="message" id="message"></textarea> - </div> + <div class="form-group wow fadeInDown" data-wow-duration="500ms" data-wow-delay="1.2s"> + <textarea rows="6" placeholder="Message" class="form-control" name="message" id="message"></textarea> + </div> - <div id="submit" class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay="1.4s"> - <button type="submit" id="contact-submit" class="btn btn-default btn-send hvr-bounce-to-right" value="Send Message">Send Message</button> - </div> - </form> - </div> - </div> - </div> - <div class="col-md-6"> - <div class="map-area"> - {{ with .Site.Data.contact.mapTitle }}<h2 class="subtitle wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".3s">{{ . }}</h2>{{ end }} - {{ with .Site.Data.contact.mapSubtitle }}<p class="subtitle-des wow fadeInDown" data-wow-duration="500ms" data-wow-delay=".5s">{{ . }}</p>{{ end }} - <div class="map"> - <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3651.277552998015!2d90.3678744!3d23.773128800000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755c0ae4adf3cb9%3A0x7f2cf443b764e4a4!2sShishu+Mela!5e0!3m2!1sen!2s!4v1435516022247" - width="100%" height="400" frameborder="0" style="border:0" allowfullscreen></iframe> - </div> - </div> - </div> + <div id="submit" class="wow fadeInDown" data-wow-duration="500ms" data-wow-delay="1.4s"> + <button type="submit" id="contact-submit" class="btn btn-default btn-send hvr-bounce-to-right" + value="Send Message">Send Message</button> + </div> + </form> + </div> </div> - <div class="row address-details"> - <div class="col-lg-3 col-sm-6"> - <div class="address wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".3s"> - <i class="ion-ios-location-outline"></i> - {{ with .Site.Data.contact.officeAddress1 }}<h5>{{ . }}</h5>{{ end }} - </div> - </div> - <div class="col-lg-3 col-sm-6"> - <div class="address wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".5s"> - <i class="ion-ios-location-outline"></i> - {{ with .Site.Data.contact.officeAddress2 }}<h5>{{ . }}</h5>{{ end }} - </div> - </div> - <div class="col-lg-3 col-sm-6"> - <div class="email wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".7s"> - <i class="ion-ios-email-outline"></i> - <p>{{ with .Site.Data.contact.mail1 }}{{ . }}{{ end }} - <br>{{ with .Site.Data.contact.mail2 }}{{ . }}{{ end }}</p> - </div> - </div> - <div class="col-lg-3 col-sm-6"> - <div class="phone wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".9s"> - <i class="ion-ios-telephone-outline"></i> - <p>{{ with .Site.Data.contact.phone1 }}{{ . }}{{ end }} - <br>{{ with .Site.Data.contact.phone2 }}{{ . }}{{ end }}</p> - </div> - </div> + </div> + <div class="col-md-6"> + <div class="map-area"> + {{ with .Site.Data.contact.mapTitle }}<h2 class="subtitle wow fadeInDown" data-wow-duration="500ms" + data-wow-delay=".3s">{{ . }}</h2>{{ end }} + {{ with .Site.Data.contact.mapSubtitle }}<p class="subtitle-des wow fadeInDown" data-wow-duration="500ms" + data-wow-delay=".5s">{{ . }}</p>{{ end }} + <div class="map"> + <iframe + src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3651.277552998015!2d90.3678744!3d23.773128800000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3755c0ae4adf3cb9%3A0x7f2cf443b764e4a4!2sShishu+Mela!5e0!3m2!1sen!2s!4v1435516022247" + width="100%" height="400" frameborder="0" style="border:0" allowfullscreen></iframe> + </div> </div> + </div> </div> + <div class="row address-details"> + <div class="col-lg-3 col-sm-6"> + <div class="address wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".3s"> + <i class="ion-ios-location-outline"></i> + {{ with .Site.Data.contact.officeAddress1 }}<h5>{{ . }}</h5>{{ end }} + </div> + </div> + <div class="col-lg-3 col-sm-6"> + <div class="address wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".5s"> + <i class="ion-ios-location-outline"></i> + {{ with .Site.Data.contact.officeAddress2 }}<h5>{{ . }}</h5>{{ end }} + </div> + </div> + <div class="col-lg-3 col-sm-6"> + <div class="email wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".7s"> + <i class="ion-ios-email-outline"></i> + <p>{{ with .Site.Data.contact.mail1 }}{{ . }}{{ end }} + <br>{{ with .Site.Data.contact.mail2 }}{{ . }}{{ end }}</p> + </div> + </div> + <div class="col-lg-3 col-sm-6"> + <div class="phone wow fadeInLeft" data-wow-duration="500ms" data-wow-delay=".9s"> + <i class="ion-ios-telephone-outline"></i> + <p>{{ with .Site.Data.contact.phone1 }}{{ . }}{{ end }} + <br>{{ with .Site.Data.contact.phone2 }}{{ . }}{{ end }}</p> + </div> + </div> + </div> + </div> </section> {{ "<!-- Contact Section End -->" | safeHTML }} {{ end }} |