-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (138 loc) · 4.28 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
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
---
layout: default
---
<div>
<img style="display: block; width: 100%" src="images/animated-home-banner.gif">
</div>
<div class="demo-section-reverse demo-rags">
<div class="demo-cell">
<a href="apple.html">
<img style="display: block; width: 100%" src="images/apple-tab.jpg">
</a>
</div>
<div class="demo-cell demo-title-cell">
<div class="demo-name">
<a href="apple.html">Apple Inc.</a>
</div>
<div class="demo-sub-name">User experience designer at Apple Inc.</div>
</div>
</div>
<div class="demo-section">
<div class="demo-cell">
<a href="fx-project.html">
<img style="display: block; width: 100%" src="images/fx-tab.jpg">
</a>
</div>
<div class="demo-cell demo-title-cell">
<div class="demo-name">
<a href="fx-project.html">Project FX</a>
</div>
<div class="demo-sub-name">An immersive board game experience</div>
<div class="demo-sub-name">(currently under development)</div>
</div>
</div>
<div class="demo-section-reverse demo-rags">
<div class="demo-cell">
<a href="festival-project.html">
<img style="display: block; width: 100%" src="images/festival-tab.jpg">
</a>
</div>
<div class="demo-cell demo-title-cell">
<div class="demo-name">
<a href="festival-project.html">Art & Wine Festival</a>
</div>
<div class="demo-sub-name">Promotional package/branding</div>
</div>
</div>
<div class="demo-section">
<div class="demo-cell">
<a href="herbal-project.html">
<img style="display: block; width: 100%" src="images/herbal-tab.jpg">
</a>
</div>
<div class="demo-cell demo-title-cell">
<div class="demo-name">
<a href="herbal-project.html">Herbal Tea Central</a>
</div>
<div class="demo-sub-name">Web design/UX project</div>
</div>
</div>
<div class="demo-section-reverse demo-rags">
<div class="demo-cell">
<a href="rags-project.html">
<img style="display: block; width: 100%" src="images/ragdoll-tab.jpg">
</a>
</div>
<div class="demo-cell demo-title-cell">
<div class="demo-name">
<a href="rags-project.html">Rags</a>
</div>
<div class="demo-sub-name">Web design/UX project</div>
</div>
</div>
<div class="demo-section">
<div class="demo-cell">
<a href="tiny-einstein-project.html">
<img style="display: block; width: 100%" src="images/tiny-tab.jpg">
</a>
</div>
<div class="demo-cell demo-title-cell">
<div class="demo-name">
<a href="tiny-einstein-project.html">Tiny Einstein Preschool</a>
</div>
<div class="demo-sub-name">Web design/UX project</div>
</div>
</div>
<div class="demo-section-reverse demo-rags">
<div class="demo-cell">
<a href="nasa-project.html">
<img style="display: block; width: 100%" src="images/nasa-tab.jpg">
</a>
</div>
<div class="demo-cell demo-title-cell">
<div class="demo-name">
<a href="nasa-project.html">Swarm Drone Control Interface</a>
</div>
<div class="demo-sub-name">NASA-sponsored collaborative project</div>
<div class="demo-sub-name">(currently under development)</div>
</div>
</div>
<div class="demo-section">
<div class="demo-cell">
<a href="weather-project.html">
<img style="display: block; width: 100%" src="images/weather-app-tab.jpg">
</a>
</div>
<div class="demo-cell demo-title-cell">
<div class="demo-name">
<a href="weather-project.html">Mobile Weather App</a>
</div>
<div class="demo-sub-name">iOS app built using Swift and XCode</div>
</div>
</div>
<div class="demo-section-reverse demo-rags">
<div class="demo-cell">
<a href="gui-project.html">
<img style="display: block; width: 100%" src="images/gui-tab.jpg">
</a>
</div>
<div class="demo-cell demo-title-cell">
<div class="demo-name">
<a href="gui-project.html">Solar System Monitor</a>
</div>
<div class="demo-sub-name">Motion design</div>
</div>
</div>
<div class="demo-section">
<div class="demo-cell">
<a href="todo-project.html">
<img style="display: block; width: 100%" src="images/todo-tab.jpg">
</a>
</div>
<div class="demo-cell demo-title-cell">
<div class="demo-name">
<a href="todo-project.html">App for Udacity course</a>
</div>
<div class="demo-sub-name">Cross-platform mobile app for one of Google's Udacity courses.</div>
</div>
</div>