-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
170 lines (144 loc) · 5.44 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
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Official website of Designo Agency.">
<meta name="keywords" content="Designo Agency, Graphic Design, App Design, Web Design">
<meta name="author" content="Chaman Bravo">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="assets/favicon-32x32.png" type="image/x-icon">
<script src="https://kit.fontawesome.com/689e51df7a.js" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Designo</title>
</head>
<body>
<div class="container">
<div class="header">
<div class="navbar">
<a href="index.html"><img class="logo" src="assets/shared/desktop/logo-dark.png" alt="Designo-logo"></a>
<div class="links">
<ul>
<li><a href="about.html">OUR COMPANY</a></li>
<li><a href="locations.html">LOCATIONS</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
<i class="ham fas fa-bars hide-for-desktop"></i>
<i class="cross fas fa-times hide-for-desktop"></i>
</div>
</div>
<div class="intro">
<div class="text">
<h1>Award-winning custom designs and digital branding solutions</h1>
<p>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 class="btn-white" href="about.html">LEARN MORE</a>
</div>
<img src="assets/home/desktop/image-hero-phone.png" alt="mobile">
</div>
<div class="works">
<a href="web-design.html" class="web">
<div class="image-card">
<h2>WEB DESIGN</h2>
<div class="cta">
<p>VIEW PROJECTS</p>
<img src="assets/shared/desktop/icon-right-arrow.svg" alt="icon-right-arrow">
</div>
</div>
</a>
<a href="app-design.html" class="app">
<div class="app-design image-card">
<h2>APP DESIGN</h2>
<div class="cta">
<p>VIEW PROJECTS</p>
<img src="assets/shared/desktop/icon-right-arrow.svg" alt="icon-right-arrow">
</div>
</div>
</a>
<a href="graphic-design.html" class="graphic">
<div class="graphic-design image-card">
<h2>GRAPHIC DESIGN</h2>
<div class="cta">
<p>VIEW PROJECTS</p>
<img src="assets/shared/desktop/icon-right-arrow.svg" alt="icon-right-arrow">
</div>
</div>
</a>
</div>
<div class="about-us">
<div class="icon-cards">
<div class="icon">
<img src="assets/home/desktop/illustration-passionate.svg" alt="designo-passionate">
</div>
<div>
<h3>PASSIONATE</h3>
<p>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>
</div>
<div class="icon-cards">
<div class="icon">
<img src="assets/home/desktop/illustration-resourceful.svg" alt="designo-resourceful">
</div>
<div>
<h3>RESOURCEFUL</h3>
<p>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>
</div>
<div class="icon-cards">
<div class="icon">
<img src="assets/home/desktop/illustration-friendly.svg" alt="designo-friendly">
</div>
<div>
<h3>FRIENDLY</h3>
<p>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>
</div>
</div>
<div class="get-in-touch">
<div class="cta-text">
<div class="contact">
<h3>Let's talk about your project</h3>
<p>Ready to take it to next level? Contact us today and find out how our expertise can help your business grow.</p>
</div>
<a href="contact.html" class="btn-white contact-btn">GET IN TOUCH</a>
</div>
</div>
</div>
<div class="footer">
<div class="footer-container">
<div class="footer-elements">
<div class="nav-logo-container">
<div class="fo-logo">
<a href="index.html"><img src="assets/shared/desktop/logo-light.png" alt="designo" class="footer-logo"></a>
</div>
<ul class="footer-links">
<li><a href="about.html">OUR COMPANY</a></li>
<li><a href="locations.html">LOCATIONS</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
<div class="contact-container">
<div class="footer-locations">
<h4>Designo Central Office</h4>
<p>3886 Wellington Street</p>
<p>Toronto, Ontario M9C 3J5</p>
</div>
<div class="footer-contact">
<h4>Contact Us (Central Office)</h4>
<p>P : +1 253-863-8967</p>
<p>M : contact@designo.co</p>
</div>
</div>
<div class="social-icons">
<a href="http://fb.com"><i class="fab fa-facebook"></i></a>
<a href="https://youtube.com"><i class="fab fa-youtube"></i></a>
<a href="https://pinterest.com"><i class="fab fa-pinterest"></i></a>
<a href="https://twitter.com"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="script.js"></script>
</body>
</html>