-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
159 lines (159 loc) · 10.6 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
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Sat May 02 2020 17:52:19 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5ea72416e494fe034e78c163" data-wf-site="5e77c49034e76c3b7eb7769d">
<head>
<meta charset="utf-8">
<title>VOXOID</title>
<meta content="VOXOID. We believe in creativity" name="description">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="VOXOID.TECH" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/voxoid.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Vollkorn:400,400italic,700,700italic","Roboto Condensed:300,regular,700","Roboto:300,regular,500"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" class="navbar w-nav">
<div class="w-container"><a href="index.html" aria-current="page" class="brand w-clearfix w-nav-brand w--current"><img src="images/imageonline-co-transparentimage.png" width="27" srcset="images/imageonline-co-transparentimage-p-500.png 500w, images/imageonline-co-transparentimage-p-800.png 800w, images/imageonline-co-transparentimage.png 1080w" sizes="27px" alt="" class="stone-logo"><div class="logo-text">voxoid</div></a>
<nav role="navigation" class="nav-menu w-nav-menu"><a href="index.html" aria-current="page" class="nav-link w-nav-link w--current">Home</a><a href="work.html" class="nav-link w-nav-link">Work</a><a href="contact.html" class="nav-link w-nav-link">Contact</a><a href="services.html" class="nav-link w-nav-link">SERVICES</a></nav><a href="http://www.twitter.com/thisisvoxoid" target="_blank" class="nav-link social-icons last w-hidden-medium w-hidden-small w-hidden-tiny w-inline-block"><img src="images/twitter-icon.svg" width="16" alt=""></a><a href="https://www.facebook.com/thisisvoxoid/?modal=admin_todo_tour" target="_blank" class="nav-link social-icons w-hidden-medium w-hidden-small w-hidden-tiny w-inline-block"><img src="images/facebook-icon2.svg" width="15" alt=""></a><a href="https://www.instagram.com/thisisvoxoid/?hl=en" target="_blank" class="nav-link social-icons w-hidden-medium w-hidden-small w-hidden-tiny w-inline-block"><img src="images/5ea59412d3a80f234fca3009_instagram-1.png" width="15" srcset="images/5ea59412d3a80f234fca3009_instagram-1-p-500.png 500w, images/5ea59412d3a80f234fca3009_instagram-1-p-800.png 800w, images/5ea59412d3a80f234fca3009_instagram-1-p-1080.png 1080w, images/5ea59412d3a80f234fca3009_instagram-1-p-1600.png 1600w, images/5ea59412d3a80f234fca3009_instagram-1-p-2000.png 2000w, images/5ea59412d3a80f234fca3009_instagram-1-p-2600.png 2600w, images/5ea59412d3a80f234fca3009_instagram-1-p-3200.png 3200w, images/5ea59412d3a80f234fca3009_instagram-1.png 4088w" sizes="(max-width: 991px) 100vw, 15px" alt=""></a>
<div class="menu-button w-nav-button">
<div class="menu-icon w-icon-nav-menu"></div>
</div>
</div>
</div>
<div data-animation="over" data-duration="500" data-infinite="1" data-delay="4000" data-autoplay="1" class="slider w-slider">
<div class="mask w-slider-mask">
<div class="slide w-slide">
<div class="container-3 w-container">
<h1 class="main-heading">All things virtual with</h1>
<h1 class="main-heading bold">voxoid</h1>
<div class="horizontal-bar"></div>
<div class="main-subheading">development through UX and UI design.</div><a href="work.html" class="button">SEE OUR WORK</a></div>
</div>
<div class="slide _2 w-slide">
<div class="container-4 w-container">
<h1 class="main-heading">no room for elepha<span>nt</span>s </h1>
<h1 class="main-heading bold">but creativity</h1>
<div class="horizontal-bar"></div>
<div class="main-subheading">feeding your canvas with conceptual imagination.</div><a href="https://www.instagram.com/thisisvoxoid/" target="_blank" class="button">follow our instagram</a></div>
</div>
<div class="slide _3 w-slide">
<div class="container-5 w-container">
<h1 class="main-heading">our clients</h1>
<h1 class="main-heading bold">love our work</h1>
<div class="horizontal-bar"></div>
<div class="main-subheading">How could you not love it too?</div><a href="https://twitter.com/thisisvoxoid/" target="_blank" class="button">check for us on twitter</a></div>
</div>
</div>
<div class="slider-nav w-slider-nav"></div>
</div>
<div class="section beige">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-4">
<div class="number">001</div>
<div class="process-titles">RESEARCH</div>
<div class="icon-wrapper"><img src="images/lightbulb_white.svg" width="69" alt=""></div>
<p>We take the ideas given to us by our consumers so as to offer the base and fundamental products to prospective customers that can be personalised accordingly.</p>
</div>
<div class="w-col w-col-4">
<div class="number">002</div>
<div class="process-titles">BUILD</div>
<div class="icon-wrapper"><img src="images/mobile-white.svg" width="95" alt=""></div>
<p>Did someone say a website? Or was it a mobile application with a chat-bot and internet services? Try us. We can build it!</p>
</div>
<div class="w-col w-col-4">
<div class="number">003</div>
<div class="process-titles">OPTIMIZE</div>
<div class="icon-wrapper"><img src="images/linegraph_white.svg" width="114" alt=""></div>
<p>And even if you did not start your journey with us, we can help fix and patch up your web application product so it runs efficiently. Talk about technique.</p>
</div>
</div>
</div>
</div>
<div class="section image">
<div class="w-container">
<h1 class="heading">The design process, at its best, integrates the aspirations of art, science, and culture.</h1>
<div class="horizontal-bar beige"></div>
</div>
</div>
<div class="section">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-3 w-col-small-6"></div>
<div class="w-col w-col-3 w-col-small-6">
<div class="team-member">
<div class="icons-wrapper"></div>
</div>
</div>
<div class="w-col w-col-3 w-col-small-6">
<div class="team-member">
<div class="icons-wrapper"><a href="#" class="social-icon w-inline-block"></a><a href="#" class="social-icon w-inline-block"></a><a href="#" class="social-icon w-inline-block"></a></div>
</div>
</div>
<div class="w-col w-col-3 w-col-small-6">
<div class="team-member">
<div class="icons-wrapper"><a href="#" class="social-icon w-inline-block"></a><a href="#" class="social-icon w-inline-block"></a><a href="#" class="social-icon w-inline-block"></a><a href="#" class="social-icon w-inline-block"></a></div>
</div>
</div>
</div>
</div>
</div>
<div class="section lightgrey">
<div class="container w-container">
<div class="small-title-wrapper">
<div class="small-title">the buzz:</div>
<div class="horizontal-bar lightgrey"></div>
</div>
<div data-animation="slide" data-duration="500" data-infinite="1" class="testimonials-slider w-slider">
<div class="mask-2 w-slider-mask">
<div class="testimonial-slide w-slide">
<p class="testimonial">"When Henry Ford made cheap, reliable cars, people said, ‘Nah, what’s wrong with a horse?’ That was a huge bet he made, and it worked."</p>
<div class="author">Elon musk, ceo of spacex</div>
</div>
<div class="testimonial-slide w-slide">
<p class="testimonial">"About 80% of businesses are planning to incorporate chat-bots by the year 2020."<br></p>
<div class="author">business insider</div>
</div>
<div class="testimonial-slide w-slide">
<p class="testimonial">"Design can be art. Design can be aesthetics. Design is so simple, that's why it can be so complicated."</p>
<div class="author">Paul rand</div>
</div>
<div class="testimonial-slide w-slide">
<p class="testimonial">"People ignore design that ignores people."</p>
<div class="author">frank chimero</div>
</div>
</div>
<div class="left-arrow w-slider-arrow-left">
<div class="w-icon-slider-left"></div>
</div>
<div class="right-arrow w-slider-arrow-right">
<div class="icon-2 w-icon-slider-right"></div>
</div>
</div>
</div>
</div>
<div class="section footer">
<div class="w-container">
<div class="w-row">
<div class="w-col w-col-4"><img src="images/imageonline-co-transparentimage-1.png" width="20" srcset="images/imageonline-co-transparentimage-1-p-500.png 500w, images/imageonline-co-transparentimage-1-p-800.png 800w, images/imageonline-co-transparentimage-1.png 1080w" sizes="20px" alt="" class="stone-logo footer">
<div class="footer-text w-hidden-small w-hidden-tiny">2020 Voxoid</div>
</div>
<div class="w-col w-col-4"><a href="contact.html" class="button beige footer">get in touch with us</a></div>
<div class="w-col w-col-4">
<div class="footer-text address">Harare, Zimbabwe</div>
</div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js?site=5e77c49034e76c3b7eb7769d" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>