/
index.html
182 lines (182 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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="description" content="Heavy Equpiment Replacement Parts Supplier: Barber, Blaw Knox, Broce, Cat, Case, Greene, Deere,Komatsu, Volvo, Black Cat Blades, Bucyrus Blades, ESCO, H-E Parts, ITR/Metaris, Kennametal, Pengo, and other quality brands and manufacturers.">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Northwest Construction Parts</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.1.1/normalize.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" type="text/css" href="float-grid.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/InventPartners/flex-responsive-burger-menu/master/css/nav.min.css" />
<link rel="stylesheet" type="text/css" href="index.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:regular,bold|Roboto+Slab:regular,regular" rel="stylesheet">
</head>
<body>
<header role="banner">
<section class="landing">
<h1>Northwest Construction Parts</h1>
<h2>Heavy Equipment Replacement Parts</h2>
<p class="p-center">Serving New Mexico and surrounding communities</p>
</section>
<nav role="navigation" class="nav-bar">
<div class="nav-name hidden">
<h2><a href='#top' class="logo-link" id="logo-link2" role="logo">Northwest Construction Parts</a></h2>
</div>
<div class="logo-class animated slideInLeft">
<ul class="navbar-list right" id="inv-menu">
<li><a href='#top' class="logo-link animated fadeOut">
<img src="images/trucking.svg" alt="Northwest Construction Parts Logo" class="logo logo-link animated fadeOut" id="logo-link1">
</a></li>
<li><a href="#products" class="nav-link">Products</a></li>
<li><a href="#eBay" class="nav-link">eBay</a></li>
<li><a href="#location" class="nav-link">Location</a></li>
<li><a href="#contact" class="nav-link">Contact</a></li>
<li><a href="tel:5555555555" class="nav-link"><i class="fas fa-phone"></i> 505-948-8497</a></li>
</ul>
</div>
</nav>
<button type="button" id="inv-nav-main-btn" class="hamburger right">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
<span class="text">Menu</span>
</button>
</header>
<main role="main">
<section class="products" id="products">
<div class="row">
<div class="col-12">
<h2>Independent dealer of wear parts and components for heavy equipment</h2>
</div>
</div>
<div class="row">
<div class="col-4">
<div class="product-card animated fadeIn">
<h3>Quality, Warranty Backed Parts</h3>
<p>We carry factory new parts for Barber, Blaw Knox, Broce, Cat, Case, Greene, Deere,Komatsu, Volvo, and many others</p>
<p>Authorized dealer for Black Cat Blades, Bucyrus Blades, ESCO, H-E Parts, ITR/Metaris, Kennametal, Pengo, and other quality manufacturers.</p>
</div>
</div>
<div class="col-4">
<div class="product-card animated fadeIn">
<h3>Service Area</h3>
<p>Based in New Mexico, our sales team travels throughout New Mexico and the surrounding areas. We stock most of the common parts at our warehouse and can ship or deliver to your location.</p>
<p>Specialty parts can be ordered from our wide network of manufacturers. We belong to a network of dealers across North America that can locate used, rebuilt, and new components.</p>
</div>
</div>
<div class="col-4">
<div class="product-card animated fadeIn">
<h3>Customer Service</h3>
<p>We deliver high quality customer service and parts at a reasonable price. We offer competitive prices. Call us today for quote and see how we can support your business. We look forward to working with you! </p>
</div>
</div>
</div>
</section>
<section class="eBay" id="eBay">
<div class="row">
<div class="col-12">
<h2>Search Our eBay Store</h2>
<h3>Stocked with thousands of items and actively updated</h3>
</div>
</div>
<form class="ebay-form" action="#" role="search">
<div class="row">
<div class="col-12">
<label for="js-query"><h4>Search Our eBay Inventory</h4></label>
</div>
</div>
<div class="row">
<div class="col-12">
<input type="text" class="js-query" id="js-query" placeholder="Search eBay Inventory" aria-live="assertive" required>
<button type="submit" id="search-button" aria-live="assertive">Search</button>
</div>
</div>
</form>
<div class="categories">
<h3>Search by Category</h3>
<div class="row">
<div class="col-4">
<button type="button" class="category-button" id="category-button1" data-value="66927" aria-live="assertive" aria-label="Search by category Augers">Augers</button>
</div>
<div class="col-4">
<button type="button" class="category-button" id="category-button2" data-value="50908" aria-live="assertive" aria-label="Search by category buckets and accessories">Buckets & Accessories</button>
</div>
<div class="col-4">
<button type="button" class="category-button" id="category-button3" data-value="41490" aria-live="assertive" aria-label="Search by category construction equipment parts">Constuction Equipment Parts</button>
</div>
</div>
</div>
<div class="search-results" aria-live="assertive" hidden></div>
<div class="nextForm" hidden></div>
<div class="pageButtons row" aria-live="assertive" hidden>
<button class="pageButton hidden" id="prevButton" aria-live="assertive" aria-label="previous page"><i class="fas fa-angle-double-left" ></i></button>
<h5 class='pageNumDisplay'></h5>
<button class="pageButton hidden" id="nextButton" aria-live="assertive" aria-label="next page"><i class="fas fa-angle-double-right"></i></button>
</div>
</section>
<section class="location" id="location">
<div class="row">
<div class="col-6">
<h2>Who We Are</h2>
<p>Sit dolore mollit sunt mollit laboris ut in sit reprehenderit nulla incididunt dolor cillum sint exercitation incididunt sunt duis in consectetur culpa ut ut adipisicing quis elit aliqua tempor esse eu ut reprehenderit occaecat eiusmod occaecat incididunt officia.</p>
</div>
<div class="col-6">
<h2>Location and Contact Information</h2>
<p class="p-center">Parts Warehouse Address:<br>10 Main Street NW,<br>Four Corners, NM 87000</p>
<p class="p-center">Office Number: 505-455-5555<br>
Fax: 505-555-5555<br>
Email: info@nwconstructionparts.com</p>
</div>
</div>
<div class="row">
<div class="col-6">
<h2>Directions</h2>
<p>From I-25/I-40 Interchange:<br>Merge onto I-40 W toward Gallup.Take the 6th St exit, EXIT 158.Turn slight right onto 6th St NW (Subway is on the corner).Turn right onto Menaul Blvd NW.Turn right onto 2nd St NW.SWCP is on the right. (SWCP is 0.1 miles past Prospect Ave NW).</p>
</div>
<div class="col-6">
<h2>Map</h2>
<div id="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13047.651555508726!2d-106.6028724!3d35.1587932!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xd221fed649eb8bf8!2sSouthwest%20Construction%20Parts!5e0!3m2!1sen!2sus!4v1601488528728!5m2!1sen!2sus" width="600" height="450" frameborder="0" style="border:0; width: 100%; height: 100%;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</div>
</div>
</section>
<section class="contact" id="contact">
<h2 id="contacth2">Contact Us for a Quote or More Information</h2>
<div class="row">
<div class="col-6">
<form class="contact-form" action="https://formspree.io/lynseympowell@gmail.com"
method="POST">
<fieldset>
<input type="text" id="contact-name" name="name" placeholder="Name" aria-lable="name" required>
<input type="email" id="contact-email" name="_replyto" placeholder="Email Address" aria-lable="Email" required>
<input type="tel" id="contact-tel" name="telephone" placeholder="555-555-5555" aria-lable="phone number">
<textarea name="message" id="contact-message" placeholder="Your message here" aria-lable="your message"></textarea>
<input type="hidden" name="_subject" value="New Contact"/>
<input type="text" name="_gotcha" id="gotcha"/>
<input type="submit" value="Send" class="contact-button" aria-live="assertive">
</fieldset>
</form>
</div>
<div class="col-6">
<img class="building-pic" src="https://static.wixstatic.com/media/2ec247_3aa234eec4a843d18c6ef7d02defb5d7~mv2.jpg" alt="Northwest Constuction Parts Building">
</div>
</div>
</section>
</main>
<footer role="contentinfo">
<div class="me"><p>Created by Lynsey Powell</p></div>
<div class="citation">Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>
</footer>
</body>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script
src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
crossorigin="anonymous"></script>
<script src="https://cdn.rawgit.com/InventPartners/flex-responsive-burger-menu/master/js/nav.min.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js" integrity="sha384-xymdQtn1n3lH2wcu0qhcdaOpQwyoarkgLVxC/wZ5q7h9gHtxICrpcaSUfygqZGOe" crossorigin="anonymous"></script>
<script src="index.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCTuBqNBkXAeayZk1OcXaUGRoMdhGvK66I&callback=initMap"></script>
</html>