-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (126 loc) · 8.03 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Accelerate Retail Partners</title>
<meta name="description" content="We work with emerging brands to accelerate growth via branding, product development, strategic planning, account management & digital design." />
<meta name="keywords" content="accelerate, retail, sales, marketing, strategy, design, partner, brand, development, management" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/media/favicon-min.png" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="/node_modules/slick-carousel/slick/slick.css" />
<link rel="stylesheet" type="text/css" href="/node_modules/slick-carousel/slick/slick-theme.css" />
<link rel="stylesheet" href="/fontawesome-free-5.14.0-web/css/all.css" />
<link rel="stylesheet" href="/node_modules/animate-it/css/animations.css" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="stylesheet" href="/css/home.css" />
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CRKQ2WP0YE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-CRKQ2WP0YE");
</script>
<script src="/node_modules/jquery/dist/jquery.min.js" defer></script>
<script type="text/javascript" src="/node_modules/slick-carousel/slick/slick.min.js" defer></script>
<script src="/node_modules/animejs/lib/anime.min.js" defer></script>
<script src="/node_modules/intersection-observer/intersection-observer.js" defer></script>
<script src="/node_modules/animate-it/js/css3-animate-it.js" defer></script>
<script src="/scripts/nav.js" defer></script>
<script src="/scripts/arrow-animation.js" defer></script>
<script src="/scripts/graph-animation.js" defer></script>
<script type="text/javascript" src="/scripts/head-slider.js" defer></script>
</head>
<body id="home">
<div id="loading"><img src="/media/main-arrow-min.png" /></div>
<div id="content">
<header class="animatedParent animateOnce">
<img class="header-logo animated fadeInUpShort" src="./media/logos/main-horizontal-min-450w.png" alt="Accelerate Retail Partners" />
<nav class="animated fadeInUpShort">
<ul class="menu">
<li class="menu-item-container">
<a class="menu-item" href="./index.html" style="color: rgb(70, 70, 70)">home</a>
</li>
<li class="menu-item-container"><a class="menu-item" href="./services.html">services</a></li>
<li class="menu-item-container"><a class="menu-item" href="./press.html">press</a></li>
<li class="menu-item-container"><a class="menu-item" href="./connect.html">connect</a></li>
</ul>
<i class="nav-bars fas fa-bars" onclick="openNav()"></i>
</nav>
<nav class="nav-mobile">
<i class="exit-mobile fas fa-times" onclick="closeNav()"></i>
<ul class="mobile-menu">
<li>
<a class="mobile-menu-item" href="./index.html" style="color: var(--light-gray)">home</a>
</li>
<li><a class="mobile-menu-item" href="./services.html">services</a></li>
<li><a class="mobile-menu-item" href="./press.html">press</a></li>
<li><a class="mobile-menu-item" href="./connect.html">connect</a></li>
</ul>
</nav>
</header>
<section class="welcome center-items">
<div class="welcome-img-slider">
<div class="welcome-img whole-paws"><img src="/media/head-slider/whole-paws-shelf-min.jpg" /></div>
<div class="welcome-img cardinals">
<img src="/media/head-slider/Arizona Cardinals Blackout.jpg" />
</div>
<div class="welcome-img tacos"><img src="/media/head-slider/tacos.jpg" /></div>
<div class="welcome-img"><img src="/media/head-slider/on-phone-min.jpg" /></div>
</div>
<div class="welcome-text-container animatedParent animateOnce">
<h1 class="welcome-text animated fadeInUpShort">
accelerate your
<div id="change">brand.</div>
</h1>
<a href="#about"><i class="fas fa-chevron-down down-arrow"></i></a>
</div>
<div class="shape-1 btm-lft"></div>
</section>
<section id="about" class="about gradient-background">
<div class="shape-container"><div class="shape-1 tp-rt"></div></div>
<div class="about-content">
<div class="about-title animatedParent animateOnce">
<h2 class="animated fadeInUpShort">accelerate your sales & marketing growth with our team.</h2>
</div>
<div class="about-text animatedParent animateOnce">
<p class="animated fadeInUpShort">
Accelerate Retail Partners exists to help businesses accelerate their sales, marketing & innovation goals. As a certified minority and women-owned business, we are proud of our strength in partnerships across a multitude
of industries, a commitment to partner exclusivity, and an immersive hands-on approach that is second to none. We value your brand as our own so that, together, we can accelerate your brand into the next level. Based out
of Phoenix, Arizona, our team hosts an impressive client list to include existing and emerging brands, both big and small.
</p>
</div>
<a class="about-connect-btn" href="/connect.html">Connect with us.</a>
</div>
<div class="graph-container">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="-1 32.06971904266367 644 307.06347554630617" width="640" height="400">
<defs>
<path class="graph-path" d="M0,336.13L78.29,246.27L139.14,291.55L291.91,163.27L397.34,231.2L640,33.07" id="c2dvNMDJh"></path>
</defs>
<g>
<g>
<g>
<use xlink:href="#c2dvNMDJh" opacity="1" fill-opacity="0" stroke="#FFFFFF" stroke-width="4" stroke-opacity="1"></use>
</g>
</g>
</g>
</svg>
</div>
</section>
<footer>
<div class="footer-logo-container">
<img class="footer-logo" src="/media/white-arrow-min.png" loading="lazy" />
</div>
<div class="footer-certifications-container">
<a target="_blank" href="https://www.wbenc.org"><img class="WBENC-seal" src="/media/WBENC/WBE_Seal_REVERSE-min.png" loading="lazy" /></a>
</div>
</footer>
</div>
<script src="/scripts/loading.js" async></script>
</body>
</html>