-
Notifications
You must be signed in to change notification settings - Fork 0
/
🏠home.html
239 lines (225 loc) · 21.6 KB
/
🏠home.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
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
<!DOCTYPE html>
<html style="font-size: 16px;" lang="en-US"><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="AroundMe, AroundMe: Everything you need to know!, AroundMe now lets you see who&apos;s online for more efficient DM&apos;ing, AroundMe is testing out a question-asking feature in Stories, AroundMe adds video chat!, How much does it cost?">
<meta name="description" content="The ultimate destination for discovering oilfield vendors, all in one place.">
<title>🏠home</title>
<link rel="stylesheet" href="nicepage.css" media="screen">
<link rel="stylesheet" href="🏠home.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
<meta name="generator" content="Nicepage 6.4.0, nicepage.com">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Fira+Code:300,400,500,600,700">
<link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Fira+Code:300,400,500,600,700">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "OilField Vendor Finder",
"logo": "images/default-logo.png",
"sameAs": [
"https://twitter.com/OFVF_US",
"https://discord.gg/SuQBZbPjSQ",
"https://www.linkedin.com/company/oilfield-vender-finder/"
]
}</script>
<meta name="theme-color" content="#e67b13">
<meta name="twitter:site" content="@">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="🏠home">
<meta name="twitter:description" content="OilField Vendor Finder">
<meta property="og:title" content="🏠home">
<meta property="og:description" content="The ultimate destination for discovering oilfield vendors, all in one place.">
<meta property="og:type" content="website">
<meta name="description" content="The ultimate destination for discovering oilfield vendors, all in one place.">
<meta property="og:url" content="https://oilfieldvendorfinder.us/">
<meta property="og:type" content="website">
<meta property="og:title" content="🛢️OilField Vendor Finder">
<meta property="og:description" content="The ultimate destination for discovering oilfield vendors, all in one place.">
<meta property="og:image" content="https://iron.app.p7n.net/oilfieldology/PublicAssets/raw/branch/main/meta/metaimage1.png">
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="oilfieldvendorfinder.us">
<meta property="twitter:url" content="https://oilfieldvendorfinder.us/">
<meta name="twitter:title" content="🛢️OilField Vendor Finder">
<meta name="twitter:description" content="The ultimate destination for discovering oilfield vendors, all in one place.">
<meta name="twitter:image" content="https://iron.app.p7n.net/oilfieldology/PublicAssets/raw/branch/main/meta/metaimage1.png"><meta data-intl-tel-input-cdn-path="intlTelInput/"></head>
<body data-path-to-root="./" data-include-products="false" class="u-body u-xl-mode" data-lang="en"><header class="u-clearfix u-grey-90 u-header u-header" id="sec-8403"><div class="u-clearfix u-sheet u-sheet-1">
<nav class="u-align-left u-menu u-menu-one-level u-nav-spacing-25 u-offcanvas u-menu-1">
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px; text-transform: uppercase; font-weight: 500;">
<a class="u-button-style u-custom-active-color u-custom-border u-custom-border-color u-custom-border-radius u-custom-color u-custom-hover-color u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-active-color u-custom-text-color u-custom-text-hover-color u-custom-text-shadow u-custom-top-bottom-menu-spacing u-nav-link" href="#" style="padding: 8px 0px;">
<svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 302 302" style="undefined"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-7b92"></use></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-7b92" x="0px" y="0px" viewBox="0 0 302 302" style="enable-background:new 0 0 302 302;" xml:space="preserve" class="u-svg-content"><g><rect y="36" width="302" height="30"></rect><rect y="236" width="302" height="30"></rect><rect y="136" width="302" height="30"></rect>
</g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-custom-font u-nav u-spacing-2 u-text-font u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-active-palette-1-base u-border-2 u-border-grey-75 u-button-style u-grey-80 u-hover-palette-3-base u-nav-link u-radius u-text-active-white u-text-body-alt-color u-text-hover-white" href="🏠home.html" style="padding: 6px 20px; --radius:20px; text-shadow: 2px 2px 8px rgba(0,0,0,0.4);">🏠home</a>
</li><li class="u-nav-item"><a class="u-active-palette-1-base u-border-2 u-border-grey-75 u-button-style u-grey-80 u-hover-palette-3-base u-nav-link u-radius u-text-active-white u-text-body-alt-color u-text-hover-white" href="📖about.html" style="padding: 6px 20px; --radius:20px; text-shadow: 2px 2px 8px rgba(0,0,0,0.4);">📖about</a>
</li><li class="u-nav-item"><a class="u-active-palette-1-base u-border-2 u-border-grey-75 u-button-style u-grey-80 u-hover-palette-3-base u-nav-link u-radius u-text-active-white u-text-body-alt-color u-text-hover-white" href="📟contact.html" style="padding: 6px 20px; --radius:20px; text-shadow: 2px 2px 8px rgba(0,0,0,0.4);">📟contact</a>
</li><li class="u-nav-item"><a class="u-active-palette-1-base u-border-2 u-border-grey-75 u-button-style u-grey-80 u-hover-palette-3-base u-nav-link u-radius u-text-active-white u-text-body-alt-color u-text-hover-white" href="🤝partners.html" style="padding: 6px 20px; --radius:20px; text-shadow: 2px 2px 8px rgba(0,0,0,0.4);">🤝partners</a>
</li></ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-align-center u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-inner-container-layout u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-center u-custom-font u-heading-font u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="🏠home.html">🏠home</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="📖about.html">📖about</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="📟contact.html">📟contact</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="🤝partners.html">🤝partners</a>
</li></ul>
</div>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
<a href="#" class="u-image u-logo u-image-1" src="">
<img src="images/default-logo.png" class="u-logo-image u-logo-image-1">
</a>
<div class="u-align-left u-social-icons u-spacing-10 u-social-icons-1">
<a class="u-social-url" title="twitter" target="_blank" href="https://twitter.com/OFVF_US"><span class="u-icon u-social-icon u-social-twitter u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-7961"></use></svg><svg class="u-svg-content" viewBox="0 0 112 112" x="0" y="0" id="svg-7961"><path fill="currentColor" d="M92.2,38.2c0,0.8,0,1.6,0,2.3c0,24.3-18.6,52.4-52.6,52.4c-10.6,0.1-20.2-2.9-28.5-8.2
c1.4,0.2,2.9,0.2,4.4,0.2c8.7,0,16.7-2.9,23-7.9c-8.1-0.2-14.9-5.5-17.3-12.8c1.1,0.2,2.4,0.2,3.4,0.2c1.6,0,3.3-0.2,4.8-0.7
c-8.4-1.6-14.9-9.2-14.9-18c0-0.2,0-0.2,0-0.2c2.5,1.4,5.4,2.2,8.4,2.3c-5-3.3-8.3-8.9-8.3-15.4c0-3.4,1-6.5,2.5-9.2
c9.1,11.1,22.7,18.5,38,19.2c-0.2-1.4-0.4-2.8-0.4-4.3c0.1-10,8.3-18.2,18.5-18.2c5.4,0,10.1,2.2,13.5,5.7c4.3-0.8,8.1-2.3,11.7-4.5
c-1.4,4.3-4.3,7.9-8.1,10.1c3.7-0.4,7.3-1.4,10.6-2.9C98.9,32.3,95.7,35.5,92.2,38.2z"></path></svg></span>
</a>
<a class="u-social-url" target="_blank" data-type="Custom" title="Custom" href="https://discord.gg/SuQBZbPjSQ"><span class="u-file-icon u-icon u-social-custom u-social-icon u-icon-2"><img src="images/5968756.png" alt=""></span>
</a>
<a class="u-social-url" target="_blank" data-type="Custom" title="Custom" href="https://www.linkedin.com/company/oilfield-vender-finder/"><span class="u-file-icon u-icon u-social-custom u-social-icon u-icon-3"><img src="images/3128329.png" alt=""></span>
</a>
</div>
</div></header>
<section class="skrollable u-clearfix u-uploaded-video u-video u-section-1" id="sec-43a3">
<div class="u-background-video u-expanded" style="">
<div class="embed-responsive">
<video class="embed-responsive-item lazyload" data-autoplay="1" loop="" muted="1" poster="images/poster-sunny-2.png" autoplay="autoplay" playsinline="" data-src="files/oil-pump-jacks-sunny.mp4">
<source type="video/mp4">
<p>Your browser does not support HTML5 video.</p>
</video>
</div>
<div class="u-video-shading"></div>
</div>
<div class="u-clearfix u-sheet u-sheet-1">
<div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-align-left-lg u-align-left-md u-align-left-sm u-align-left-xs u-container-align-center-xl u-container-style u-layout-cell u-left-cell u-size-30 u-layout-cell-1">
<div class="u-container-layout u-valign-middle-sm u-container-layout-1">
<img class="u-align-center-lg u-align-center-md u-align-center-sm u-align-center-xs u-image u-image-contain u-image-default lazyload u-image-1" alt="" data-image-width="351" data-image-height="155" data-src="images/FullWHT.png">
<p class="u-align-center-xl u-custom-font u-heading-font u-text u-text-white u-text-1"> The ultimate destination for discovering oilfield vendors, all in one place.</p>
<a href="https://install.page/ofvf" class="u-align-center-xl u-align-left-lg u-align-left-md u-align-left-sm u-align-left-xs u-border-3 u-border-hover-palette-1-light-2 u-border-palette-1-base u-btn u-btn-round u-button-style u-custom-color-2 u-custom-font u-heading-font u-radius u-btn-1" target="_blank"><span class="u-icon u-icon-1"><svg class="u-svg-content" viewBox="0 0 60 60" x="0px" y="0px" style="width: 1em; height: 1em;"><g><path d="M56.612,4.569c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414c3.736,3.736,3.736,9.815,0,13.552
c-0.391,0.391-0.391,1.023,0,1.414c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293
C61.128,16.434,61.128,9.085,56.612,4.569z"></path><path d="M52.401,6.845c-0.391-0.391-1.023-0.391-1.414,0s-0.391,1.023,0,1.414c1.237,1.237,1.918,2.885,1.918,4.639
s-0.681,3.401-1.918,4.638c-0.391,0.391-0.391,1.023,0,1.414c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293
c1.615-1.614,2.504-3.764,2.504-6.052S54.017,8.459,52.401,6.845z"></path><path d="M4.802,5.983c0.391-0.391,0.391-1.023,0-1.414s-1.023-0.391-1.414,0c-4.516,4.516-4.516,11.864,0,16.38
c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293c0.391-0.391,0.391-1.023,0-1.414
C1.065,15.799,1.065,9.72,4.802,5.983z"></path><path d="M9.013,6.569c-0.391-0.391-1.023-0.391-1.414,0c-1.615,1.614-2.504,3.764-2.504,6.052s0.889,4.438,2.504,6.053
c0.195,0.195,0.451,0.293,0.707,0.293s0.512-0.098,0.707-0.293c0.391-0.391,0.391-1.023,0-1.414
c-1.237-1.237-1.918-2.885-1.918-4.639S7.775,9.22,9.013,7.983C9.403,7.593,9.403,6.96,9.013,6.569z"></path><circle cx="30" cy="53" r="2"></circle><path d="M42.595,0H17.405C14.976,0,13,1.977,13,4.405v51.189C13,58.023,14.976,60,17.405,60h25.189C45.024,60,47,58.023,47,55.595
V4.405C47,1.977,45.024,0,42.595,0z M33,3h1c0.552,0,1,0.447,1,1s-0.448,1-1,1h-1c-0.552,0-1-0.447-1-1S32.448,3,33,3z M26,3h4
c0.552,0,1,0.447,1,1s-0.448,1-1,1h-4c-0.552,0-1-0.447-1-1S25.448,3,26,3z M30,57c-2.206,0-4-1.794-4-4s1.794-4,4-4s4,1.794,4,4
S32.206,57,30,57z M45,46H15V8h30V46z"></path>
</g></svg></span>mobile
</a>
<a href="https://ofvf.us/?pswutlzoq=install" class="u-align-center u-border-3 u-border-hover-palette-1-light-2 u-border-palette-1-base u-btn u-btn-round u-button-style u-custom-color-2 u-custom-font u-heading-font u-hidden-sm u-hidden-xs u-radius u-btn-2" target="_blank"><span class="u-file-icon u-icon u-text-white u-icon-2"><img src="images/99488-a89db81a.png" alt=""></span> DESKTOP
</a>
</div>
</div>
<div class="u-container-align-center u-container-style u-image u-layout-cell u-right-cell u-size-30 lazyload u-image-2" data-image-width="1698" data-image-height="1904" data-bg="url("images/mockup_phone__11.png")">
<div class="u-container-layout u-container-layout-2"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-grey-90 u-section-2" id="sec-47c1">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-align-center-lg u-align-center-md u-align-center-sm u-align-center-xs u-align-left-xl u-black u-border-4 u-border-palette-1-base u-container-style u-expanded-width-sm u-expanded-width-xs u-group u-radius u-shape-round u-group-1" data-animation-out="0">
<div class="u-container-layout u-container-layout-1">
<div class="u-align-center u-clearfix u-custom-html u-expanded-width-xs u-custom-html-1">
<iframe src="https://oilfieldvendorfinder.us/sotd.html" width="100%" height="300" allowfullscreen="" frameborder="0"></iframe>
</div>
<h3 class="u-align-center u-text u-text-font u-text-palette-1-base u-text-1">Service SPOTLIGHT </h3>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-valign-bottom-lg u-valign-bottom-md u-valign-bottom-sm u-valign-bottom-xl u-section-3" id="sec-5007">
<div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-grey-90 u-layout-cell u-left-cell u-size-30 u-layout-cell-1">
<div class="u-container-layout u-container-layout-1">
<img alt="" class="u-image u-image-contain u-image-default lazyload u-image-1" data-animation-name="customAnimationIn" data-animation-duration="2000" data-image-width="1764" data-image-height="1562" data-src="images/mockup_phone__9.png">
</div>
</div>
<div class="u-container-style u-grey-90 u-layout-cell u-right-cell u-size-30 u-layout-cell-2">
<div class="u-container-layout u-container-layout-2">
<h4 class="u-align-center-md u-align-center-sm u-align-center-xs u-text u-text-grey-75 u-text-1">SO YOU WANNA BE AN O.F.V.F. STAR?!</h4>
<h2 class="u-align-left u-custom-font u-heading-font u-text u-text-palette-1-base u-text-2">O.F.V.F. - Everything you need to know!</h2>
<p class="u-align-left u-text u-text-3"> OFVF is your go-to app for reliable Oil and Gas industry data. We are tackling the challenge of finding trustworthy information by creating a vetted data system. Empowering vendors like you, we're dedicated to fostering business growth. Join us in shaping this platform for continuous improvement.</p>
<a href="🤝partners.html" class="u-align-center u-border-2 u-border-palette-1-base u-btn u-btn-round u-button-style u-custom-font u-grey-90 u-heading-font u-hover-palette-1-base u-radius u-btn-1" target="_blank">partners</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-valign-bottom-md u-valign-bottom-sm u-valign-bottom-xs u-section-4" id="sec-a8e0">
<div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-align-left-lg u-align-left-md u-align-left-sm u-align-left-xs u-container-style u-grey-90 u-layout-cell u-right-cell u-size-28 u-layout-cell-1">
<div class="u-container-layout u-container-layout-1">
<h2 class="u-custom-font u-heading-font u-text u-text-palette-1-base u-text-1">O.F.V.F. Works everywhere!</h2>
<p class="u-text u-text-2">Install OFVF (OilField Vendor Finder) in a few seconds — directly from your browser. This app is available on Android (with Chrome), on iOS (with Safari), on Windows (with Chrome or Edge) and macOS (with Chrome). Simply click on the Install button at the top of the page. </p>
</div>
</div>
<div class="u-container-style u-grey-90 u-layout-cell u-left-cell u-size-32 u-layout-cell-2">
<div class="u-container-layout u-container-layout-2">
<img class="custom-expanded u-image u-image-contain lazyload u-image-1" data-image-width="3574" data-image-height="3238" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="0" data-src="images/Laptop002.png">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-section-5" id="carousel_99ba">
<div class="data-layout-selected u-clearfix u-expanded-width u-layout-wrap u-layout-wrap-1">
<div class="u-layout">
<div class="u-layout-row">
<div class="u-container-style u-image u-layout-cell u-left-cell u-shading u-size-60 lazyload u-image-1" data-bg="url("images/pexelsphoto219014.jpeg")">
<div class="u-container-layout u-container-layout-1">
<h2 class="u-custom-font u-heading-font u-text u-text-palette-1-base u-text-1"> O.F.V.F. is dynamically evolving</h2>
<img alt="" class="u-image u-image-default lazyload u-image-2" data-image-width="2636" data-image-height="932" data-animation-name="customAnimationIn" data-animation-duration="1000" data-src="images/mockup_phone__6.png">
<p class="u-text u-text-2"> We're dedicated to finding fresh ways to support the oilfield workforce and streamline resource distribution. Your innovative ideas are always welcome! 🌐💡<br>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-palette-1-base u-section-6" id="sec-a068">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="u-align-center u-container-style u-expanded-width-xs u-group u-group-1">
<div class="u-container-layout u-container-layout-1">
<h2 class="u-custom-font u-heading-font u-text u-text-1">O.F.V.F. Works Offline</h2>
<p class="u-text u-text-2"> Recognizing the remoteness of certain locations, OFVF is designed to operate offline, ensuring access to vendors even in the absence of data connectivity.</p>
</div>
</div>
<img alt="" class="u-expanded-width u-image u-image-contain u-image-default lazyload u-image-1" data-image-width="3000" data-image-height="1520" data-src="images/mockup_phone__8.png">
</div>
</section>
<footer class="u-clearfix u-footer u-grey-90" id="sec-c9bc"><div class="u-clearfix u-sheet u-valign-top-lg u-valign-top-md u-valign-top-sm u-sheet-1">
<div class="u-align-center u-container-align-center-lg u-container-align-center-md u-container-align-center-sm u-container-align-center-xs u-container-style u-group u-group-1">
<div class="u-container-layout u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-container-layout-1">
<p class="u-align-center u-small-text u-text u-text-palette-1-base u-text-variant u-text-1"><span class="u-file-icon u-icon u-text-palette-1-base u-icon-1"><img src="images/13371523-77321509.png" alt=""></span>OilField Vendor Finder (OFVF<span class="u-file-icon u-icon u-text-palette-1-base u-icon-2"><img src="images/11915874-1b058db2.png" alt=""></span>)<br><span class="u-file-icon u-icon u-text-palette-1-base u-icon-3"><img src="images/13371523-77321509.png" alt=""></span>projectseven .co .ltd
</p>
</div>
</div>
<a href="https://project.app.p7n.net/share/0c3HTpOh67gY" class="u-border-1 u-border-active-palette-2-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-btn u-button-style u-none u-text-palette-1-base u-btn-1" target="_blank">privacy Policy</a>
<a href="https://project.app.p7n.net/share/8vTZgdS4Mx4t" class="u-border-1 u-border-active-palette-2-base u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-btn u-button-style u-none u-text-palette-1-base u-btn-2" target="_blank">terms of service</a>
</div></footer>
</body></html>