-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·163 lines (157 loc) · 5.82 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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!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--bottom">
<section class="ds-hero ds-hero--home ds-section">
<div class="ds-hero__text-container">
<h1
class="ds-heading ds-heading--h1 ds-text--white ds-hero__title-home"
>
Award-winning custom designs and digital branding solutions
</h1>
<p class="ds-hero__lead ds-text--white ds-text--body">
With over 10 years in the industry, we are experienced in creating
fully responsive websites, app design, and engaging brand
experiences. Find out more about our services.
</p>
<a href="/app-design.html" class="ds-btn ds-btn--white" role="button">
Learn more
</a>
</div>
<img
src="/assets/home/desktop/image-hero-phone.png"
class="ds-hero__image-home"
alt="Mobile App Design"
/>
</section>
<section class="ds-service-grid ds-section">
<div class="ds-service-grid__section">
<div
class="ds-service-grid__item ds-service-grid__item--lg ds-service-grid__item--web-design-lg"
>
<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>
<div class="ds-service-grid__section">
<div class="ds-service-grid__item ds-service-grid__item--app-design">
<h2
class="ds-service-grid__item-title ds-heading ds-heading--h2 ds-text--white"
>
App Design
</h2>
<a href="app-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>
</div>
</section>
<section
class="ds-features ds-section ds-section--mb-5 ds-section--mb-md-0"
>
<ul class="ds-features__items">
<li class="ds-features__item">
<div
class="ds-features__item-image-container ds-features__item-image-container--left"
>
<img
src="/assets/home/desktop/illustration-passionate.svg"
alt="Passionate"
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">
Passionate
</h3>
<p class="ds-features__text ds-text--body">
Each project starts with an in-depth brand research to ensure we
only create products that serve a purpose. We merge art, design,
and technology into exciting new solutions.
</p>
</div>
</li>
<li class="ds-features__item">
<div
class="ds-features__item-image-container ds-features__item-image-container--bottom"
>
<img
src="/assets/home/desktop/illustration-resourceful.svg"
alt="Resourceful"
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">
Resourceful
</h3>
<p class="ds-features__text ds-text--body">
Everything that we do has a strategic purpose. We use an agile
approach in all of our projects and value customer
collaboration. It guarantees superior results that fulfill our
clients' needs.
</p>
</div>
</li>
<li class="ds-features__item">
<div
class="ds-features__item-image-container ds-features__item-image-container--top"
>
<img
src="/assets/home/desktop/illustration-friendly.svg"
alt="Friendly"
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">
Friendly
</h3>
<p class="ds-features__text ds-text--body">
We are a group of enthusiastic folks who know how to put people
first. Our success depends on our customers, and we strive to
give them the best experience a company can provide.
</p>
</div>
</li>
</ul>
</section>
<div id="cta"></div>
</div>
</main>
<div id="footer" class="ds-footer-container"></div>
<script src="./build/js/app.js"></script>
</body>
</html>