PageRenderTime 21ms CodeModel.GetById 14ms RepoModel.GetById 0ms app.codeStats 0ms

/public/get-a-travel-insurance-quote.html

https://gitlab.com/mchiareli/plain-html
HTML | 353 lines | 219 code | 131 blank | 3 comment | 0 complexity | 23a9ff3c29b4c11a174d0874df99595e MD5 | raw file
    

  1. <!DOCTYPE html>

    2. 

  2. <html lang="en-US">

    3. 

  3. <head>

    4. 

  4.     

    5. 

  5.     <title>Insurance - HTML5 Template for Insurance Agency</title>

    6. 

  6.     

    7. 

  7.     <meta charset="UTF-8" />

    8. 

  8.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    9. 

  9. 

    10. 

  10.     <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Signika:300,400,600,700" />

    11. 

  11.     <link rel="stylesheet" type="text/css" href="_assets/_libs/font-awesome/css/font-awesome.css" /> 

    12. 

  12.     <link rel="stylesheet" type="text/css" href="_assets/_libs/no-ui-slider/jquery.nouislider.css" />

    13. 

  13.     <link rel="stylesheet" type="text/css" href="_assets/_libs/animate.css" /> 

    14. 

  14.     <link rel="stylesheet" type="text/css" href="_assets/_css/style.css" />  

    15. 

  15. 

    16. 

  16. </head>

    17. 

  17. <body>

    18. 

  18. 

    19. 

  19.     <div id="loader">

    20. 

  20. 

    21. 

  21.         <div class="loader-spinner">

    22. 

  22.         </div>

    23. 

  23.     

    24. 

  24.     </div>

    25. 

  25. 

    26. 

  26.     <header>

    27. 

  27.     

    28. 

  28.         <div class="center">

    29. 

  29. 

    30. 

  30.             <div class="logo">

    31. 

  31.             

    32. 

  32.                 <a href="index.html"><img src="_assets/_img/logo.png" alt="Insurance Agency" /></a>

    33. 

  33.             

    34. 

  34.             </div>

    35. 

  35. 

    36. 

  36.             <nav>

    37. 

  37. 

    38. 

  38.                 <ul class="menu">

    39. 

  39. 

    40. 

  40.                     <li class="active"><a href="index.html">Home</a></li>

    41. 

  41. 

    42. 

  42.                     <li>

    43. 

  43. 

    44. 

  44.                         <a href="about.html">Get a quote</a>

    45. 

  45.                         <i class="fa fa-caret-down"></i>

    46. 

  46. 

    47. 

  47.                         <ul class="submenu animated speed fadeInDown">

    48. 

  48. 

    49. 

  49.                             <li><a href="get-a-life-insurance-quote.html">Life insurance</a></li>

    50. 

  50.                             <li><a href="get-a-car-insurance-quote.html">Car insurance</a></li>

    51. 

  51.                             <li><a href="get-a-house-insurance-quote.html">House insurance</a></li>

    52. 

  52.                             <li><a href="get-a-travel-insurance-quote.html">Travel insurance</a></li>

    53. 

  53. 

    54. 

  54.                         </ul>

    55. 

  55. 

    56. 

  56.                     </li>

    57. 

  57. 

    58. 

  58.                     <li>

    59. 

  59.                         <a href="about.html">About us</a>

    60. 

  60.                     </li>

    61. 

  61. 

    62. 

  62.                     <li>

    63. 

  63.                         <a href="contact.html">Contact</a>

    64. 

  64.                     </li>

    65. 

  65. 

    66. 

  66.                 </ul>

    67. 

  67. 

    68. 

  68.                 <div class="menu-responsive"><i class="fa fa-bars"></i></div>

    69. 

  69.             

    70. 

  70.             </nav>

    71. 

  71.             

    72. 

  72.             <div class="clear">

    73. 

  73.             </div>

    74. 

  74. 

    75. 

  75.         </div>

    76. 

  76. 

    77. 

  77.     </header>

    78. 

  78. 

    79. 

  79.     <section class="quote-forms section-top-space section-gray">

    80. 

  80. 

    81. 

  81.         <div class="center">

    82. 

  82. 

    83. 

  83.             <div class="quote-form-background" style="background-image: url( '_assets/_img/travel-lovers.jpg' );">

    84. 

  84.             </div>

    85. 

  85.             

    86. 

  86.             <div class="quote-form-content">

    87. 

  87. 

    88. 

  88.                 <h2>Travel Insurance <span>Quote</span></h2>

    89. 

  89.                 <div class="form">

    90. 

  90. 

    91. 

  91.                     <h4>Level of protection: <span class="slider-value quote-form-element" data-name="Level of protection" data-slider-id="travel-protection-level">$<span></span></span></h4>

    92. 

  92.                     <div class="slider" data-slider-min="10000" data-slider-max="1000000" data-slider-start="200000" data-slider-step="10000" data-slider-id="travel-protection-level"></div>

    93. 

  93. 

    94. 

  94.                     <h4>Contact details:</h4>

    95. 

  95.                     <input type="text" class="quote-form-element quote-form-client-name" name="Full name" placeholder="Full Name..." />

    96. 

  96.                     

    97. 

  97.                     <span class="custom-dropdown last">

    98. 

  98.                     

    99. 

  99.                         <select name="How many persons?" class="custom-dropdown-select quote-form-element">

    100. 

  100.                         

    101. 

  101.                             <option value="-">How many persons?</option>

    102. 

  102.                             <option value="1">1</option>

    103. 

  103.                             <option value="2">2</option>

    104. 

  104.                             <option value="3">3</option>

    105. 

  105.                             <option value="4">4</option>

    106. 

  106.                             <option value="5">5</option>

    107. 

  107.                             <option value="6">6</option>

    108. 

  108.                             <option value="7">7</option>

    109. 

  109.                             <option value="8">8</option>

    110. 

  110.                             <option value="9">9</option>

    111. 

  111.                             <option value="10">10</option>

    112. 

  112.                         

    113. 

  113.                         </select>

    114. 

  114.                     

    115. 

  115.                     </span>

    116. 

  116.                     

    117. 

  117.                     <input type="text" name="Phone Number" placeholder="Phone Number..." class="quote-form-element" />

    118. 

  118.                     <input type="text" name="E-mail Address" placeholder="E-mail Address..." class="quote-form-element quote-form-client-email last" />

    119. 

  119.                     

    120. 

  120.                     <h4>Travel:</h4>

    121. 

  121.                     <input type="text" name="Destination" placeholder="Destination..." class="quote-form-element" />

    122. 

  122.                     

    123. 

  123.                     <span class="custom-dropdown last">

    124. 

  124.                         

    125. 

  125.                         <select name="How long?" class="custom-dropdown-select quote-form-element">

    126. 

  126. 

    127. 

  127.                             <option value="-">How long?</option>

    128. 

  128.                             <option value="less than 1 week">less than 1 week</option>

    129. 

  129.                             <option value="1 week">1 week</option>

    130. 

  130.                             <option value="2 weeks">2 weeks</option>

    131. 

  131.                             <option value="3 weeks">3 weeks</option>

    132. 

  132.                             <option value="4 weeks and more">4 weeks and more</option>

    133. 

  133. 

    134. 

  134.                         </select>

    135. 

  135. 

    136. 

  136.                     </span>

    137. 

  137. 

    138. 

  138.                     <button class="button button-navy-blue send-quote" type="button">Get a quote <i class="fa fa-paper-plane-o"></i></button>

    139. 

  139.                     

    140. 

  140.                     <div class="quote-form-thanks">

    141. 

  141.                     

    142. 

  142.                         <div class="quote-form-thanks-content">

    143. 

  143.                         

    144. 

  144.                             Your insurance quote has been sent successfully. 

    145. 

  145.                             <span class="quote-form-thanks-close">Close this notice.</span>

    146. 

  146.                         

    147. 

  147.                         </div>

    148. 

  148.                     

    149. 

  149.                     </div>

    150. 

  150.                 

    151. 

  151.                 </div>

    152. 

  152. 

    153. 

  153.             </div>

    154. 

  154.             

    155. 

  155.             <div class="clear">

    156. 

  156.             </div>

    157. 

  157. 

    158. 

  158.         </div>

    159. 

  159. 

    160. 

  160.     </section>

    161. 

  161. 

    162. 

  162.     <section class="double-content">

    163. 

  163.     

    164. 

  164.         <div class="center">

    165. 

  165.         

    166. 

  166.             <div class="green-line">

    167. 

  167.             </div>

    168. 

  168. 

    169. 

  169.             <div class="content-left">

    170. 

  170. 

    171. 

  171.                 <h2>Important documents</h2>

    172. 

  172.                 

    173. 

  173.                 <p>Etiam elit elit, commodo at interdum sed. Cras accumsan dignissim neque et pulvinar. In finibus vitae tellus at scelerisque. Etiam facilisis purus nec sem ultricies commodo.</p>

    174. 

  174.                 <p class="without-margin-bottom">Etiam id ante est. Aenean pellentesque quam vel purus tincidunt tristique. Integer arcu nibh, tempus id ultricies ut, vulputate nec nunc.</p>

    175. 

  175. 

    176. 

  176.             </div>

    177. 

  177.             

    178. 

  178.             <div class="content-right">

    179. 

  179. 

    180. 

  180.                 <ul class="documents without-margin-bottom">

    181. 

  181.                 

    182. 

  182.                     <li class="document document-pdf">

    183. 

  183.                     

    184. 

  184.                         <i class="fa fa-file-pdf-o"></i>

    185. 

  185.                         <a href="#">General Insurance Conditions</a>

    186. 

  186.                         <span>Document size: 34kb</span>

    187. 

  187.                     

    188. 

  188.                         <div class="clear">

    189. 

  189.                         </div>

    190. 

  190.                     

    191. 

  191.                     </li>

    192. 

  192.                     

    193. 

  193.                     <li class="document document-pdf">

    194. 

  194.                     

    195. 

  195.                         <i class="fa fa-file-pdf-o"></i>

    196. 

  196.                         <a href="#">Offer details</a>

    197. 

  197.                         <span>Document size: 34kb</span>

    198. 

  198.                     

    199. 

  199.                         <div class="clear">

    200. 

  200.                         </div>

    201. 

  201.                     

    202. 

  202.                     </li>

    203. 

  203.                     

    204. 

  204.                     <li class="document document-excel">

    205. 

  205.                     

    206. 

  206.                         <i class="fa fa-file-excel-o"></i>

    207. 

  207.                         <a href="#">Health Form</a>

    208. 

  208.                         <span>Document size: 41kb</span>

    209. 

  209.                     

    210. 

  210.                         <div class="clear">

    211. 

  211.                         </div>

    212. 

  212.                     

    213. 

  213.                     </li>

    214. 

  214.                 

    215. 

  215.                 </ul>

    216. 

  216. 

    217. 

  217.             </div>

    218. 

  218.             

    219. 

  219.             <div class="clear">

    220. 

  220.             </div>

    221. 

  221.         

    222. 

  222.         </div>

    223. 

  223.     

    224. 

  224.     </section>

    225. 

  225.                           

    226. 

  226.     <section class="contact contact-gray section-gray">

    227. 

  227.     

    228. 

  228.         <div class="center">

    229. 

  229.         

    230. 

  230.             <i class="fa fa-envelope-o background-icon"></i>

    231. 

  231.             <div class="contact-details">

    232. 

  232. 

    233. 

  233.                 <div class="contact-detail-single">

    234. 

  234.                 

    235. 

  235.                     <h3><i class="fa fa-map-marker"></i> Company informations</h3>

    236. 

  236.                     <p><strong>Insurance Agency</strong><br /> John Doe</p>

    237. 

  237.                     <p class="without-margin-bottom">5002 Example Street<br /> Los Angeles, CA 90034</p>

    238. 

  238.                      

    239. 

  239.                 </div>

    240. 

  240. 

    241. 

  241.                 <div class="contact-detail-single">

    242. 

  242.                 

    243. 

  243.                     <h3><i class="fa fa-envelope-o"></i> Contact details</h3>

    244. 

  244.                     <p>E-mail address: <br /><a href="#">contact@insuranceagency.com</a></p>     

    245. 

  245.                     <p class="without-margin-bottom"><button class="button button-navy-blue" data-action="show-contact-popup">Contact us! <i class="fa fa-paper-plane-o"></i></button></p>

    246. 

  246.                 

    247. 

  247.                 </div>

    248. 

  248.                 

    249. 

  249.                 <div class="contact-detail-single contact-detail-single-last">

    250. 

  250.                 

    251. 

  251.                     <h2>(+123) 456 789 000</h2> 

    252. 

  252.                     <p class="without-margin-bottom">Available 8:00am - 4:00pm</p> 

    253. 

  253.                 

    254. 

  254.                 </div>

    255. 

  255.             

    256. 

  256.             </div>

    257. 

  257. 

    258. 

  258.         </div>

    259. 

  259.     

    260. 

  260.     </section>

    261. 

  261. 

    262. 

  262.     <footer>

    263. 

  263. 

    264. 

  264.         <div class="center">

    265. 

  265. 

    266. 

  266.             <div class="green-line">

    267. 

  267.             </div>

    268. 

  268.         

    269. 

  269.             <nav>

    270. 

  270.         

    271. 

  271.                 <ul class="left">

    272. 

  272.     

    273. 

  273.                     <li>

    274. 

  274.                     

    275. 

  275.                         <h4>Insurances</h4>  

    276. 

  276.                         <ul class="sub">

    277. 

  277.                         

    278. 

  278.                             <li><a href="life-insurance.html">Life insurance</a></li>

    279. 

  279.                             <li><a href="car-insurance.html">Car insurance</a></li>

    280. 

  280.                             <li><a href="house-insurance.html">House insurance</a></li>

    281. 

  281.                             <li><a href="travel-insurance.html">Travel insurance</a></li>

    282. 

  282.                         

    283. 

  283.                         </ul>

    284. 

  284.                     

    285. 

  285.                     </li>

    286. 

  286.     

    287. 

  287.                     <li>

    288. 

  288.                     

    289. 

  289.                         <h4>Pages</h4>

    290. 

  290.                         <ul class="sub">

    291. 

  291.                         

    292. 

  292.                             <li><a href="index.html">Home</a></li>

    293. 

  293.                             <li><a href="about.html">Agents</a></li>

    294. 

  294.                             <li><a href="claims.html">Claims</a></li>

    295. 

  295.                             <li><button class="menu-element" data-action="show-quote-popup" data-quote-key="life-insurance">Get a quote</button></li>

    296. 

  296.                             <li><a href="blog.html">Blog</a></li>

    297. 

  297.                             <li><button class="menu-element" data-action="show-contact-popup">Contact</button></li>

    298. 

  298.                         

    299. 

  299.                         </ul>

    300. 

  300.                     

    301. 

  301.                     </li>

    302. 

  302.                     

    303. 

  303.                     <li>

    304. 

  304.                     

    305. 

  305.                         <h4>Find us!</h4>

    306. 

  306.                         <ul class="sub">

    307. 

  307.                         

    308. 

  308.                             <li><a href="#">Facebook</a></li>

    309. 

  309.                             <li><a href="#">Google+</a></li>

    310. 

  310.                         

    311. 

  311.                         </ul>

    312. 

  312.                     

    313. 

  313.                     </li>

    314. 

  314.                     

    315. 

  315.                 </ul>

    316. 

  316.             

    317. 

  317.             </nav>

    318. 

  318.             

    319. 

  319.             <ul class="right">

    320. 

  320.             

    321. 

  321.                 <li>Copyright &copy; 2015 <span class="divider">&middot;</span> <a href="index.html">Insurance Agency</a></li>

    322. 

  322.                 <li><div class="fb-like" data-href="https://www.facebook.com/envato" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true"></div></li>

    323. 

  323.             

    324. 

  324.             </ul>

    325. 

  325. 

    326. 

  326.             <div class="clear">

    327. 

  327.             </div>

    328. 

  328.         

    329. 

  329.         </div>

    330. 

  330.     

    331. 

  331.     </footer>

    332. 

  332. 

    333. 

  333.     <!--

    334. 

  334.     facebook SDK

    335. 

  335.     -->

    336. 

  336.     <div id="fb-root"></div>

    337. 

  337.     <script>(function(d, s, id) {

    338. 

  338.       var js, fjs = d.getElementsByTagName(s)[0];

    339. 

  339.       if (d.getElementById(id)) return;

    340. 

  340.       js = d.createElement(s); js.id = id;

    341. 

  341.       js.src = "http://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";

    342. 

  342.       fjs.parentNode.insertBefore(js, fjs);

    343. 

  343.     }(document, 'script', 'facebook-jssdk'));</script>

    344. 

  344. 

    345. 

  345.     <script src="_assets/_libs/jquery.js"></script>

    346. 

  346.     <script src="http://maps.google.com/maps/api/js?sensor=false"></script>

    347. 

  347.     <script src="_assets/_libs/no-ui-slider/jquery.nouislider.all.min.js"></script>

    348. 

  348.     <script src="_assets/_libs/smoothscroll.js"></script>

    349. 

  349.     <script src="_assets/_libs/parallax.js"></script>

    350. 

  350.     <script src="_assets/_js/functions.js"></script>

    351. 

  351. 

    352. 

  352. </body>

    353. 

  353. </html>
    354.