-
Notifications
You must be signed in to change notification settings - Fork 0
/
app-design.html
executable file
·153 lines (145 loc) · 5.58 KB
/
app-design.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
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./assets/favicon-32x32.png"
/>
<link rel="stylesheet" href="./build/css/style.min.css" />
<title>Frontend Mentor | Designo Agency Website Challenge</title>
</head>
<body>
<div id="header"></div>
<main>
<div class="ds-container ds-container--footer-cta ds-leaf ds-leaf--top ds-leaf--top-subpage">
<section class="ds-hero ds-hero--subpage ds-hero--app-design ds-section">
<h1
class="ds-heading ds-heading--no-margin ds-heading--h1 ds-text--white"
>
App Design
</h1>
<p class="ds-text ds-text--white ds-hero__sublead">
Our mobile designs bring intuitive digital solutions to your customers
right at their fingertips.
</p>
</section>
<section class="ds-portfolio ds-section">
<a href="#" class="ds-link ds-link--transparent" aria-label="Airfilter">
<div class="ds-portfolio__card">
<div class="ds-portfolio__card-image-container">
<img
src="/assets/app-design/desktop/image-airfilter.jpg"
alt="Airfilter"
class="ds-portfolio__card-image"
/>
</div>
<div class="ds-portfolio__card-details">
<h2 class="ds-portfolio__card-title">Airfilter</h2>
<p class="ds-portfolio__card-description ds-text ds-text--body">
Solving the problem of poor indoor air quality by filtering the
air
</p>
</div>
</div>
</a>
<a href="#" class="ds-link ds-link--transparent" aria-label="Eyecam">
<div class="ds-portfolio__card">
<div class="ds-portfolio__card-image-container">
<img
src="/assets/app-design/desktop/image-eyecam.jpg"
alt="Eyecam"
class="ds-portfolio__card-image"
/>
</div>
<div class="ds-portfolio__card-details">
<h2 class="ds-portfolio__card-title">Eyecam</h2>
<p class="ds-portfolio__card-description ds-text ds-text--body">
Product that lets you edit your favorite photos and videos at any
time
</p>
</div>
</div>
</a>
<a href="#" class="ds-link ds-link--transparent" aria-label="Faceit">
<div class="ds-portfolio__card">
<div class="ds-portfolio__card-image-container">
<img
src="/assets/app-design/desktop/image-faceit.jpg"
alt="Faceit"
class="ds-portfolio__card-image"
/>
</div>
<div class="ds-portfolio__card-details">
<h2 class="ds-portfolio__card-title">Faceit</h2>
<p class="ds-portfolio__card-description ds-text ds-text--body">
Get to meet your favorite internet superstar with the faceit app
</p>
</div>
</div>
</a>
<a href="#" class="ds-link ds-link--transparent" aria-label="Todo">
<div class="ds-portfolio__card">
<div class="ds-portfolio__card-image-container">
<img
src="/assets/app-design/desktop/image-todo.jpg"
alt="Todo"
class="ds-portfolio__card-image"
/>
</div>
<div class="ds-portfolio__card-details">
<h2 class="ds-portfolio__card-title">Todo</h2>
<p class="ds-portfolio__card-description ds-text ds-text--body">
A todo app that features cloud sync with light and dark mode
</p>
</div>
</div>
</a>
<a href="#" class="ds-link ds-link--transparent" aria-label="Loopstudios">
<div class="ds-portfolio__card">
<div class="ds-portfolio__card-image-container">
<img
src="/assets/app-design/desktop/image-loopstudios.jpg"
alt="Loopstudios"
class="ds-portfolio__card-image"
/>
</div>
<div class="ds-portfolio__card-details">
<h2 class="ds-portfolio__card-title">Loopstudios</h2>
<p class="ds-portfolio__card-description ds-text ds-text--body">
A VR experience app made for Loopstudios
</p>
</div>
</div>
</a>
</section>
<section class="ds-service-grid ds-service-grid--two-cards ds-section ds-section--mb-3 ds-section--mb-md-2">
<div class="ds-service-grid__item ds-service-grid__item--web-design">
<h2
class="ds-service-grid__item-title ds-heading ds-heading--h2 ds-text--white"
>
Web Design
</h2>
<a href="/web-design.html" class="ds-service-grid__link">View Projects</a>
</div>
<div
class="ds-service-grid__item ds-service-grid__item--graphic-design"
>
<h2
class="ds-service-grid__item-title ds-heading ds-heading--h2 ds-text--white"
>
Graphic Design
</h2>
<a href="/graphic-design.html" class="ds-service-grid__link">View Projects</a>
</div>
</section>
<div id="cta"></div>
</div>
</main>
<div id="footer" class="ds-footer-container"></div>
<script src="./build/js/app.js"></script>
</body>
</html>