index.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="theme-color" content="#007bff" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>ip2location</title>
  8. <link rel="stylesheet" href="/styles.css?v={{$.Data.AssetsVersion}}" />
  9. </head>
  10. <body>
  11. <div class="v-center">
  12. <div class="v-center-row">
  13. <header>
  14. <div class="container-fluid">
  15. <div class="row">
  16. <div class="col-12">
  17. <div class="header">
  18. <h1><a href="/">ip2location</a></h1>
  19. <h2>{{$.Data.Additional.ClientIP}}</h2>
  20. </div>
  21. </div>
  22. </div>
  23. </div>
  24. </header>
  25. <main>
  26. <div class="container-fluid">
  27. <div class="row">
  28. <div class="col-12">
  29. <div class="card">
  30. <h2>{{$.Data.Additional.GeoIPData}}</h2>
  31. <hr />
  32. <form action="/" method="get">
  33. <div class="row">
  34. <div class="col-12 col-sm-7 col-md-7 col-lg-7 col-xl-7">
  35. <input class="form-control" type="text" name="ip" value="{{$.Data.Additional.ClientIP}}" />
  36. </div>
  37. <div class="col-12 col-sm-5 col-md-5 col-lg-5 col-xl-5">
  38. <button class="btn blue" type="submit">Check</button>
  39. </div>
  40. </div>
  41. </form>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. </main>
  47. <footer>
  48. <div class="container-fluid">
  49. <div class="row">
  50. <div class="col-12">
  51. <div class="footer">
  52. v{{$.Data.AppVersion}}
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. </footer>
  58. </div>
  59. </div>
  60. </body>
  61. </html>