app-content.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  5. <meta name="robots" content="noindex, nofollow">
  6. <meta name="title" content="Kdan Mobile" />
  7. <meta name="copyright" content="KdanMobile.com" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  9. <title>Kdan Mobile</title>
  10. <style>
  11. *{
  12. box-sizing: border-box;
  13. }
  14. html{
  15. font-family: Arial;
  16. font-size: 16px;
  17. line-height: 1.5;
  18. color: #000;
  19. }
  20. body{
  21. margin: 0;
  22. }
  23. section{
  24. position: relative;
  25. display: block;
  26. margin: 5px auto 0;
  27. width: 100%;
  28. padding: 0 20px;
  29. overflow: hidden;
  30. }
  31. article {
  32. overflow-y: hidden;
  33. }
  34. p {
  35. margin-bottom: 0;
  36. line-height: 1.5;
  37. font-size: 14px;
  38. }
  39. /*ip5*/
  40. @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {
  41. p {
  42. margin-bottom: 15px;
  43. line-height: 1.4;
  44. font-size: 12px;
  45. }
  46. }
  47. /*ip6, 7, 8*/
  48. @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {
  49. p {
  50. margin-bottom: 15px;
  51. line-height: 1.5;
  52. font-size: 14px;
  53. }
  54. }
  55. /*ip6, 7, 8 +*/
  56. @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation : portrait) {
  57. p {
  58. margin-bottom: 15px;
  59. line-height: 1.5;
  60. font-size: 16px;
  61. }
  62. }
  63. /*ip10*/
  64. @media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
  65. p {
  66. margin-bottom: 15px;
  67. line-height: 1.6;
  68. font-size: 16px;
  69. }
  70. }
  71. /* ipad box */
  72. @media only screen and (min-device-width : 510px) and (max-device-width : 550px) {
  73. p {
  74. margin-bottom: 15px;
  75. line-height: 1.5;
  76. font-size: 14px;
  77. }
  78. }
  79. p.standcolor{
  80. color: rgb(0, 122, 255);
  81. }
  82. a.standcolor{
  83. display: inline-block;
  84. width: 48%;
  85. text-align: center;
  86. color: rgb(0, 122, 255);
  87. }
  88. a.standcolor-style2 {
  89. display: inline-block;
  90. color: rgb(0, 122, 255);
  91. }
  92. </style>
  93. </head>
  94. <body>
  95. <section>
  96. <article>
  97. <p>For all the subscriptions apply the following:</p>
  98. <p>- We offer 3-day or 7-day trial periods to new subscribers of Creativity 365.</p>
  99. <p>- The price of the subscription is shown in the Upgrade Options Panel updated to the time of the purchase.</p>
  100. <p>- Payment will be charged to iTunes Account at confirmation of purchase.</p>
  101. <p>- Subscription automatically renews unless auto-renew is turned off at least 24-hours before the end of the current period.</p>
  102. <p>- Account will be charged for renewal within 24-hours prior to the end of the current period, at the cost of the chosen package.</p>
  103. <p>- Any unused portion of a free trial period, if offered, will be forfeited when the user purchases a subscription to that publication, where applicable.</p>
  104. <p>- To view, manage, or cancel your subscriptions, you can click
  105. <a class="standcolor-style2" href="https://buy.itunes.apple.com/WebObjects/MZFinance.woa/wa/manageSubscriptions">Manage Subscriptions</a> link.
  106. </p>
  107. <p>- To find out how we protect your privacy you can read our
  108. <a class="standcolor-style2" href="https://cloud.kdanmobile.com/articles/terms_of_service">Terms of Service</a> &
  109. <a class="standcolor-style2" href="https://cloud.kdanmobile.com/articles/privacy_policy">Privacy Policy</a>
  110. </p>
  111. </article>
  112. </section>
  113. </body>
  114. </html>