Skip to content

Commit 100841c

Browse files
Sheradyn MikulSheradyn Mikul
Sheradyn Mikul
authored and
Sheradyn Mikul
committed
Adding the new website files
1 parent 0272f87 commit 100841c

File tree

1,006 files changed

+150918
-4
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

1,006 files changed

+150918
-4
lines changed

‎.DS_Store‎

2 KB
Binary file not shown.

‎.gitignore‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,2 @@
11
360/.DS_Store
2-
.DS_Store
3-
.DS_Store
4-
.DS_Store
5-
.DS_Store
2+
.DS_Store

‎new-website/about.html‎

Lines changed: 253 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,253 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<title>SnowShoe Stamp - About</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<meta name="description" content="A corporate Bootstrap theme by Medium Rare">
9+
<link href="assets/css/loaders/loader-typing.css" rel="stylesheet" type="text/css" media="all" />
10+
<link href="assets/css/theme-mobile-app.css" rel="stylesheet" type="text/css" media="all" />
11+
<link href="css/main.css" rel="stylesheet" type="text/css" media="all" />
12+
<link href="https://fonts.googleapis.com/css?family=Comfortaa:400,700&display=swap" rel="stylesheet">
13+
<link rel="stylesheet" href="https://unpkg.com/flickity-fade@1/flickity-fade.css">
14+
15+
<!-- 360 Viewer -->
16+
<link rel="stylesheet" href="css/360.css"> <!-- Resource style -->
17+
<script src="js/360-modernizr.js"></script> <!-- Modernizr -->
18+
</head>
19+
20+
<body>
21+
<div class="loader">
22+
<div class="loading-animation"></div>
23+
</div>
24+
25+
<div class="navbar-container ">
26+
<nav class="navbar navbar-expand-lg justify-content-between navbar-light border-bottom-0 bg-white" data-sticky="top">
27+
<div class="container">
28+
<div class="col flex-fill px-0 d-flex justify-content-between">
29+
<a class="navbar-brand mr-0 fade-page" href="index.html">
30+
<img src="img/logo.svg" alt="SnowShoe" height="26">
31+
</a>
32+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
33+
<img class="icon navbar-toggler-open" src="assets/img/icons/interface/menu.svg" alt="menu interface icon" data-inject-svg />
34+
<img class="icon navbar-toggler-close" src="assets/img/icons/interface/cross.svg" alt="cross interface icon" data-inject-svg />
35+
</button>
36+
</div>
37+
<div class="collapse navbar-collapse col px-0 px-lg-2 flex-fill">
38+
<div class="py-2 py-lg-0">
39+
<ul class="navbar-nav">
40+
<li class="nav-item">
41+
<a href="solutions.html" class="nav-link">Solutions</a>
42+
</li>
43+
<li class="nav-item">
44+
<a href="about.html" class="nav-link">About</a>
45+
</li>
46+
<li class="nav-item">
47+
<a href="https://snowshoe.readme.io/v2.0/docs" target="_blank" class="nav-link">Developers</a>
48+
</li>
49+
<li class="nav-item">
50+
<a href="index.html#contact" class="nav-link">Contact</a>
51+
</li>
52+
</ul>
53+
</div>
54+
</div>
55+
<div class="collapse navbar-collapse justify-content-end col flex-fill px-0">
56+
<a href="https://beta.snowshoestamp.com/accounts/login/" class="btn btn-primary ml-lg-3">Login</a>
57+
<a href="https://beta.snowshoestamp.com/accounts/register/" class="btn btn-link">Sign Up</a>
58+
</div>
59+
</div>
60+
</nav>
61+
</div>
62+
63+
<section class="bg-dark text-light header-inner p-0 jarallax o-hidden" data-overlay data-jarallax data-speed="0.2">
64+
<img src="img/about_background2.jpg" alt="Image" class="jarallax-img opacity-30">
65+
<div class="container py-0 layer-2">
66+
<div class="row my-5" data-aos="fade-up">
67+
<div class="col-lg-9 col-xl-8 my-7">
68+
<h1 class="display-4">About Us</h1>
69+
<p class="lead mb-0">We’re located in Portland, Oregon where nine months of rain makes for breathtaking views, the craft beer and coffee are local, and our mountains, valleys and coastline provide the world’s best playground.</p>
70+
</div>
71+
</div>
72+
</div>
73+
<!-- <div class="decoration-wrapper">
74+
<div class="decoration bottom right d-none d-md-block" data-jarallax-element="100 100">
75+
<img class="bg-primary-2" src="assets/img/decorations/deco-blob-1.svg" alt="deco-blob-1 decoration" data-inject-svg />
76+
</div>
77+
</div> -->
78+
<div class="divider flip-x">
79+
<img src="assets/img/dividers/divider-1.svg" alt="graphical divider" data-inject-svg />
80+
</div>
81+
</section>
82+
83+
<section>
84+
<div class="container" data-aos="fade-up">
85+
<div class="row align-items-top justify-content-around">
86+
<div class="col-md-5 col-xl-5">
87+
<img src="assets/img/inner-2.jpg" alt="Image" class="rounded shadow-3d">
88+
<div class="row mt-4">
89+
<div class="col">
90+
<h4>Contact Us</h4>
91+
<ul class="list-unstyled">
92+
<li class="mb-3 d-flex">
93+
<img class="icon" src="assets/img/icons/theme/map/marker-1.svg" alt="marker-1 icon" data-inject-svg />
94+
<div class="ml-3">
95+
<span>
96+
600 NW Naito Pkwy<br>
97+
Suite E<br>
98+
Portland, Oregon 97209<br>
99+
USA &ndash; <a href="https://goo.gl/maps/hNW9UNjCwdRDyfnB6" target="_blank">Map</a>
100+
</span>
101+
</div>
102+
</li>
103+
<li class="mb-3 d-flex">
104+
<img class="icon" src="assets/img/icons/theme/communication/call-1.svg" alt="call-1 icon" data-inject-svg />
105+
<div class="ml-3">
106+
<span>+1 (971) 279-5544</span>
107+
</div>
108+
</li>
109+
<li class="mb-3 d-flex">
110+
<img class="icon" src="assets/img/icons/theme/communication/mail.svg" alt="mail icon" data-inject-svg />
111+
<div class="ml-3">
112+
<a href="mailto:info@snowshoestamp.com" target="_blank">info@snowshoestamp.com</a>
113+
</div>
114+
</li>
115+
</ul>
116+
</div>
117+
</div>
118+
</div>
119+
<div class="col-md-7 col-xl-7">
120+
<div class="row justify-content-center">
121+
<div class="col-xl-10 col-lg-10">
122+
<span class="badge badge-primary mt-2 mb-3">Our Story</span>
123+
<!-- <div class="my-3">
124+
<span class="h1">Change the game through design.</span>
125+
</div> -->
126+
<p class="">The initial idea for SnowShoe was to provide an experiential access to data. Although the technology has developed far beyond our original concept, this simple idea encouraged a personal interaction, which is incredibly relevant to what we offer today.</p>
127+
<p>Bringing people, brands and experiences together in an engaging way is what made SnowShoe unique 7 years ago and what attracts organizations to our technology today. By eliminating equipment and development costs, and the potential fraud other options come with, our mobile authentication platform encourages the kind of experience consumers are looking for with the brands they choose. </p>
128+
<p>And the SnowShoe Stamp technology only gets better as our dedicated team focuses on developing high-value improvements, collaboration with customers to conceptualize new applications, and revealing program and customer insights that drive business decisions.</p>
129+
<p>We measure success for SnowShow in our customers’ success. We celebrate when SnowShoe Stamp technology is applied to real-world problems that build our customers’ brand loyalty and impacts revenue.</p>
130+
<p>Our team of engineering, product and customer success professionals have worked together long enough to call ourselves family. The kind of family you choose to spend time with. And trust to always do the right thing.</p>
131+
</div>
132+
</div>
133+
</div>
134+
</div>
135+
</div>
136+
</section>
137+
138+
<footer class="pb-4 bg-primary-3 text-light" id="footer">
139+
<div class="container">
140+
<div class="row mb-5">
141+
<div class="col">
142+
<ul class="nav">
143+
<li class="nav-item">
144+
<a href="#" class="nav-link disabled">&copy; Copyright SnowShoe 2020</a>
145+
</li>
146+
<li class="nav-item">
147+
<a href="https://www.snowshoestamp.com/privacy" class="nav-link">Privacy</a>
148+
</li>
149+
<li class="nav-item">
150+
<a href="https://www.snowshoestamp.com/cookies" class="nav-link">Cookies</a>
151+
</li>
152+
<li class="nav-item">
153+
<a href="https://www.snowshoestamp.com/terms" class="nav-link">TOS</a>
154+
</li>
155+
<li class="nav-item">
156+
<a href="https://www.snowshoestamp.com/eula" class="nav-link">EULA</a>
157+
</li>
158+
</ul>
159+
</div>
160+
<div class="col-auto">
161+
<ul class="nav">
162+
<li class="nav-item">
163+
<a href="#" class="nav-link">
164+
<img class="icon undefined" src="assets/img/icons/social/instagram.svg" alt="instagram social icon" data-inject-svg />
165+
</a>
166+
</li>
167+
<li class="nav-item">
168+
<a href="#" class="nav-link">
169+
<img class="icon undefined" src="assets/img/icons/social/twitter.svg" alt="twitter social icon" data-inject-svg />
170+
</a>
171+
</li>
172+
<li class="nav-item">
173+
<a href="#" class="nav-link">
174+
<img class="icon undefined" src="assets/img/icons/social/youtube.svg" alt="youtube social icon" data-inject-svg />
175+
</a>
176+
</li>
177+
<li class="nav-item">
178+
<a href="#" class="nav-link">
179+
<img class="icon undefined" src="assets/img/icons/social/medium.svg" alt="medium social icon" data-inject-svg />
180+
</a>
181+
</li>
182+
<li class="nav-item">
183+
<a href="#" class="nav-link">
184+
<img class="icon undefined" src="assets/img/icons/social/facebook.svg" alt="facebook social icon" data-inject-svg />
185+
</a>
186+
</li>
187+
</ul>
188+
</div>
189+
</div>
190+
</div>
191+
</footer>
192+
<a href="#" class="btn back-to-top btn-primary btn-round" data-smooth-scroll data-aos="fade-up" data-aos-offset="2000" data-aos-mirror="true" data-aos-once="false">
193+
<img class="icon" src="assets/img/icons/theme/navigation/arrow-up.svg" alt="arrow-up icon" data-inject-svg />
194+
</a>
195+
<!-- Required vendor scripts (Do not remove) -->
196+
<script type="text/javascript" src="assets/js/jquery.min.js"></script>
197+
<script type="text/javascript" src="assets/js/popper.min.js"></script>
198+
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
199+
200+
<!-- Optional Vendor Scripts (Remove the plugin script here and comment initializer script out of index.js if site does not use that feature) -->
201+
202+
<!-- AOS (Animate On Scroll - animates elements into view while scrolling down) -->
203+
<script type="text/javascript" src="assets/js/aos.js"></script>
204+
<!-- Clipboard (copies content from browser into OS clipboard) -->
205+
<script type="text/javascript" src="assets/js/clipboard.js"></script>
206+
<!-- Fancybox (handles image and video lightbox and galleries) -->
207+
<script type="text/javascript" src="assets/js/jquery.fancybox.min.js"></script>
208+
<!-- Flatpickr (calendar/date/time picker UI) -->
209+
<script type="text/javascript" src="assets/js/flatpickr.min.js"></script>
210+
<!-- Flickity (handles touch enabled carousels and sliders) -->
211+
<script type="text/javascript" src="assets/js/flickity.pkgd.min.js"></script>
212+
<script type="text/javascript" src="https://unpkg.com/flickity-fade@1/flickity-fade.js"></script>
213+
<!-- Ion rangeSlider (flexible and pretty range slider elements) -->
214+
<script type="text/javascript" src="assets/js/ion.rangeSlider.min.js"></script>
215+
<!-- Isotope (masonry layouts and filtering) -->
216+
<script type="text/javascript" src="assets/js/isotope.pkgd.min.js"></script>
217+
<!-- jarallax (parallax effect and video backgrounds) -->
218+
<script type="text/javascript" src="assets/js/jarallax.min.js"></script>
219+
<script type="text/javascript" src="assets/js/jarallax-video.min.js"></script>
220+
<script type="text/javascript" src="assets/js/jarallax-element.min.js"></script>
221+
<!-- jQuery Countdown (displays countdown text to a specified date) -->
222+
<script type="text/javascript" src="assets/js/jquery.countdown.min.js"></script>
223+
<!-- jQuery smartWizard facilitates steppable wizard content -->
224+
<script type="text/javascript" src="assets/js/jquery.smartWizard.min.js"></script>
225+
<!-- Plyr (unified player for Video, Audio, Vimeo and Youtube) -->
226+
<script type="text/javascript" src="assets/js/plyr.polyfilled.min.js"></script>
227+
<!-- Prism (displays formatted code boxes) -->
228+
<script type="text/javascript" src="assets/js/prism.js"></script>
229+
<!-- ScrollMonitor (manages events for elements scrolling in and out of view) -->
230+
<script type="text/javascript" src="assets/js/scrollMonitor.js"></script>
231+
<!-- Smooth scroll (animation to links in-page)-->
232+
<script type="text/javascript" src="assets/js/smooth-scroll.polyfills.min.js"></script>
233+
<!-- SVGInjector (replaces img tags with SVG code to allow easy inclusion of SVGs with the benefit of inheriting colors and styles)-->
234+
<script type="text/javascript" src="assets/js/svg-injector.umd.production.js"></script>
235+
<!-- TwitterFetcher (displays a feed of tweets from a specified account)-->
236+
<script type="text/javascript" src="assets/js/twitterFetcher_min.js"></script>
237+
<!-- Typed text (animated typing effect)-->
238+
<script type="text/javascript" src="assets/js/typed.min.js"></script>
239+
<!-- Required theme scripts (Do not remove) -->
240+
<script type="text/javascript" src="assets/js/theme.js"></script>
241+
<!-- Removes page load animation when window is finished loading -->
242+
<script type="text/javascript">
243+
window.addEventListener("load", function () { document.querySelector('body').classList.add('loaded'); });
244+
</script>
245+
246+
<!-- 360 Viewer -->
247+
<script src="js/360-jquery-2.1.4.js"></script>
248+
<script src="js/360-jquery.mobile.custom.min.js"></script>
249+
<script src="js/360-main.js"></script> <!-- Resource jQuery -->
250+
251+
</body>
252+
253+
</html>

‎new-website/assets/css/custom.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
/*
2+
/*
3+
/* custom.css
4+
/*
5+
/* If not using Gulp and Sass, add your custom CSS below then include it
6+
/* in your page by adding a reference to assets/css/custom.css in the head of each page.
7+
/*
8+
*/

‎new-website/assets/css/loaders/loader-clock.css‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
/* Common Loading Animation Code */
2+
3+
@keyframes hideLoader{
4+
0%{ width: 100%; height: 100%; }
5+
100%{ width: 0; height: 0; }
6+
}
7+
body > div.loader{
8+
position: fixed;
9+
background: white;
10+
width: 100%;
11+
height: 100%;
12+
z-index: 1071;
13+
opacity: 0;
14+
transition: opacity .5s ease;
15+
overflow: hidden;
16+
pointer-events: none;
17+
display: flex;
18+
align-items: center;
19+
justify-content: center;
20+
}
21+
body:not(.loaded) > div.loader{
22+
opacity: 1;
23+
}
24+
body:not(.loaded){
25+
overflow: hidden;
26+
}
27+
body.loaded > div.loader{
28+
animation: hideLoader .5s linear .5s forwards;
29+
}
30+
31+
/* Clock Animation */
32+
.loading-animation{
33+
width: 24px;
34+
height: 24px;
35+
background-color: transparent;
36+
box-shadow: inset 0px 0px 0px 2px #222;
37+
border-radius: 50%;
38+
position: relative;
39+
margin: 38px auto;/* Not necessary- its only for layouting*/
40+
}
41+
.loading-animation:after, .loading-animation:before{
42+
position: absolute;
43+
content:"";
44+
background-color: #222;
45+
}
46+
.loading-animation:after{
47+
width: 10px;
48+
height: 2px;
49+
top: 11px;
50+
left: 11px;
51+
-webkit-transform-origin: 1px 1px;
52+
-moz-transform-origin: 1px 1px;
53+
transform-origin: 1px 1px;
54+
-webkit-animation: minhand 2s linear infinite;
55+
-moz-animation: minhand 2s linear infinite;
56+
animation: minhand 2s linear infinite;
57+
}
58+
59+
.loading-animation:before{
60+
width: 8px;
61+
height: 2px;
62+
top: 11px;
63+
left: 11px;
64+
-webkit-transform-origin: 1px 1px;
65+
-moz-transform-origin: 1px 1px;
66+
transform-origin: 1px 1px;
67+
-webkit-animation: hrhand 8s linear infinite;
68+
-moz-animation: hrhand 8s linear infinite;
69+
animation: hrhand 8s linear infinite;
70+
}
71+
72+
@-webkit-keyframes minhand{
73+
0%{-webkit-transform:rotate(0deg)}
74+
100%{-webkit-transform:rotate(360deg)}
75+
}
76+
@-moz-keyframes minhand{
77+
0%{-moz-transform:rotate(0deg)}
78+
100%{-moz-transform:rotate(360deg)}
79+
}
80+
@keyframes minhand{
81+
0%{transform:rotate(0deg)}
82+
100%{transform:rotate(360deg)}
83+
}
84+
85+
@-webkit-keyframes hrhand{
86+
0%{-webkit-transform:rotate(0deg)}
87+
100%{-webkit-transform:rotate(360deg)}
88+
}
89+
@-moz-keyframes hrhand{
90+
0%{-moz-transform:rotate(0deg)}
91+
100%{-moz-transform:rotate(360deg)}
92+
}
93+
@keyframes hrhand{
94+
0%{transform:rotate(0deg)}
95+
100%{transform:rotate(360deg)}
96+
}

0 commit comments

Comments
 (0)