-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
217 lines (205 loc) · 12.2 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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/styles.css" rel="stylesheet" type="text/css">
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<script src="./js/scripts.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Courgette&display=swap" rel="stylesheet">
<script id="mcjs">
!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,
"script","https://chimpstatic.com/mcjs-connected/js/users/edebb03d7696eb4e1486b8c63/d24a437808a297e91995b8079.js");
</script>
<title>Delani studio</title>
<!--Navigation Bar -->
<nav class="navbar navbar-expand-md navbar-dark bg-dark sticky-top">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="./css/assets/logo/logo.png"></a>
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbarResponsive">
<span class="navbar-toggle-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-item">
<a class="nav-link" href="#port">HOME</a>
</li>
<li class="nav-item">
<a class="nav-item">
<a class="nav-link" href="#about us">ABOUT US</a>
</li>
<li class="nav-item">
<a class="nav-item">
<a class="nav-link" href="#services">SERVICES</a>
</li>
<li class="nav-item">
<a class="nav-item">
<a class="nav-link" href="#what we do">WHAT WE DO</a>
</li>
<li class="nav-item">
<a class="nav-item">
<a class="nav-link" href="#contact">CONTACT US</a>
</li>
</ul>
</div>
</div>
</nav>
</head>
<body>
<div class="section1">
<div class="logo">
<img src="./css/assets/logo/logo.png" alt="a D sign logo">
</div>
<h1>WELCOME<br>TO DELANI STUDIO</h1>
<p>AMAZING PEOPLE ARE MAKING AMAZING DESIGNS IN A FUN ENVIRONMENT</p>
<div class="logo2">
<img src="./css/assets/mouse_click.png" alt="a click representing a mouse">
</div>
</div>
<hr class="my-4">
<div class="section2">
<h2>ABOUT US </h2>
<P id="about us">All you need for digital domination, under one expert roof.</br>We consult, design & build your business for tomorrow's success today.<br> Things have evolved quickly since we launched nearly two decades ago, but here's what's stayed the same: Ambitious businesses succeed by delivering transformative digital experiences to customers.</br>We're the partner you can count on for results-driven digital products & platforms.</P>
</div>
<div class="section3">
<h3 id="services">SERVICES</h3>
<P>We offer new products with core functionalities and important, minimum features, to test how the target audience would respond.</br> Then, the building of the actual product takes place with the full set of features after a series of iterations, with feedback from early adopters</P>
</div>
<hr class="my-4">
<div class="section4">
<h4 id="what we do">WHAT WE DO</h4>
<div class="whatwedo">
<div class="row toggles">
<div class="col-md-4 design">
<div id="hidden-design">
<img class="toggle" src="./css/assets/services_icons/design_icon.png" alt="this is a design logo">
</div>
<h5>DESIGN</h5>
<p id="shown-design" class="toggle">
If a client comes with an app idea only, then we lead the project from inception to launch.</br>
Before we start development, we try to understand the idea and how we can make it work.</br>
Design thinking is a process that involves to Ideate, Define,Emphathize, Prototype and Testing.
</p>
</div>
<div class="col-md-4 development">
<div id="hidden-development">
<img class="toggle1" src="./css/assets/services_icons/dev_icon.png" alt="a development logo">
</div>
<h5>DEVELOPMENT</h5>
<p id="shown-development" class="toggle1">
AThe features that should go into your MVP depend on your timeframe and budget. Also, the number of features you have may not necessarily solve users’ problems.</br>Sometimes, problems need to be solved through a service itself. It’s when your product becomes valuable despite the lack of some features. </br>
We try to single out a workable solution rather than just a set of features.
</p>
</div>
<div class="col-md-4 product">
<div id="hidden-product">
<img class="toggle2" src="./css/assets/services_icons/product_icon.png" alt="a products icon">
</div>
<h5>PRODUCT MANAGEMENT</h5>
<p id="shown-product" class="toggle2">
The choice of features will depend on the core values for the product. </br>
These features will satisfy the simple user journey.</br>
It’s worth remembering that an MVP can become a minimum marketable product in the future. So, we advise clients to keep things simple first and then enhance the product with nice-to-have features
</p>
</div>
</div>
<hr class="my-4">
<!------Portfolio Section-->
<div class="section5">
<p id="port">PORTFOLIO</p>
<div class="container">
<div class="row">
<div class="col-md-3 cruiser">
<img src="./css/assets/portfolio/work4.jpg" class="img-fluid work-img">
<p id="g1">Dark Matter </br> is a project of analyzing space footage sent by Rovers and seatilite
</p>
</div>
<div class="col-md-3 cruiser1">
<img src="./css/assets/portfolio/work3.jpg" class="img-fluid work-img">
<p id="g2">ONTARIO SECURITY AGENCY SYSTEM</p>
</div>
<div class="col-md-3 cruiser2">
<img src="./css/assets/portfolio/work2.jpg" class="img-fluid work-img ">
<p id="g3">GOOD MORNING AFRICA SHOW</p>
</div>
<div class="col-md-3 cruiser3">
<img src="./css/assets/portfolio/work1.jpg" class="img-fluid work-img">
<p id="g4">THE JIM CARLEY MIGRATE RESPONSIVE PROJECT</p>
</div>
</div>
<div class="row">
<div class="col-md-3 cruiser4">
<img src="./css/assets/portfolio/work5.jpg" class="img-fluid work-img">
<p id="g5">THE GOOD THE BAD & THE UGLY DAYS SERIES</p>
</div>
<div class="col-md-3 cruiser5">
<img src="./css/assets/portfolio/work6.jpg" class="img-fluid work-img">
<p id="g6">iOS APPLICATIONS</p>
</div>
<div class="col-md-3 cruiser6">
<img src="./css/assets/portfolio/work7.jpg" class="img-fluid work-img">
<p id="g7">Burned LOGO COMPETITION </p>
</div>
<div class="col-md-3 cruiser7">
<img src="./css/assets/portfolio/work8.jpg" class="img-fluid work-img">
<p id="g8">Giraffe restaurant Website Hosting</p>
</div>
</div>
</div>
</div>
<hr class="my-4">
<div class="section6" id="contact">
<h6 id="contact"></h6>CONTACT US</h6>
</br>
<div class="col-md-12">
<form>
<form action=https://chimpstatic.com/mcjs-connected/js/users/edebb03d7696eb4e1486b8c63/d24a437808a297e91995b8079.js "
method="post " id="mc-embedded-subscribe-form " name="mc-embedded-subscribe-form "
class="validate " target="_blank " novalidate>
<div id="mc_embed_signup_scroll ">
<div class="row ">
<div class="col-md-2 "></div>
<input type="text " class="col-md-4 form-control name " name="name "
placeholder="Name... " required>
<input type="email " class="col-md-4 form-control email " name="email "
placeholder="Email... " required>
</div>
</br>
<div class="row ">
<div class="col-md-2 "></div>
<textarea class="form-control col-md-8 text " name="message " id="message "
rows="12 "></textarea>
<div class="col-md-2 "></div>
</br>
<button class="btn btn-success mx-auto d-block submit " type="submit "
onclick="btn ">submit</button></br>
</form>
</div>
</div>
</div>
</div>
<hr class="my-4 ">
<div class="section7 ">
<div class="row ">
<div class="col-md-2 " id="social-icons "></div>
<a href="https://twitter.com/arthur_angels "><img src="./css/assets/social_icons/twitter.png " class="img-fluid "></a>
<a href="https://dribbble.com/signup/new "><img src="./css/assets/social_icons/dribble.png " class="img-fluid "></a>
<a href="https://www.facebook.com/angelscodex101 "><img src="./css/assets/social_icons/facebook.png " class="img-fluid "></a>
<a href="https://aboutme.google.com/u/0/ "><img src="./css/assets/social_icons/g_plus.png " class="img-fluid "></a>
<a href="live:.cid.c27b4af6b82adedc "><img src="./css/assets/social_icons/skype.png " class="img-fluid "></a>
<a href="https://www.stumbleupon.com/ "><img src="./css/assets/social_icons/stumble_upon.png " class="img-fluid "></a>
<a href="https://www.stumbleupon.com/ "><img src="./css/assets/social_icons/behance.png " class="img-fluid "></a>
<a href="https://www.stumbleupon.com/ "><img src="./css/assets/social_icons/pinterest.png " class="img-fluid "></a>
<a href="https://www.stumbleupon.com/ "><img src="./css/assets/social_icons/flickr.png " class="img-fluid "></a>
</div>
</div>
<hr class="my-4 ">
<div class="section8 ">
<p>©2020 DELANI STUDIO Inc</p>
</div>
<script src="./js/scripts.js "></script>
<script id="mcjs ">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script ","https://chimpstatic.com/mcjs-connected/js/users/edebb03d7696eb4e1486b8c63/d24a437808a297e91995b8079.js ");</script>
</body>
</html>