API tools faq
paste
Guest User

Untitled

a guest
Oct 23rd, 2017
74
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.72 KB | None | 0 0
raw download clone embed print report
  1. <!-- build:include includes/page-top.html --><!-- /build -->
  2. <!-- build:include includes/header-secondary.html --><!-- /build -->
  3.  
  4. <div class="contact-us">
  5. <div class="contact-us__inner">
  6. <div class="contact-us__header" style="background-image:url('../images/content/contact-us-header.jpg');">
  7. <h1>Let's Connect</h1>
  8. </div>
  9.  
  10. <div class="contact-us__content">
  11. <div class="contact-us__tabs">
  12. <span>For questions regarding your<br/> membership as a travel agent, please<br/> reach out to info@scionhotels.com</span>
  13. <button type="button" class="contact-us__tab contact-us__inquiries-tab">Membership Inquiries</button>
  14. <button type="button" class="contact-us__tab contact-us__contacts-tab">Scion Hotel Contacts</button>
  15. </div>
  16. <div class="contact-us__contacts">
  17. <h4 class="contact-us__contacts__title">Toll-Free Reservations</h4>
  18. <hr class="contact-us__contacts__separator"/>
  19. <div class="contact-us__countries">
  20. <div class="contact-us__col">
  21. <h4 class="contact-us__countries-title">Asia</h4>
  22. <div class="contact-us__country">
  23. <h5 class="contact-us__country-name">China</h5>
  24. <a href="tel:0408822471" class="contact-us__country-phone">04.0882.2471</a>
  25. </div>
  26. <div class="contact-us__country">
  27. <h5 class="contact-us__country-name">Japan</h5>
  28. <a href="tel:0120700542" class="contact-us__country-phone">0120.700.542</a>
  29. </div>
  30. <div class="contact-us__country">
  31. <h5 class="contact-us__country-name">S. Korea</h5>
  32. <a href="tel:0807020882" class="contact-us__country-phone">080.702.0882</a>
  33. </div>
  34. <div class="contact-us__country">
  35. <h5 class="contact-us__country-name">Singapore</h5>
  36. <a href="tel:18006221785" class="contact-us__country-phone">1800.622.1785</a>
  37. </div>
  38. </div>
  39. <div class="contact-us__col">
  40. <h4 class="contact-us__countries-title">Europe</h4>
  41. <div class="contact-us__country">
  42. <h5 class="contact-us__country-name">France</h5>
  43. <a href="tel:0800918505" class="contact-us__country-phone">0800.918505</a>
  44. </div>
  45. <div class="contact-us__country">
  46. <h5 class="contact-us__country-name">Germany</h5>
  47. <a href="tel:8008827682" class="contact-us__country-phone">800.8827682</a>
  48. </div>
  49. <div class="contact-us__country">
  50. <h5 class="contact-us__country-name">Ireland</h5>
  51. <a href="tel:1800552470" class="contact-us__country-phone">1800.552.470</a>
  52. </div>
  53. <div class="contact-us__country">
  54. <h5 class="contact-us__country-name">United Kingdom</h5>
  55. <a href="tel:08082345463" class="contact-us__country-phone">0808.234.5463</a>
  56. </div>
  57. </div>
  58. <div class="contact-us__col">
  59. <h4 class="contact-us__countries-title">North America</h4>
  60. <div class="contact-us__country">
  61. <h5 class="contact-us__country-name">United States</h5>
  62. <a href="tel:18558786700" class="contact-us__country-phone">1855.878.6700</a>
  63. </div>
  64. <div class="contact-us__country">
  65. <h5 class="contact-us__country-name">Canada</h5>
  66. <a href="tel:18558786700" class="contact-us__country-phone">1855.878.6700</a>
  67. </div>
  68. <div class="contact-us__country">
  69. <h5 class="contact-us__country-name">Mexico</h5>
  70. <a href="tel:0018557031" class="contact-us__country-phone">001.855.7031</a>
  71. </div>
  72. </div>
  73. <div class="contact-us__col">
  74. <h4 class="contact-us__countries-title">Central America</h4>
  75. <div class="contact-us__country">
  76. <h5 class="contact-us__country-name">Panama</h5>
  77. <a href="tel:0018552137056" class="contact-us__country-phone">001.855.213.7056</a>
  78. </div>
  79. <h4 class="contact-us__countries-title">South America</h4>
  80. <div class="contact-us__country">
  81. <h5 class="contact-us__country-name">Brazil</h5>
  82. <a href="tel:08008920501" class="contact-us__country-phone">0800.892.0501</a>
  83. </div>
  84. <div class="contact-us__country">
  85. <h5 class="contact-us__country-name">Colombia</h5>
  86. <a href="tel:01800583670" class="contact-us__country-phone">0.18005.83670</a>
  87. </div>
  88. </div>
  89. <div class="contact-us__col">
  90. <h4 class="contact-us__countries-title">Russia</h4>
  91. <div class="contact-us__country">
  92. <a href="tel:88003335651" class="contact-us__country-phone">8.800.333.56.51</a>
  93. </div>
  94. <h4 class="contact-us__countries-title">Australia</h4>
  95. <div class="contact-us__country">
  96. <a href="tel:1800231477" class="contact-us__country-phone">1.800.231.477</a>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. <div class="contact-us__form">
  102. <form>
  103. <div class="contact-us__form_left">
  104. <div class="form-group">
  105. <label for="contact-us__select-01" class="form-label">What can we help you with?*</label>
  106. <select id="contact-us__select-01" class="custom-select">
  107. <option selected="" value="I have a development opportunity">I have a development opportunity</option>
  108. <option value="Public Relations">Public Relations</option>
  109. <option value="Communications">Communications</option>
  110. <option value="General Inquiries">General Inquiries</option>
  111. </select>
  112. </div>
  113. <div class="form-group">
  114. <label for="contact-us__select-02" class="form-label">Prefix</label>
  115. <select id="contact-us__select-02" class="custom-select">
  116. <option selected="" value="option-01">option-01</option>
  117. <option value="option-02">option-02</option>
  118. <option value="option-03">option-03</option>
  119. <option value="option-04">option-04</option>
  120. </select>
  121. </div>
  122. <div class="form-group">
  123. <label for="contact-us__first-name" class="form-label-alt">First Name</label>
  124. <input type="text" id="contact-us__first-name" class="form-control-alt">
  125. </div>
  126. <div class="form-group">
  127. <label for="contact-us__last-name" class="form-label-alt">Last Name</label>
  128. <input type="text" id="contact-us__last-name" class="form-control-alt">
  129. </div>
  130. <button type="submit" class="contact-us__submit">Submit</button>
  131. </div>
  132. <div class="contact-us__form_right">
  133. <div class="form-group">
  134. <label for="contact-us__email" class="form-label-alt">Email Address*</label>
  135. <input type="email" id="contact-us__email" class="form-control-alt" required>
  136. </div>
  137. <div class="form-group">
  138. <label for="contact-us__phone" class="form-label-alt">Phone Number</label>
  139. <input type="text" id="contact-us__phone" class="form-control-alt">
  140. </div>
  141. <div class="form-group">
  142. <label class="form-label" for="contact-us__comment">Comments*</label>
  143. <textarea class="form-control" id="contact-us__comment"></textarea>
  144. </div>
  145. </div>
  146. </form>
  147. </div>
  148. </div>
  149.  
  150. <div class="see-more">
  151. <div class="grid grid_gutter">
  152. <div class="grid__cell u-width-md-1of3">
  153. <div class="flip-panel">
  154. <div class="flip-panel__front">
  155. <figure class="flip-panel__image img-fit">
  156. <img src="../images/content/contact-us-pic-01.jpg" alt="see-more-img" width="292"
  157. height="305"/>
  158. </figure>
  159. <div class="flip-panel__content">
  160. <h3>See Our<br/> Scheduled<br/> Events</h3>
  161. </div>
  162. <div class="flip-panel__link">
  163. <a href="" class="flip-panel__more">See more</a> >
  164. </div>
  165. </div>
  166. <div class="flip-panel__back">
  167. <h3>The Entertainment Guide</h3>
  168. <h4>The best of the west end</h4>
  169. <div class="flip-panel__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
  170. do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  171. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  172. </div>
  173. <a href="" class="flip-panel__more">Read more</a>
  174. <div class="flip-panel__link">
  175. <a href="" class="flip-panel__close">&times;</a>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. <div class="grid__cell u-width-md-1of3">
  181. <div class="flip-panel">
  182. <div class="flip-panel__front">
  183. <figure class="flip-panel__image img-fit">
  184. <img src="../images/content/contact-us-pic-02.jpg" alt="see-more-img" width="292"
  185. height="305"/>
  186. </figure>
  187. <div class="flip-panel__content">
  188. <h3>The Latest<br/> In SCION News</h3>
  189. </div>
  190. <div class="flip-panel__link">
  191. <a href="" class="flip-panel__more">See more</a> >
  192. </div>
  193. </div>
  194. <div class="flip-panel__back">
  195. <h3>Lorem ipsum dolor sit amet consectetur</h3>
  196. <h4>The best of the west end</h4>
  197. <div class="flip-panel__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
  198. do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  199. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  200. </div>
  201. <a href="" class="flip-panel__more">Read more</a>
  202. <div class="flip-panel__link">
  203. <a href="" class="flip-panel__close">&times;</a>
  204. </div>
  205. </div>
  206. </div>
  207. </div>
  208. <div class="grid__cell u-width-md-1of3">
  209. <div class="flip-panel">
  210. <div class="flip-panel__front">
  211. <figure class="flip-panel__image img-fit">
  212. <img src="../images/content/contact-us-pic-03.jpg" alt="see-more-img" width="292"
  213. height="305"/>
  214. </figure>
  215. <div class="flip-panel__content">
  216. <h3>View Our<br/> Event Spaces</h3>
  217. </div>
  218. <div class="flip-panel__link">
  219. <a href="" class="flip-panel__more">See more</a> >
  220. </div>
  221. </div>
  222. <div class="flip-panel__back">
  223. <h3>Lorem ipsum dolor sit amet consectetur</h3>
  224. <h4>The best of the west end</h4>
  225. <div class="flip-panel__text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
  226. do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
  227. quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  228. </div>
  229. <a href="" class="flip-panel__more">Read more</a>
  230. <div class="flip-panel__link">
  231. <a href="" class="flip-panel__close">&times;</a>
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238.  
  239. <div class="join-community">
  240. <h3 class="join-community__title">Join Our Community</h3>
  241. <div class="join-community__text">Sign up and recieve our exclusive offers and promotions</div>
  242. <a href="#" class="join-community__link">SIGN ME UP!</a>
  243. </div>
  244. </div>
  245. </div>
  246.  
  247. <!-- build:include includes/page-bottom.html -->
  248. <!-- /build -->
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!