-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
39 lines (27 loc) · 1.63 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Device Models</title>
<link rel="stylesheet" type="text/css" href="/whitewater.io/css/normalize.css" />
<link rel="stylesheet" type="text/css" href="/device-models/css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:100,300|Roboto+Condensed:700" />
<link rel="stylesheet" type="text/css" href="/device-models/css/device-models.css" />
<link rel="stylesheet" type="text/css" href="/device-models/css/iphone5.css" />
<link rel="stylesheet" type="text/css" href="/device-models/css/galaxy-s5.css" />
<link rel="stylesheet" type="text/css" href="/device-models/css/htc-one.css" />
<link rel="stylesheet" type="text/css" href="/device-models/css/macbook-pro.css" />
</head>
<body>
<h1 class="page-title">Device Models</h1>
<p class="page-description">These models are challenging and fun to make because they use only one element and its generated content. Not only is that pretty cool, but it means that you can quickly create a realistic-looking, interactive comp just by adding a class to a containing element.</p>
<h1 class="device-title" id="iphone5">iPhone 5</h1>
<div class="iphone5-model"><div class="apple-logo"></div></div>
<h1 class="device-title" id="galaxy-s5">Galaxy s5</h1>
<div class="galaxy-s5-model"><div class="samsung-logo"></div></div>
<h1 class="device-title" id="htc-one">HTC One</h1>
<div class="htc-one-model"><div class="htc-logo"></div></div>
<h1 class="device-title" id="macbook-pro">Macbook Pro</h1>
<div class="macbook-pro-model"><div class="apple-logo"></div></div>
</body>
</html>