forked from ISM6225/Assignment_LookAndFeel
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathfavorite.html
More file actions
300 lines (275 loc) · 12.3 KB
/
favorite.html
File metadata and controls
300 lines (275 loc) · 12.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- viewport meta tag on all pages -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" type="image/png" href="./img/favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet'>
<link rel="stylesheet" type="text/css" href="./css/main.css">
<link rel="stylesheet" type="text/css" href="./css/responsive.css">
<!-- load font awesome fonts -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Favorite App - Group 2</title>
</head>
<body>
<div class="topnav sticky" id="topNavToggle" style="z-index:1000;">
<!-- Set class="active" on your page -->
<a href="./index.html">Home</a>
<!-- sarah -->
<a href="./favorite.html" class="active">My Favorite App</a>
<!-- deb -->
<a href="./blog.html">Blog</a>
<!-- neeraj -->
<a href="./dashboard.html">Most Popular Apps</a>
<a href="./about.html">About Us</a>
<a href="javascript:void(0);" class="icon" onclick="toggleNav()">
<i class="fa fa-bars"></i>
</a>
<div class="logo">
<img src="./img/usf-logo-png-2.png" height="30px" />
</div>
</div>
<div class="content">
<div class ="row">
<h1>Details About My Favorite App</h1>
</div>
<div class ="row">
<div class="col-3">
<div class="card">
<img class="card-img" src="https://is4-ssl.mzstatic.com/image/thumb/Purple123/v4/71/33/58/7133589f-7bee-dff0-c0e1-324aeb3df7fe/AppIcon_TikTok-0-0-1x_U007emarketing-0-0-0-7-0-0-sRGB-0-0-0-GLES2_U002c0-512MB-85-220-0-0.png/200x200bb.png" alt="Avatar" style="width:100%">
<div class="container">
<p class="card-title"><a href="https://apps.apple.com/us/app/tiktok-make-your-day/id835599320" target="_blank">TikTok - Make Your Day</a></p>
<p style="font-size:10px">TikTok Inc.</p>
<p>Genres:</p>
<p style="font-size:10px">Entertainment</p>
<p style="font-size:10px">Photo & Video</p>
</div>
</div>
</div>
<div class="col-9">
<h2>TikTok - Make Your Day </h2>
Real People. Real Videos.
</br>
TikTok Inc.
</br>
#1 in Entertainment
</br>
4.7, 5.5M Ratings
</br>
Free
</br>
Offers In-App Purchases
</div>
</div>
<div class = "row">
<h2>Screenshots</h2>
</div>
<div class ="row">
<img class="col-3" src="./img/tiktok_phone_1.jpg">
<img class="col-3" src="./img/tiktok_phone_2.jpg">
<img class="col-3" src="./img/tiktok_phone_3.jpg">
<img class="col-3" src="./img/tiktok_phone_4.jpg">
</div>
<div class = "row">
<h2>TikTok</h2>
</div>
<div class="row">
<p> TikTok is THE destination for mobile videos.
On TikTok, short-form videos are exciting, spontaneous, and genuine.
Whether you’re a sports fanatic, a pet enthusiast, or just looking for a laugh,
there’s something for everyone on TikTok. All you have to do is watch,
engage with what you like, skip what you don’t, and you’ll find an endless
stream of short videos that feel personalized just for you. From your morning
coffee to your afternoon errands, TikTok has the videos that are guaranteed to
make your day.
</p>
<p>
We make it easy for you to discover and create your own original videos by
providing easy-to-use tools to view and capture your daily moments.
Take your videos to the next level with special effects, filters, music, and
more.
</p>
<p>
■ Watch endless amount of videos customized specifically for you
</br>
A personalized video feed based on what you watch, like, and share. TikTok offers you real, interesting, and fun videos that will make your day.
</br>
■ Explore videos, just one scroll away
</br>
Watch all types of videos, from Comedy, Gaming, DIY, Food, Sports, Memes, and Pets, to Oddly Satisfying, ASMR, and everything in between.
</br>
■ Pause recording multiple times in one video
</br>
Pause and resume your video with just a tap. Shoot as many times as you need.
</br>
■ Be entertained and inspired by a global community of creators
</br>
Millions of creators are on TikTok showcasing their incredible skills and everyday life. Let yourself be inspired.
</br>
■ Add your favorite music or sound to your videos for free
</br>
Easily edit your videos with millions of free music clips and sounds. We curate music and sound playlists for you with the hottest tracks in every genre, including Hip Hop, Edm, Pop, Rock, Rap, and Country, and the most viral original sounds.
</br>
■ Express yourself with creative effects
</br>
Unlock tons of filters, effects, and AR objects to take your videos to the next level.
</br>
■ Edit your own videos
</br>
Our integrated editing tools allow you to easily trim, cut, merge and duplicate video clips without leaving the app.
</p>
* Any feedback? Contact us at feedback@tiktok.com or tweet us @tiktok_us
</p>
</div>
<div class = "row">
<h2>Information</h2>
</div>
<div class = "row">
<style>
table, td {
padding: 5px;
}
td {
vertical-align: top;
}
tbody>tr>:nth-child(1){
text-align: right;
}
tbody>tr>:nth-child(3){
text-align: right;
}
</style>
<table>
<tr>
<td>Seller</td>
<td>TikTok Inc.</td>
</tr>
<tr>
<td>Size</td>
<td>400.7 MB</td>
</tr>
<tr>
<td>Category</td>
<td>Entertainment</td>
</tr>
<tr>
<td>Compatibility </td>
<td>Requires iOS 9.3 or later. Compatible with iPhone, iPad, and iPod touch.</td>
</tr>
<tr>
<td>Languages</td>
<td>English, Arabic, Bengali, Burmese, Cambodian, Cebuano, Czech,
Dutch, Filipino, French, German, Greek, Gujarati, Hindi,
Hungarian, Indonesian, Italian, Japanese, Javanese, Kannada,
Korean, Malay, Malayalam, Marathi, Oriya, Polish, Portuguese,
Punjabi, Romanian, Russian, Simplified Chinese, Spanish,
Swedish, Tamil, Telugu, Thai, Traditional Chinese, Turkish,
Ukrainian, Vietnamese</td>
</tr>
<tr>
<td>Age Rating</td>
<td>12+
</br>
</br>
Infrequent/Mild Alcohol, Tobacco, or Drug Use or References
</br>
</br>
Infrequent/Mild Sexual Content and Nudity
</br>
</br>
Infrequent/Mild Cartoon or Fantasy Violence
</br>
</br>
Infrequent/Mild Profanity or Crude Humor
</br>
</br>
Infrequent/Mild Mature/Suggestive Themes</td>
</tr>
<tr>
<td>Copyright</td>
<td>© TikTok Inc.</td>
</tr>
<tr>
<td>Price</td>
<td>Free</td>
</tr>
<tr>
<td>In-App Purchases </td>
<td>
<table>
<tr>
<td>1.</td>
<td>100 coins</td>
<td>$0.99</td>
</tr>
<tr>
<td>2.</td>
<td>500 coins</td>
<td>$4.99</td>
</tr>
<tr>
<td>3.</td>
<td>65 coins</td>
<td>$0.99</td>
</tr>
<tr>
<td>4.</td>
<td>330 coins</td>
<td>$4.99</td>
</tr>
<tr>
<td>5.</td>
<td>2000 coins</td>
<td>$19.99</td>
</tr>
<tr>
<td>6.</td>
<td>1321 coins</td>
<td>$19.99</td>
</tr>
<tr>
<td>7.</td>
<td>5000 coins</td>
<td>$49.99</td>
</tr>
<tr>
<td>8.</td>
<td>3303 coins</td>
<td>$49.99</td>
</tr>
<tr>
<td>9.</td>
<td>6607 coins</td>
<td>$99.99</td>
</tr>
<tr>
<td>10.</td>
<td>10000 coins</td>
<td>$99.99</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
<footer class="col-12 text-center">
<div>
<h2>Group 2 - App Tool</h2>
<span class="copyright">© 2020 - Deborah Gause, Neeraj Kumar, Sarah Wasselle, and Alexander Seufert</span>
</div>
</footer>
<script>
function toggleNav() {
var x = document.getElementById("topNavToggle");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</body>
</html>