-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
78 lines (67 loc) · 3.8 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
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
---
---
<!DOCTYPE html>
<html lang="en">
<head>
<title>{{ site.title }}</title>
<link rel="shortcut icon" href="img/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="container">
<h1>{{ site.title }}</h1>
<div id="tablet">
<img id="screenshot" src="img/tablet.png" />
</div>
<div id="content">
<div id="description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In placerat sagittis libero et gravida. Nunc eu adipiscing massa. Sed tincidunt mollis nunc sit amet egestas. Ut urna diam, lacinia quis consequat ac, rutrum ultricies felis. Mauris et est massa, sit amet egestas lorem. Vestibulum fermentum, lectus sit amet dapibus euismod, ligula diam interdum diam, eget pretium mi enim a leo. Cras eu nisi eu justo hendrerit ultricies eget id ante.
</div>
<div id="features">
<h2>features</h2>
<ul>
<li>free, open source templates for <a href="https://github.com/mojombo/jekyll">Jekyll</a></li>
<li>works on any web host</li>
<li>configure (nearly) everything in YAML</li>
<li>download on GitHub</li>
</ul>
</div>
<a class="blockbutton" href="http://apps.microsoft.com/webpdp/en-us/app/{{ site.appId }}">
<div class="blockbutton_icon"><img src="img/store.png" /></div>
<div class="blockbutton_text">buy</div>
</a>
</div>
<div id="clear"> </div>
<div class="feature">
<div class="feature-third">
<h3>a feature</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id neque sem.
</div>
<div class="feature-third">
<h3>b feature</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id neque sem.
</div>
<div class="feature-third">
<h3>c feature</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id neque sem.
</div>
<div class="clear"></div>
</div>
<div class="feature">
<div class="feature-image right"><img src="img/feature_screenshot_1.png" /></div>
<div class="feature-text left">
<h3>d feature</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id neque sem, ut scelerisque ipsum. Donec feugiat erat vel ante molestie eu varius nisl aliquet. Duis semper, erat quis vehicula posuere, dolor orci sodales nisi, in congue dolor urna sed sem. Aliquam at dolor nisl. Maecenas ornare rhoncus eros vitae fermentum. Fusce ut nibh ante, in iaculis erat. Donec tempor molestie odio, sit amet gravida turpis imperdiet ac. Nunc tempor ullamcorper ante, sit amet auctor tellus tempus a. Phasellus id risus id lacus aliquet accumsan. Quisque a sem turpis, eget varius nisl. Suspendisse non sem nibh, eget elementum felis. Nunc vitae risus id urna feugiat tincidunt. Maecenas non lacus risus. Nulla facilisi.</div>
<div class="clear"></div>
</div>
<div class="feature">
<div class="feature-image left"><img src="img/feature_screenshot_1.png" /></div>
<div class="feature-text right">
<h3>e feature</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id neque sem, ut scelerisque ipsum. Donec feugiat erat vel ante molestie eu varius nisl aliquet. Duis semper, erat quis vehicula posuere, dolor orci sodales nisi, in congue dolor urna sed sem. Aliquam at dolor nisl. Maecenas ornare rhoncus eros vitae fermentum. Fusce ut nibh ante, in iaculis erat. Donec tempor molestie odio, sit amet gravida turpis imperdiet ac. Nunc tempor ullamcorper ante, sit amet auctor tellus tempus a. Phasellus id risus id lacus aliquet accumsan. Quisque a sem turpis, eget varius nisl. Suspendisse non sem nibh, eget elementum felis. Nunc vitae risus id urna feugiat tincidunt. Maecenas non lacus risus. Nulla facilisi.</div>
<div class="clear"></div>
</div>
</div>
</body>
</html>