-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathProjects.html
More file actions
160 lines (157 loc) · 8.67 KB
/
Copy pathProjects.html
File metadata and controls
160 lines (157 loc) · 8.67 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Projects</title>
<meta content="Projects" property="og:title" />
<meta content="Projects" property="twitter:title" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="Webflow" name="generator" />
<link
href="Styles.css"
rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com" rel="preconnect" />
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous" />
<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: ["Droid Sans:400,700", "Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic", "Oswald:200,300,400,500,600,700", "Libre Franklin:200,300,regular,600,800,900", "IBM Plex Mono:regular"] } });</script>
<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/logo.png" rel="shortcut icon" type="image/x-icon" />
<link href="images/logo.png" rel="apple-touch-icon" />
<style>
body {
-moz-font-feature-settings: "liga" on;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-feature-settings: "liga" on;
text-rendering: optimizeLegibility;
}
</style>
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease-out"
data-easing2="ease-out" role="banner" class="navigation w-nav">
<div class="navigation-container"><a href="/" class="logo w-inline-block"><img
src="Images/logo.png"
width="100" height="100" alt="" class="image-6" /></a>
<nav role="navigation" class="nav-menu w-nav-menu"><a href="Index.html" class="nav-link w-nav-link">Home</a><a
href="About.html" class="nav-link w-nav-link">About us</a><a href="Services.html"
class="nav-link w-nav-link">Services</a><a href="Projects.html" aria-current="page"
class="nav-link w-nav-link w--current">Our Work</a><a href="Merchandise.html" aria-current="page"
class="nav-link w-nav-link w--current">Merchandise</a>
<div class="bullet"></div><a href="Contact.html" class="navigation-button w-button">Contact us</a>
</nav>
<div class="menu-button w-nav-button">
<div class="icon-2 w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="separator"></div>
<section class="combine-section_gallery1-2">
<div class="combine-padding-global-2">
<div class="combine-padding-section-medium-2">
<div class="combine-container-small-2">
<div class="combine-text-align-center-2">
<h2 class="combine-heading-style-h2-3">Our Projects</h2>
<div class="combine-space-medium-2"></div>
<div class="combine-text-size-regular-3">Some examples of projects and assignments carried out
by Extravis solutions Africa are shown below. These indicate the range and diversity of
Extravis solutions experience.</div>
</div>
</div>
<section>
<div class="grid-container">
<!-- Grid Item 1 -->
<div class="grid-item">
<img src="Projects/Fairmount Car Branding.png" alt="Image 1" class="image.1">
<div class="overlay">Fairmount Car Branding</div>
</div>
<!-- Grid Item 2 -->
<div class="grid-item">
<img src="Projects/Lapfund Office Branding.png" alt="Image 2" class="image.1">
<div class="overlay">Lapfund Office Branding</div>
</div>
<!-- Grid Item 3 -->
<div class="grid-item">
<img src="Projects/Rafiki Cooperate Gifting.png" alt="Image 3" class="image.1">
<div class="overlay">Rafiki Cooperate Gifting</div>
</div>
<!-- Grid Item 4 -->
<div class="grid-item">
<img src="Projects/Kengen Staff Uniform Branding.png" alt="Image 1" class="image.1">
<div class="overlay">Kengen Staff Uniform Branding</div>
</div>
<!-- Grid Item 5 -->
<div class="grid-item">
<img src="Projects/Rubis Staff Unifform And Car Branding.png" alt="Image 2" class="image.1">
<div class="overlay">Rubis Staff Unifform And Car Branding</div>
</div>
<!-- Grid Item 6 -->
<div class="grid-item">
<img src="Projects/Sopa.jpg" alt="Image 3" class="image.1">
<div class="overlay">Sopa Lodges Drinkware Branding</div>
</div>
<!-- Grid Item 7 -->
<div class="grid-item">
<img src="Projects/South Front Banners.png" alt="Image 3" class="image.1">
<div class="overlay">South Front Banners</div>
</div>
<div class="grid-item">
<img src="Projects/Hilton.png" alt="Image 3" class="image.1">
<div class="overlay">Hilton Hotel Amenities</div>
</div>
</div>
</section>
<div class="cta">
<div class="container cc-cta">
<div class="cta-column">
<div class="cta-left-top">
<h3 class="h3 cc-cta">Right On</h3>
<div class="cta-line"></div>
</div>
<h2 class="h2"><span class="text-span">Do we align with what your business needs?.</span> Feel free to
reach out to us today.</h2>
</div>
<div class="cta-column"><a href="Contact.html" class="button cc-cta w-button">Contact us</a></div>
</div>
</div>
<div class="kutup-footer-1 footer">
<div class="kutup-medium-container">
<div class="kutup-footer-flex"><a href="#" class="w-inline-block"><img
src="https://assets-global.website-files.com/6606ff80af3261a38a6224a4/6609b28864f2dfa8ed19cb15_logo-removebg-preview.png"
loading="lazy" width="100" alt="" /></a>
<div class="kutup-footer-horizontal-flex"><a href="Index.html" class="kutup-footer-link">Home</a><a href="About.html"
aria-current="page" class="kutup-footer-link w--current">About</a><a href="Services.html"
class="kutup-footer-link">Services</a><a href="Merchandise.html"
class="kutup-footer-link">Merchandise</a><a href="Projects.html"
class="kutup-footer-link">Projects</a><a href="Contact.html"
class="kutup-footer-link">Contact</a></div>
<div>
<div class="kutup-social-wrapper-flex"><a href="#" class="kutup-social-link w-inline-block"><img
src="https://assets-global.website-files.com/6606ff80af3261a38a6224a4/660aaf7cf6783cc9e0eb3917_twitter.svg"
loading="lazy" width="20" alt="" /></a><a href="#"
class="kutup-social-link w-inline-block"><img
src="https://assets-global.website-files.com/6606ff80af3261a38a6224a4/660aaf7cf6783cc9e0eb3915_dribbble.svg"
loading="lazy" width="20" alt="" /></a><a href="#"
class="kutup-social-link w-inline-block"><img
src="https://assets-global.website-files.com/6606ff80af3261a38a6224a4/660aaf7cf6783cc9e0eb3910_github.svg"
loading="lazy" width="20" alt="" /></a><a href="#"
class="kutup-social-link w-inline-block"><img
src="https://assets-global.website-files.com/6606ff80af3261a38a6224a4/660aaf7cf6783cc9e0eb3916_instagram.svg"
loading="lazy" width="20" alt="" /></a></div>
</div>
</div>
<div class="kutup-divider-60px"></div>
<div class="kutup-copyright-center-text">
<p class="kutup-copyright">© 2020 Extravis Solutions Africa. All rights reserved.</p>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6606ff80af3261a38a6224a4"
type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"></script>
<script src="script.js"
type="text/javascript"></script>
</body>
</html>