-
Notifications
You must be signed in to change notification settings - Fork 0
/
services.html
125 lines (114 loc) · 5.24 KB
/
services.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
<html>
<head>
<title>WIOS Designs</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#06090b">
<meta charset="utf-8">
<link rel="shortcut icon" type="image/png" href="/assets/icon.png"/>
<link rel="stylesheet" type="text/css" href="/styles/spicygrid.css"/>
</head>
<body>
<header>
<img src="/assets/icon.png">
<input type="checkbox" id="menutoggle">
<label for="menutoggle"></label>
<nav>
<a href="/index.html">Home</a>
<a href="/services.html">For Businesses</a>
<a href="/works.html">Our Works</a>
<a href="/oss.html">Open Source</a>
<a href="/contact.html">Contact Us</a>
</nav>
</header>
<section class="row6 acenter bgdark" style="padding: 8vw 5mm 7vw 5mm; background: url(assets/way.jpg); background-size: cover; background-position: center center; background-attachment: fixed;">
<div class="col6">
<h1 class="pagetitle">
For Businesses
</h1>
</div>
<div class="col1 onlylarge"></div>
<div class="col4">
At WIOS Designs, we work with businesses at various stages
of digital design such as need identification, strategy and concept,
developement, project management, training and maintenance.<br><br>
With our combination of creative design skills and quick techie hands,
we've got all your digital design needs covered.
</div>
<div class="col1 onlylarge"></div>
</section>
<section class="row1 bgdark acenter">
<div class="col1 fgcolor">
<h1>Our Services</h1>
</div>
</section>
<section class="row2 bgdark">
<div class="col1 acenter" style="padding: 0px;">
<p class="bgdark" style="font-family: font2; background: var(--d2); font-size: 6mm; padding: 20mm 5mm; margin: 10vw; margin-left: 0; border-radius: 0mm 10mm 30mm 0mm;">
<img src="/assets/code.svg" style="height: 20mm; width: auto;">
<br>
Web solutions
</p>
</div>
<div class="col1 aleft" style="padding: 10mm; align-self: center;">
From getting your new company a basic landing page, to setting up your e-commerce
shop, we've got all your web design needs covered. Be it purchasing the best
domain for your business or figuring out the appropriate design for your target users,
or writing HTML code to get your website up,
our focus is to be your guide to having a web presence.
</div>
</section>
<section class="row2 bgdark" style="grid-auto-flow: row dense;">
<div class="col1 acenter" style="padding: 0px; grid-column: 2/3;">
<p class="bgdark" style="font-family: font2; background: var(--d2); font-size: 6mm; padding: 20mm 5mm; margin: 10vw; margin-right: 0; border-radius: 10mm 0mm 0 30mm;">
<img src="/assets/paint.svg" style="height: 20mm; width: auto;">
<br>
Graphic Design
</p>
</div>
<div class="col1 aleft" style="padding: 10mm; align-self: center; grid-column: 1/2;">
Logos, brochures, flyers, posters, business cards, illustrations and more.
Our graphic design strategies are dedicated to ensuring the accurate representation
of what your business stands for, and to offer clarity to your target audiences.
</div>
</section>
<section class="row2 bgdark">
<div class="col1 acenter" style="padding: 0px;">
<p class="bgdark" style="font-family: font2; background: var(--d2); font-size: 6mm; padding: 20mm 5mm; margin: 10vw; margin-left: 0; border-radius: 0 10mm 30mm 0;">
<img src="/assets/check.svg" style="height: 20mm; width: auto;">
<br>
Tech & design assitance
</p>
</div>
<div class="col1 aleft" style="padding: 10mm; align-self: center;">
Apart from creating custom software, we also offer assistance
in setting up and using appropriate software to maximize the efficiency
of your business, digitize and automate repititive tasks, minimize errors, and make
your service more user friendly.
</div>
</section>
<section class="row2 bgdark" style="grid-auto-flow: row dense;">
<div class="col1 acenter" style="padding: 0px; grid-column: 2/3;">
<p class="bgdark" style="font-family: font2; background: var(--d2); font-size: 6mm; padding: 20mm 5mm; margin: 10vw; margin-right: 0; border-radius: 10mm 0mm 0 30mm;">
<img src="/assets/smile.svg" style="height: 20mm; width: auto;">
<br>
Miscellanous
</p>
</div>
<div class="col1 aleft" style="padding: 10mm; align-self: center; grid-column: 1/2;">
We are specialists when it comes to dealing with miscellanous design requests.
Designing icon fonts, writing computer code to generate artwork, or
automating the design of 400 badges for the attendees of your upcoming conference,
we enjoy the learning curve that comes with approaching uncoventional tasks.
We strive hard and work smart to deliver unique solutions, that will make you go
"Only WIOS Designs can do that!".
</div>
</section>
<section class="row1 acenter" style="padding-bottom: 10vh;">
<div class="col1">
<h1 class="fgcolor">Impressed?</h1>
<a class="btn" href="/works.html">See our works</a>
<a class="btn" href="/contact.html">Get in touch</a>
<div>
</section>
</body>
</html>