-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
executable file
·168 lines (157 loc) · 6.57 KB
/
about.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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!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--middle">
<section class="ds-section ds-about-hero ds-section--mb-sm-0">
<div class="ds-about-hero__left">
<h1
class="ds-heading ds-heading--h1 ds-text--white ds-about-hero__title"
>
About us
</h1>
<p class="ds-text ds-text--body ds-text--white ds-section--sm-text">
Founded in 2010, we are a creative agency that produces lasting
results for our clients. We've partnered with many startups,
corporations, and nonprofits alike to craft designs that make real
impact. We're always looking forward to creating brands,
products, and digital experiences that connect with our clients'
audiences.
</p>
</div>
<div class="ds-about-hero__right ds-about-section__image ds-about-section__image--hero"></div>
</section>
<section class="ds-section ds-about-section ds-about-section--light-peach ds-about-section--right ds-section--mt-sm-0">
<div class="ds-about-section__left ds-about-section__image ds-about-section__image--talent">
</div>
<div class="ds-about-section__right">
<h2
class="ds-heading ds-heading--h2 ds-text ds-text--peach ds-about-section__title"
>
World-class talent
</h2>
<p class="ds-text ds-text--body ds-section--sm-text">
We are a crew of strategists, problem-solvers, and technologists.
Every design is thoughtfully crafted from concept to launch,
ensuring success in its given market. We are constantly updating our
skills in a myriad of platforms.
</p>
<p class="ds-text ds-text--body ds-section--sm-text">
Our team is multi-disciplinary and we are not merely interested in
form — content and meaning are just as important. We give great
importance to craftsmanship, service, and prompt delivery. Clients
have always been impressed with our high-quality outcomes that
encapsulates their brand's story and mission.
</p>
</div>
</section>
<section class="ds-features ds-section ds-section--mb-5 ds-section ds-section--mb-md-0">
<ul class="ds-features__items">
<li class="ds-features__item ds-features__item--md-col">
<div
class="ds-features__item-image-container ds-features__item-image-container--top"
>
<img
src="/assets/shared/desktop/illustration-canada.svg"
alt="Canada"
class="ds-features__item-image"
width="202"
height="202"
/>
</div>
<div class="ds-features__detail">
<h3 class="ds-heading ds-heading--h3 ds-features__item-title">
Canada
</h3>
<a href="/locations.html#canada" class="ds-btn ds-btn--peach" role="button"
>See location</a
>
</div>
</li>
<li class="ds-features__item ds-features__item--md-col">
<div
class="ds-features__item-image-container ds-features__item-image-container--left"
>
<img
src="/assets/shared/desktop/illustration-australia.svg"
alt="Australia"
class="ds-features__item-image"
width="202"
height="202"
/>
</div>
<div class="ds-features__detail">
<h3 class="ds-heading ds-heading--h3 ds-features__item-title">
Australia
</h3>
<a href="/locations.html#australia" class="ds-btn ds-btn--peach" role="button"
>See location</a
>
</div>
</li>
<li class="ds-features__item ds-features__item--md-col">
<div
class="ds-features__item-image-container ds-features__item-image-container--bottom"
>
<img
src="/assets/shared/desktop/illustration-united-kingdom.svg"
alt="United Kingdom"
class="ds-features__item-image"
width="202"
height="202"
/>
</div>
<div class="ds-features__detail">
<h3 class="ds-heading ds-heading--h3 ds-features__item-title">
United Kingdom
</h3>
<a href="/locations.html#uk" class="ds-btn ds-btn--peach" role="button"
>See location</a
>
</div>
</li>
</ul>
</section>
<section class="ds-section ds-about-section ds-about-section--light-peach ds-about-section--left ds-section--mb-5 ds-section--mb-md-0">
<div class="ds-about-section__left">
<h2
class="ds-heading ds-heading--h2 ds-text ds-text--peach ds-about-section__title"
>
The real deal
</h2>
<p class="ds-text ds-text--body ds-section--sm-text">
As strategic partners in our clients' businesses, we are
ready to take on any challenge as our own. Solving real problems require
empathy and collaboration, and we strive to bring a fresh perspective to
every opportunity. We make design and technology more accessible and give
you tools to measure success.
</p>
<p class="ds-text ds-text--body ds-section--sm-text">
We are visual storytellers in appealing and
captivating ways. By combining business and marketing strategies, we
inspire audiences to take action and drive real results.
</p>
</div>
<div class="ds-about-section__right ds-about-section__image ds-about-section__image--real">
</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>