API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 15th, 2015
233
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, intial-scale=1">
  6. <title>AMEX Insure</title>
  7. <link rel="stylesheet" href="1.4.5/jquery.mobile-1.4.5.min.css" />
  8. <link rel="stylesheet" href="css/themes/amex2.css" />
  9. <link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
  10. <script src="1.4.5/jquery-1.11.1.min.js"></script>
  11. <script src="1.4.5/jquery.mobile-1.4.5.min.js"></script>
  12. <style>
  13. .center-wrapper {
  14. margin:0 auto;
  15. margin-left:auto;
  16. margin-right:auto;
  17. align:center;
  18. text-align:center
  19. }
  20. .center-wrapper * {
  21. margin: 0 auto;
  22. }
  23. div{
  24. class="ui-nodisc-icon ui-alt-icon";
  25. }
  26. </style>
  27. </head>
  28. <body data-theme="amex2" class="ui-nodisc-icon ui-alt-icon" data-content-theme="amex2">
  29. <!-- Start of first page -->
  30. <div data-role="page" id="home">
  31.  
  32. <div data-role="header">
  33. <h1>Home</h1>
  34. </div><!-- /header -->
  35.  
  36. <div role="main" class="ui-content">
  37. <div class="center-wrapper">
  38. <img src="shield.jpg">
  39. <p><b>AMEX Safeguard</b></p><br><br>
  40. </div>
  41. <a class="ui-btn ui-icon-user ui-btn-icon-right" href="#bar">About Me</a>
  42. <a class="ui-btn ui-icon-action ui-btn-icon-right" href="#main">Manage Insurances</a>
  43. <a class="ui-btn ui-icon-shop ui-btn-icon-right" href="#claim">Claim</a>
  44. </div><!-- /content -->
  45.  
  46. <div data-role="footer">
  47. <h4></h4>
  48. </div><!-- /footer -->
  49. </div><!-- /page -->
  50. <div data-role="page" id="main">
  51. <div data-role="header"><h1><a href="#home"><button class="ui-icon-carat-l ui-btn-left ui-btn ui-corner-all ui-btn-icon-left ui-btn-icon-notext"></button></a>Manage Insureance<button class="ui-icon-user ui-btn-right ui-btn ui-corner-all ui-btn-icon-right ui-btn-icon-notext"></button></h1></div>
  52. <div role="main" class="ui-content">
  53.  
  54. <!-- Set of Buttons -->
  55. <a href="#travel" data-role="button" style="background-color:green; text-shadow: none;"><font color="white"">Single Trip Travel</font></a>
  56. <a href="#essentials" data-role="button" style="background-color:green; text-shadow: none;"><font color="white"">Essentials</font></a>
  57. <a href="#pet" data-role="button" style="background-color:green; text-shadow: none;"><font color="white"">Pet</font></a>
  58. <a href="#id" data-role="button" style="background-color:red; text-shadow: none;"><font color="white"">Identify Defence</font></a>
  59. <a href="#health" data-role="button" style="background-color:red; text-shadow: none;"><font color="white"">Healthcare</font></a>
  60. </div>
  61. <div data-role="mainter"><h4></h4>
  62. </div>
  63. </div>
  64.  
  65. <!-- Start of TRAVEL page -->
  66. <div data-role="page" id="travel">
  67. <div data-role="header">
  68. <h1><a href="#main"><button class="ui-icon-carat-l ui-btn-left ui-btn ui-corner-all ui-btn-icon-left ui-btn-icon-notext"></button></a>Travel Insurance</h1>
  69. </div><!-- /header -->
  70.  
  71. <div role="main" class="ui-content">
  72. <div data-role="collapsible-set" data-theme="amex2" data-content-theme="amex2">
  73. <div data-role="collapsible">
  74. <h3>CM Details</h3>
  75. <ol>
  76. <li>First Name: Justin</li>
  77. <li>Last Name: Nwankwo</li>
  78. <li>email: nwankwojustin@gmail.com</li>
  79. </ol>
  80. </div>
  81. <div data-role="collapsible">
  82. <h3>Insurance Details</h3>
  83. <label>Travellers</label>
  84. <Select>
  85. <option value="one">1</option>
  86. <option value="two">2</option>
  87. <option value="three">3</option>
  88. <option value="four">4</option>
  89. <option value="five">5</option>
  90. <option value="six">6</option>
  91. <option value="seven">7</option>
  92. </Select>
  93. <label>Level</label>
  94. <select>
  95. <option value="Essentials">Essentials</option>
  96. <option value="Select">Select</option>
  97. <option value="Prestige">Prestige</option>
  98. </select>
  99. <label>Length of trip</label>
  100. <Select>
  101. <option value="day">day</option>
  102. <option value="week">week</option>
  103. <option value="month">month</option>
  104. </Select>
  105. <label>Destination</label>
  106. <Select>
  107. <option value="Europe">Europe</option>
  108. <option value="US">US</option>
  109. <option value="Asia">ASIA</option>
  110. <option value="Africa">Africa</option>
  111. <option value="Australia">Australia</option>
  112. </Select>
  113. </div>
  114. </div data-icon>
  115. <a href="#main" data-role="button">Purchase</a>
  116. <a href="C:\Users\Justin\Desktop\insure\Essential_INS179.pdf">Policy Documents</a>
  117. <div>
  118. </div>
  119. </div><!-- /content -->
  120. <div data-role="mainter">
  121. </div><!-- /mainter -->
  122. </div>
  123. <!-- /page -->
  124.  
  125. <!-- Start of ESSENTIALS page -->
  126. <div data-role="page" id="essentials">
  127. <div data-role="header">
  128. <h1><a href="#main"><button class="ui-icon-carat-l ui-btn-left ui-btn ui-corner-all ui-btn-icon-left ui-btn-icon-notext"></button></a>Home Insurance</h1>
  129. </div><!-- /header -->
  130. <label for="info">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Only register items between £250 & £1500</label>
  131.  
  132. <div role="main" class="ui-content">
  133. <div data-role="collapsible-set" data-theme="amex2" data-content-theme="amex2">
  134. <div data-role="collapsible">
  135. <h3>Item 1</h3>
  136. name: <input type="text" name="fname"><br>
  137. Price: <input type="text" name="lname"><br>
  138. </form>
  139. </div>
  140. <div data-role="collapsible">
  141. <h3>Item 2</h3>
  142. name: <input type="text" name="fname"><br>
  143. Price: <input type="text" name="lname"><br>
  144. </div>
  145. <div data-role="collapsible">
  146. <h3>item 3</h3>
  147. name: <input type="text" name="fname"><br>
  148. Price: <input type="text" name="lname"><br>
  149. </div>
  150. <a href="#main" data-role="button">Add</a>
  151. </div>
  152. </div><!-- /content -->
  153. <div data-role="mainter">
  154. </div><!-- /mainter -->
  155. </div>
  156. <!-- /page -->
  157.  
  158. <!-- Start of PET page -->
  159. <div data-role="page" id="pet">
  160. <div data-role="header">
  161. <h1><a href="#main"><button class="ui-icon-carat-l ui-btn-left ui-btn ui-corner-all ui-btn-icon-left ui-btn-icon-notext"></button></a>Pet Insurance</h1>
  162. </div><!-- /header -->
  163.  
  164. <div role="main" class="ui-content">
  165. <div data-role="collapsible-set" data-theme="amex2" data-content-theme="amex2">
  166. <div data-role="collapsible">
  167. <h3>CM Details</h3>
  168. <ol>
  169. <li>First Name: Justin</li>
  170. <li>Last Name: Nwankwo</li>
  171. <li>email: nwankwojustin@gmail.com</li>
  172. </ol>
  173. </div>
  174.  
  175. <div data-role="collapsible">
  176. <h3>Insurance Details</h3>
  177. <label>Pet Date of Birth: <input type="text" name="dob"><br></label>
  178. <label>Name: <input type="text" name="firstname"><br></label>
  179. <label>Type of dog:</label>
  180. <Select>
  181. <option value="Breed">Breed</option>
  182. <option value="Crossbreed">Crossbreed</option>
  183. <option value="Mixed">Mixed</option>
  184. </Select>
  185. <label>Gender:</label>
  186. <Select>
  187. <option value="Male">Male</option>
  188. <option value="Female">Female</option>
  189. </Select>
  190. <label>Has your dog been microchipped?:</label>
  191. <Select>
  192. <option value="Yes">Yes</option>
  193. <option value="No">No</option>
  194. </Select>
  195. How much did you pay for your dog? (GBP): <input type="text" name="price"><br>
  196. <label>Is your dog a working dog e.g. gun dog, farm dog, racing dog, guard dog or used for security purposes?:</label>
  197. <Select>
  198. <option value="Yes">Yes</option>
  199. <option value="No">No</option>
  200. </Select>
  201. Policy start date: <input type="text" name="policystart">
  202. <a href="#main" data-role="button">Quote</a>
  203. </div>
  204.  
  205. </div>
  206.  
  207. </div><!-- /content -->
  208. <div data-role="mainter">
  209. </div><!-- /mainter -->
  210. </div>
  211. <!-- /page -->
  212.  
  213. <!-- Start of IDENTITY DEFENCE page -->
  214. <div data-role="page" id="id">
  215. <div data-role="header">
  216. <h1><a href="#main"><button class="ui-icon-carat-l ui-btn-left ui-btn ui-corner-all ui-btn-icon-left ui-btn-icon-notext"></button></a>Identify Defence Insurance</h1>
  217. </div><!-- /header -->
  218.  
  219. <div role="main" class="ui-content">
  220. <div data-role="collapsible-set data-theme="amex2" data-content-theme="amex2">
  221.  
  222. <p>
  223. Dealing with identity theft can be a difficult experience, but the great news is that American Express is working rigorously to help keep you on top of potential threats. Identity Defence Platinum offers you information and tools to keep you aware of threats to your identity. Accessible 24 hours a day, 365 days of the year, you can have the comfort of knowing that a wide range of online resources are at your fingertips.
  224. </p>
  225. <p>
  226. These days, as well as insuring your home and possessions, it is crucial to protect your identity too. If you become a victim of identity theft or fraud the consequences can be serious. Reassuringly, as a customer of American Express Identity Defence Platinum, you can be confident we are working on your behalf to help keep you aware of any threats to your identity.
  227. </p>
  228. <ol>
  229. <li>Key benefits:</li>
  230. <li>*Unlimited access to your Credit Report</li>
  231. <li>Check your credit score and credit rating</li>
  232. <li>Credit monitoring and alerts</li>
  233. <li>Take our Identity Theft Risk Assessment</li>
  234. <li>Fraud resolution team</li>
  235. </ol>
  236. <p>
  237. Please be aware, this is not an insurance product; it will not cover you for any losses you may sustain as a result of an identity fraud incident.
  238. </p>
  239. <p>
  240. All these features and benefits for 7.99GBP per month
  241. </p>
  242. <a href="#main" data-role="button">Purchase</a>
  243.  
  244. </div>
  245. </div><!-- /content -->
  246. <div data-role="mainter">
  247. </div><!-- /mainter -->
  248. </div>
  249. <!-- /page -->
  250.  
  251. <!-- Start of HEALTH page -->
  252. <div data-role="page" id="health">
  253. <div data-role="header">
  254. <h1><a href="#main"><button class="ui-icon-carat-l ui-btn-left ui-btn ui-corner-all
  255.  
  256. ui-btn-icon-left ui-btn-icon-notext"></button></a>Healthcare Insurance</h1>
  257. </div><!-- /header -->
  258.  
  259. <div role="main" class="ui-content">
  260. <div data-role="collapsible-set" data-theme="amex2" data-content-theme="amex2">
  261. <div data-role="collapsible">
  262. <h3>CM Details</h3>
  263. <ol>
  264. <li>First Name: Justin</li>
  265. <li>Last Name: Nwankwo</li>
  266. <li>email: nwankwojustin@gmail.com</li>
  267. </ol>
  268. </div>
  269.  
  270. <div data-role="collapsible">
  271. <h3>Insurance Details</h3>
  272. <label>Are you currently living in your country of citizenship / nationality?:</label>
  273. <Select>
  274. <option value="Yes">Yes</option>
  275. <option value="No">No</option>
  276. </Select>
  277. Where will you need insurance while you're living abroad? <input type="text" name="country"><br>
  278. <label>Excess:</label>
  279. <Select>
  280. <option value="100">100</option>
  281. <option value="100">250</option>
  282. <option value="100">500</option>
  283. <option value="100">750</option>
  284. <option value="100">1000</option>
  285. <option value="100">2,500</option>
  286. <option value="100">5,000</option>
  287. </Select>
  288. <label>Level:</label>
  289. <Select>
  290. <option value="Major Medical">Major Medical</option>
  291. <option value="Lifestyle">Lifestyle</option>
  292. <option value="Lifestyle Plus">Lifestyle Plus</option>
  293. </Select>
  294. </div>
  295.  
  296. Policy start date: <input type="text" name="policystart">
  297. <a href="#main" data-role="button">Quote</a>
  298. </div>
  299. </div><!-- /content -->
  300. <div data-role="mainter">
  301. </div><!-- /mainter -->
  302.  
  303.  
  304. </div>
  305. <!-- /page -->
  306.  
  307.  
  308. <!-- Start of second page -->
  309. <div data-role="page" id="bar">
  310.  
  311. <div data-role="header">
  312.  
  313. <h1><a href="#home"><button class="ui-icon-carat-l ui-btn-left ui-btn ui-corner-all ui-btn-icon-left ui-btn-icon-notext"></button></a>About Me</h1>
  314. </div><!-- /header -->
  315.  
  316. <div role="main" class="ui-content">
  317. <form>
  318. <label for="First Name">First Name:</label><input id="text-basic" name="text-basic" value="Justin" type="text">
  319. <label for="text-basic">Last Name:</label><input id="text-basic" name="text-basic" value="Nwankwo" type="text">
  320. <label for="text-basic">Address:</label><input id="text-basic" name="text-basic" value="some place, dhihsihd, bn1 thy" type="text">
  321. <label for="text-basic">Email:</label><input id="text-basic" name="text-basic" value="justin.o.nwankwo@aexp.com" type="text">
  322. <label for="text-basic">Phone Number:</label><input id="text-basic" name="text-basic" value="012738672791" type="text">
  323. <label for="text-basic">DOB:</label><input id="text-basic" name="text-basic" value="17/03/1991" type="text">
  324. <label for="text-basic">Card Number:</label><input id="text-basic" name="text-basic" value="123456789" type="text">
  325. <label for="text-basic">Security Number:</label><input id="text-basic" name="text-basic" value="1234" type="text">
  326. </form>
  327.  
  328. </div><!-- /content -->
  329.  
  330. <div data-role="footer">
  331. <h4></h4>
  332. </div><!-- /footer -->
  333. </div><!-- /page -->
  334. <!-- Start of second page -->
  335. <div data-role="page" id="claim">
  336. <div data-role="header">
  337. <h1><a href="#home"><button class="ui-icon-carat-l ui-btn-left ui-btn ui-corner-all ui-btn-icon-left ui-btn-icon-notext"></button></a>Claim</h1>
  338. </div><!-- /header -->
  339.  
  340. <div role="main" class="ui-content">
  341. <a class="ui-btn ui-icon-phone ui-btn-icon-right" href="tel:08000224355">Essentials</a>
  342. <a class="ui-btn ui-icon-phone ui-btn-icon-right" href="tel:02031264135">Travel</a>
  343. <a class="ui-btn ui-icon-phone ui-btn-icon-right" href="tel:03301231924">Pet</a>
  344. <a class="ui-btn ui-icon-phone ui-btn-icon-right" href="tel:08009172530">Identity defence</a>
  345. <a class="ui-btn ui-icon-phone ui-btn-icon-right" href="tel:08704224376">Healthcare</a>
  346.  
  347. </div><!-- /content -->
  348.  
  349. <div data-role="footer">
  350. <h4></h4>
  351. </div><!-- /footer -->
  352. </div><!-- /page -->
  353. <!-- Start of second page -->
  354. <div data-role="page" id="myPets">
  355.  
  356. <div data-role="header">
  357.  
  358. <h1><a href="#home"><button class="ui-icon-carat-l ui-btn-left ui-btn ui-corner-all ui-btn-icon-left ui-btn-icon-notext"></button></a>My Pets</h1>
  359. </div><!-- /header -->
  360.  
  361. <div role="main" class="ui-content">
  362. <form>
  363.  
  364.  
  365. <div class="ui-field-contain"> <label for="select-native-1">Pet:</label> <select id="select-native-1" name="select-native-1"> <option value="1">Dog</option> <option value="2">Cat</option> <option value="3">Rabbit</option> </select></div>
  366. <label for="text-basic">DOB:</label><input id="text-basic" name="text-basic" value="" type="text">
  367. <label for="text-basic">Name:</label><input id="text-basic" name="text-basic" value="" type="text">
  368. <label for="select-native-1">Type:</label> <select id="select-native-1" name="select-native-1"> <option value="1">Breed</option> <option value="2">Crossbreed</option> <option value="3">Mixed</option> </select></div>
  369. <label for="text-basic">Gender:</label><input id="text-basic" name="text-basic" value="" type="text">
  370. <label for="text-basic">Microchipped:</label><input id="checkbox-1a" name="checkbox-1a" CHECKED="" type="checkbox">
  371. <label for="text-basic">Neutered:</label><input id="checkbox-1a" name="checkbox-1a" CHECKED="" type="checkbox">
  372. <label for="text-basic">Cost:</label><input id="text-basic" name="text-basic" value="" type="text">
  373. <button class="ui-btn ui-corner-all">Buy Now</button>
  374. </form>
  375.  
  376. </div><!-- /content -->
  377.  
  378. <div data-role="footer">
  379. <h4>Page Footer</h4>
  380. </div><!-- /footer -->
  381. </div><!-- /page -->
  382.  
  383.  
  384. </body>
  385. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!