-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
114 lines (105 loc) · 8.75 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
---
layout: default
---
<div class="home">
<div class="flexslider">
<ul class="slides">
<li>
<img class="visible-xs-block" src="http://placehold.it/768x300/3C3E42?text=mobile+768x300" />
<img class="visible-sm-block" src="http://placehold.it/1024x425/3C3E42?text=tablet+1024x425" />
<img class="visible-md-block visible-lg-block" src="http://placehold.it/2000x500/3C3E42" />
</li>
<li>
<img class="visible-xs-block" src="http://placehold.it/768x300/8FA7C2/333333?text=mobile+768x300" />
<img class="visible-sm-block" src="http://placehold.it/1024x425/8FA7C2/333333?text=tablet+1024x425" />
<img class="visible-md-block visible-lg-block" src="http://placehold.it/2000x500/8FA7C2/333333" />
</li>
<li>
<img class="visible-xs-block" src="http://placehold.it/768x300/D7C7A7/333333?text=mobile+768x300" />
<img class="visible-sm-block" src="http://placehold.it/1024x425/D7C7A7/333333?text=tablet+1024x425" />
<img class="visible-md-block visible-lg-block" src="http://placehold.it/2000x500/D7C7A7/333333" />
</li>
</ul>
</div>
<div class="home-menus visible-xs-block">
<ul class="home-login nav-list">
<li class="nav-item home-login-target">Sign In <i class="material-icons pull-right">remove</i></li>
<!-- IF SIGNED-OUT (CURRENTLY DISPLAYED) -->
<li class="myaccount-dropdown mobile col-md-12">
<form>
<div class="form-group">
<label for="username" class="hidden"><spring:theme code="mobtab.username.text" text="Username" var="usernameText" /></label>
<input data-role="none" class="form-control" name="username" placeholder="usernameText" required>
<label for="password" class="hidden">Password</label>
<input data-role="none" class="form-control" name="password" type="password" placeholder="Password" required>
<input data-role="none" type="checkbox" name="remember-me-checkbox"> <label class="remember-me-label" for="remember-me-checkbox">Remember Me</label>
<button data-role="none" class="btn btn-primary btn-block" type="submit">Sign In</button>
</div>
</form>
<a data-role="none" class="forgot-pw" href="#ForgotPassword"><strong>Forgot Password?</strong></a>
<p>By signing in, you agree to our <a href="#TermsAndConditions">terms and conditions</a>.</p>
</li>
<!-- IF SIGNED-IN
<div class="container myaccount-dropdown-wrapper hidden-xs overlay-content">
<div class="myaccount-dropdown col-md-3">
<p class="greeting">Hello, Customer Name</p> INSERT LOCALIZED VARIABLE FOR 'HELLO,' FOLLOWED BY VARIABLE FOR CUSTOMERS FIRST AND LAST NAME
<hr>
<p class="info-title">General Support</p> INSERT LOCALIZED VARIABLE FOR 'GENERAL SUPPORT'
<span><a href="tel:555-555-5555">555.555.5555</a></span> INSERT VARIABLE FOR SUPPORT PHONE NUMBER
<p class="info-title">My Company</p> INSERT LOCALIZED VARIABLE FOR 'MY COMPANY'
<span>Company Name Here</span> INSERT VARIABLE FOR USERS COMPANY NAME
<p class="info-title">My Home Store</p> INSERT LOCALIZED VARIABLE FOR 'MY HOME STORE'
<span><a href="tel:555-555-5555">555.555.5555</a></span> INSERT VARIABLE FOR USERS HOME STORE PHONE NUMBER (TWO TIMES)
<p class="info-title">My Account Manager</p> INSERT LOCALIZED VARIABLE FOR 'MY ACCOUNT MANAGER'
<span><a href="tel:555-555-5555">555.555.5555</a></span> INSERT VARIABLE FOR USERS ACCOUNT MANAGER PHONE NUMBER (TWO TIMES)
</div>
</div> -->
</ul>
<ul class="home-product-accordion nav-list">
<li class="nav-item home-product-target">All Products <i class="material-icons pull-right">remove</i></li>
<li>
<ul class="home-product-dropdown mobile">
<li class="nav-item nav-item-light"><a href="#BoxesEnclosures">Boxes, Enclosures <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#ConduitDuctsRaceways">Conduit, Ducts, Raceways <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#ConnectorsCrimpsTermination">Connectors, Crimps, Termination <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#ControlAutomation">Control, Automation <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#DataVideoAudio">Data, Video, Audio <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#Fasteners">Fasteners <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#HeatFans">Heat, Fans <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#LampsBulbsBallasts">Lamps, Bulbs, Ballasts <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#LightingLightingControls">Lighting, Lighting Controls<i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#Motors">Motors <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#PowerDistribution">Power Distribution <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#SignalingSecurity">Signaling, Security <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#SolarCleanEnergy">Solar/Clean Energy <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#ToolsTestingMeters">Tools, Testing, Meters <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#Utility">Utility <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#WiresCablesCords">Wires, Cables, Cords <i class="material-icons pull-right"></i></a></li>
<li class="nav-item nav-item-light"><a href="#WiringDevices">Wiring Devices <i class="material-icons pull-right"></i></a></li>
</ul>
</li>
</li>
</div>
<div class="container hidden-xs home-page-product-cats">
<h2 class="col-sm-12">Product Categories</h2>
<ul class="row">
<li class="col-xs-15"><a href="#BoxesEnclosures"><img src="../images/category_images/cat1.png">Boxes, Enclosures</a></li>
<li class="col-xs-15"><a href="#ConduitDuctsRaceways"><img src="../images/category_images/cat2.png">Conduit, Ducts, Raceways</a></li>
<li class="col-xs-15"><a href="#ConnectorsCrimpsTermination"><img src="../images/category_images/cat3.png">Connectors, Crimps, Termination</a></li>
<li class="col-xs-15"><a href="#ControlAutomation"><img src="../images/category_images/cat4.png">Control, Automation</a></li>
<li class="col-xs-15"><a href="#DataVideoAudio"><img src="../images/category_images/cat5.png">Data, Video, Audio</a></li>
<li class="col-xs-15"><a href="#Fasteners"><img src="../images/category_images/cat6.png">Fasteners</a></li>
<li class="col-xs-15"><a href="#HeatFans"><img src="../images/category_images/cat7.png">Heat, Fans</a></li>
<li class="col-xs-15"><a href="#LampsBulbsBallasts"><img src="../images/category_images/cat8.png">Lamps, Bulbs, Ballasts</a></li>
<li class="col-xs-15"><a href="#LightingLightingControls"><img src="../images/category_images/cat9.png">Lighting, Lighting Controls</a></li>
<li class="col-xs-15"><a href="#Motors"><img src="../images/category_images/cat10.png">Motors</a></li>
<li class="col-xs-15"><a href="#PowerDistribution"><img src="../images/category_images/cat11.png">Power Distribution</a></li>
<li class="col-xs-15"><a href="#SignalingSecurity"><img src="../images/category_images/cat12.png">Signaling, Security</a></li>
<li class="col-xs-15"><a href="#SolarCleanEnergy"><img src="../images/category_images/cat13.png">Solar/Clean Energy</a></li>
<li class="col-xs-15"><a href="#ToolsTestingMeters"><img src="../images/category_images/cat14.png">Tools, Testing, Meters</a></li>
<li class="col-xs-15"><a href="#Utility"><img src="../images/category_images/cat15.png">Utility</a></li>
<li class="col-xs-15"><a href="#WiresCablesCords"><img src="../images/category_images/cat16.png">Wires, Cables, Cords</a></li>
<li class="col-xs-15"><a href="#WiringDevices"><img src="../images/category_images/cat17.png">Wiring Devices</a></li>
</ul>
</div>
</div>