dfhfhfgg commited on
Commit
f1fefd4
Β·
verified Β·
1 Parent(s): 1170839

Create preview.html

Browse files
Files changed (1) hide show
  1. preview.html +263 -0
preview.html ADDED
@@ -0,0 +1,263 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html amp>
3
+ <head>
4
+ <meta http-equiv="content-type" content="text/html; charset=utf-8">
5
+ <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
6
+ <meta charset="utf-8">
7
+ <meta name="viewport" content="width=device-width,minimum-scale=1">
8
+ <link href="https://fonts.googleapis.com/css?family=Open+Sans:700,300" rel="stylesheet" type="text/css">
9
+ <style amp-custom>#branch-sdk{position:fixed;bottom:0;left:0;right:0;}
10
+ body {
11
+ margin: 0;
12
+ word-wrap: break-word;
13
+ font-family: "Open Sans", Helvetica, serif;
14
+ }
15
+ /* ============ Portrait ============ */
16
+ .main-image {
17
+ width: 100%;
18
+ height: 250px;
19
+ height: 75vw;
20
+ background-size: cover;
21
+ background-position: top center;
22
+ }
23
+ #content-container {
24
+ box-sizing: border-box;
25
+ padding: 24px;
26
+ margin: 0 24px;
27
+ background-color: #fff;
28
+ }
29
+ .app-title {
30
+ font-size: 14px;
31
+ padding-bottom: 11px;
32
+ text-transform: uppercase;
33
+ }
34
+ .card-title {
35
+ font-size: 33px;
36
+ line-height: 36px;
37
+ }
38
+ .app-content {
39
+ padding-top: 10px;
40
+ padding-bottom: 100px;
41
+ font-size: 20px;
42
+ }
43
+ .input-wrapper {
44
+ position: fixed;
45
+ bottom: 0;
46
+ left: 0;
47
+ width: 100%;
48
+ height: 110px;
49
+ background-color: #fff;
50
+ box-shadow: 0px -20px 20px -8px rgba(255,255,255,1);
51
+ }
52
+ .input-container {
53
+ width: 100%;
54
+ padding: 0 24px;
55
+ text-align: center;
56
+ box-sizing: border-box;
57
+ }
58
+ .form-get-the-app {
59
+ display: -webkit-box;
60
+ display: flex;
61
+ text-align: center;
62
+ padding-top: 10px;
63
+ border-top: 2px solid #cecece;
64
+ min-height: 300px;
65
+ }
66
+ .input-label {
67
+ padding: 4px 10px;
68
+ font-size: 13px;
69
+ overflow: hidden;
70
+ word-wrap: break-word;
71
+ text-align: center;
72
+ }
73
+ .app-icon {
74
+ width: 62px;
75
+ height: 62px;
76
+ line-height: 62px;
77
+ background-size: 100% auto;
78
+ }
79
+ .cta-button {
80
+ -webkit-box-flex: 1;
81
+ flex-grow: 1;
82
+ height: 62px;
83
+ line-height: 62px;
84
+ background-color: #444;
85
+ border-radius: 2px;
86
+ font-size: 20px;
87
+ padding: 0 20px;
88
+ margin-left: 10px;
89
+ color: #fff;
90
+ text-align: center;
91
+ text-decoration: none;
92
+ display: block;
93
+ }
94
+ /* No data (portrait) */
95
+ @media only screen and (orientation: portrait) {
96
+ .card--no-data .main-image {
97
+ background-image: url("http://s3-us-west-1.amazonaws.com/branch-assets/b_stripes-small.png");
98
+ background-size: auto;
99
+ background-position: top center;
100
+ background-repeat: repeat;
101
+ height: 190px;
102
+ }
103
+ .card--no-data > .app-icon {
104
+ position: absolute;
105
+ top: 160px;
106
+ left: 34px;
107
+ }
108
+ .card--no-data #content-container {
109
+ margin-top: 20px;
110
+ }
111
+ }
112
+ @media screen /* >= iPhone 5 */
113
+ and (min-device-width: 321px) {
114
+ .input-label {
115
+ font-size: 14px;
116
+ }
117
+ }
118
+ @media only screen /* >= iPhone 6 */
119
+ and (min-device-width: 375px)
120
+ and (orientation: portrait) {
121
+ .main-image {
122
+ height: 300px;
123
+ height: 80vw;
124
+ }
125
+ .app-content {
126
+ padding-bottom: 120px;
127
+ }
128
+ .input-wrapper {
129
+ height: 115px;
130
+ }
131
+ }
132
+ @media only screen /* >= iPhone 6+ */
133
+ and (min-device-width: 414px)
134
+ and (orientation: portrait) {
135
+ .main-image {
136
+ height: 390px;
137
+ height: 95vw;
138
+ }
139
+ }
140
+ /* ============ Landscape ============ */
141
+ @media only screen and (orientation: landscape){
142
+ .main-image {
143
+ position: fixed;
144
+ height: 100%;
145
+ height: 100vh;
146
+ width: 50%;
147
+ }
148
+ .input-wrapper {
149
+ right: 0;
150
+ left: auto;
151
+ width: 50%;
152
+ }
153
+ #content-container {
154
+ float: left;
155
+ width: 50%;
156
+ margin-left: 50%;
157
+ }
158
+ .input-wrapper {
159
+ height: 108px;
160
+ }
161
+ .app-content {
162
+ padding-bottom: 110px;
163
+ }
164
+ .form-get-the-app {
165
+ padding-top: 8px;
166
+ }
167
+ .input-container {
168
+ left: 50%;
169
+ }
170
+ .cta-button {
171
+ height: 44px;
172
+ line-height: 44px;
173
+ padding: 0 5px;
174
+ margin-left: 50px;
175
+ }
176
+ .app-icon {
177
+ width: 44px;
178
+ height: 44px;
179
+ }
180
+ /* No data (landscape) */
181
+ .card--no-data .main-image {
182
+ height: 100%;
183
+ }
184
+ .card--no-data > .app-icon {
185
+ display: none;
186
+ }
187
+ .card--no-data #content-container {
188
+ margin-top: 0;
189
+ }
190
+ }
191
+ @media only screen /* >= iPhone 6 */
192
+ and (min-device-width: 645px)
193
+ and (orientation: landscape) {
194
+ .form-get-the-app {
195
+ padding-top: 8px;
196
+ }
197
+ .cta-button {
198
+ height: 62px;
199
+ line-height: 62px;
200
+ padding: 0 20px;
201
+ margin-left: 70px;
202
+ }
203
+ .app-icon {
204
+ width: 62px;
205
+ height: 62px;
206
+ top: -2px;
207
+ }
208
+ }
209
+ /* Reusables */
210
+ .text-bold {
211
+ font-weight: 700
212
+ }
213
+ .text-light {
214
+ font-weight: 300;
215
+ }
216
+ .cta-button--no-app-icon {
217
+ margin-left: 0;
218
+ }
219
+ </style>
220
+ <link rel="apple-touch-icon" href="https://scontent-xx-fbcdn-net.translate.goog/v/t1.15752-9/436667526_775796951205814_3390175928533937362_n.png?stp=dst-png_p206x206&_nc_cat=109&ccb=1-7&_nc_sid=0024fc&_nc_ohc=QYULP-WjwWgQ7kNvgE9KB0w&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QFiZwdx8tCYYfjjNE14BW9VNA46byZ7-Q62FHyaZy73Rg&oe=66A4A6F8&_x_tr_sl=auto&_x_tr_tl=es&_x_tr_hl=es&_x_tr_pto=wapp;πŸ‘¨πŸ‘΅πŸ§“πŸ‘΄πŸ‘²πŸ‘³β€β™€οΈπŸ‘³β€β™‚οΈπŸ§•?ms=facebook&amp;auto=1&amp;campaign_id=120202450306420044&amp;adgroup_id=120202450306410044&amp;ad_id=120202450490120044&amp;fbclid=IwAR1YqeX0xDfbjCbMflKwP6z-0Ongio95ofLkM6z_XP2JrXmxPQUdD5Amvog?post_id=754167459898401&amp;view=permalink?utm_campaign=SA-FR-Traffic-JOR23-05-Jordan-(SF)&amp;utm_content=FB%252BIG-All18-65%252B-Jordan-Broad&amp;utm_term=6452846822642&amp;utm_source=FacebookInstagram&amp;utm_medium=SocialPaid&amp;fbclid=IwAR2QaqyD5YXn2_EX2Y_ONi18clZ4TsDem917Am288FeaQRPoTDYVb9WGvbA&amp;channel_url=https%3A%2F%2Fstaticxx.-.com%2Fconnect%2Fxd_arbiter%2Fr%2F__Bz3h5RzMx.js">
221
+ <meta property="og:image" content="https://scontent-xx-fbcdn-net.translate.goog/v/t1.15752-9/436667526_775796951205814_3390175928533937362_n.png?stp=dst-png_p206x206&_nc_cat=109&ccb=1-7&_nc_sid=0024fc&_nc_ohc=QYULP-WjwWgQ7kNvgE9KB0w&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QFiZwdx8tCYYfjjNE14BW9VNA46byZ7-Q62FHyaZy73Rg&oe=66A4A6F8&_x_tr_sl=auto&_x_tr_tl=es&_x_tr_hl=es&_x_tr_pto=wapp;πŸ‘¨πŸ‘΅πŸ§“πŸ‘΄πŸ‘²πŸ‘³β€β™€οΈπŸ‘³β€β™‚οΈπŸ§•?ms=facebook&amp;auto=1&amp;campaign_id=120202450306420044&amp;adgroup_id=120202450306410044&amp;ad_id=120202450490120044&amp;fbclid=IwAR1YqeX0xDfbjCbMflKwP6z-0Ongio95ofLkM6z_XP2JrXmxPQUdD5Amvog?post_id=754167459898401&amp;view=permalink?utm_campaign=SA-FR-Traffic-JOR23-05-Jordan-(SF)&amp;utm_content=FB%252BIG-All18-65%252B-Jordan-Broad&amp;utm_term=6452846822642&amp;utm_source=FacebookInstagram&amp;utm_medium=SocialPaid&amp;fbclid=IwAR2QaqyD5YXn2_EX2Y_ONi18clZ4TsDem917Am288FeaQRPoTDYVb9WGvbA&amp;channel_url=https%3A%2F%2Fstaticxx.-.com%2Fconnect%2Fxd_arbiter%2Fr%2F__Bz3h5RzMx.js">
222
+ <meta name="twitter:image:src" content="https://scontent-xx-fbcdn-net.translate.goog/v/t1.15752-9/436667526_775796951205814_3390175928533937362_n.png?stp=dst-png_p206x206&_nc_cat=109&ccb=1-7&_nc_sid=0024fc&_nc_ohc=QYULP-WjwWgQ7kNvgE9KB0w&_nc_ad=z-m&_nc_cid=0&_nc_ht=scontent.xx&oh=03_Q7cD1QFiZwdx8tCYYfjjNE14BW9VNA46byZ7-Q62FHyaZy73Rg&oe=66A4A6F8&_x_tr_sl=auto&_x_tr_tl=es&_x_tr_hl=es&_x_tr_pto=wapp;πŸ‘¨πŸ‘΅πŸ§“πŸ‘΄πŸ‘²πŸ‘³β€β™€οΈπŸ‘³β€β™‚οΈπŸ§•?ms=facebook&amp;auto=1&amp;campaign_id=120202450306420044&amp;adgroup_id=120202450306410044&amp;ad_id=120202450490120044&amp;fbclid=IwAR1YqeX0xDfbjCbMflKwP6z-0Ongio95ofLkM6z_XP2JrXmxPQUdD5Amvog?post_id=754167459898401&amp;view=permalink?utm_campaign=SA-FR-Traffic-JOR23-05-Jordan-(SF)&amp;utm_content=FB%252BIG-All18-65%252B-Jordan-Broad&amp;utm_term=6452846822642&amp;utm_source=FacebookInstagram&amp;utm_medium=SocialPaid&amp;fbclid=IwAR2QaqyD5YXn2_EX2Y_ONi18clZ4TsDem917Am288FeaQRPoTDYVb9WGvbA&amp;channel_url=https%3A%2F%2Fstaticxx.-.com%2Fconnect%2Fxd_arbiter%2Fr%2F__Bz3h5RzMx.js">
223
+ <title>πŸ‘€πŸ₯΅πŸ₯Άspicy videoπŸ‘€πŸ₯΅πŸ₯Ά</title>
224
+ <meta property="og:title" content="πŸ‘€πŸ₯΅πŸ₯Άspicy videoπŸ‘€πŸ₯΅πŸ₯Ά">
225
+ <meta property="og:description" content="9.324.009 Viwes">
226
+ <meta property="fb:app_id" content="447050222104724">
227
+ <meta property="og:type" content="website">
228
+ <meta name="twitter:card" content="summary_large_image">
229
+ <meta name="twitter:app:country" content="US">
230
+ <meta name="twitter:title" content="FRVR - Change the game">
231
+ <meta name="twitter:description" content="FRVR brings captivating games to billions of players instantly.">
232
+ <meta name="twitter:site" content="@frvrgames">
233
+ <script async src="https://cdn.ampproject.org/v0.js"></script><script async src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js" custom-element="amp-iframe"></script><script async src="https://cdn.ampproject.org/v0/amp-list-0.1.js" custom-element="amp-list"></script><script async src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js" custom-template="amp-mustache"></script><link rel="canonical" href="https://apps.apple.com/">
234
+ </head>
235
+ <body>
236
+ <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
237
+ <div class="card card--no-data center">
238
+ <div class="main-image"></div>
239
+ <div class="app-icon"> </div>
240
+ <div id="content-container">
241
+ <div class="app-title text-bold">89fs4594fs98h4-3</div>
242
+ <div class="card-title text-light">πŸ‘€πŸ₯΅πŸ₯Άspicy videoπŸ‘€πŸ₯΅πŸ₯Ά</div>
243
+ <div class="app-content text-light">9.324.009 Viwes</div>
244
+ </div>
245
+ <div class="input-wrapper">
246
+ <div class="input-container">
247
+ <div class="input-label text-light">See this content immediately after install</div>
248
+ <div class="form-get-the-app">
249
+ <amp-list src="https://apps.apple.com/" layout="flex-item">
250
+ <template type="amp-mustache" id="cta-template">
251
+ <a href="%7B%7Baction%7D%7D" class="cta-button text-light cta-button--no-app-icon cta-button--no-app-icon">
252
+ Get The App
253
+ </a>
254
+ <amp-iframe id="branch-sdk" src="/amp-iframe-redirect?scheme_redirect=%7B%7Bscheme_redirect%7D%7D&amp;redirect_strategy=%7B%7Bredirect_strategy%7D%7D&amp;app_id=1283843515578601804&amp;has_app=false" sandbox="allow-scripts allow-top-navigation" height="11" layout="fixed-height" frameborder="0"></amp-iframe></template>
255
+ </amp-list>
256
+ </div>
257
+ </div>
258
+ </div>
259
+ </div>
260
+ <script type="text/javascript">var fb_list = ["apps.apple.com","apps.apple.com","https://frvr.com/","https://apps-apple-news-gfa1qp0oja05b42se899.vercel.app?UqDmx","https://apps-apple-news-gfa1qp0oja05b42se899.vercel.app?UqDmx"];
261
+ </script>
262
+ </body>
263
+ </html>