LCS Location Block

Developer
Tyler Einberger
Size
2,335 Kb
Views
14,168
  1. LCS Location Block Previews
  2. LCS Location Block HTML Codes
  3. LCS Location Block CSS Codes

How do I make an lcs location block?

What is a lcs location block? How do you make a lcs location block? This script and codes were developed by Tyler Einberger on 10 December 2022, Saturday.

LCS Location Block Previews
IQ Test

LCS Location Block - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>LCS Location Block</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!--just to match page width on LCS website-->
<div style="width:1000px; margin:auto;background-color:#d0d0d0">
<div class="location-list" style="display:inline-block;" onclick="void(0)"><ul>
<li><a title="Find directions, store hours and services provided at our South Milwaukee location." href="/ContractorSupplyStores/SouthMilwaukee">South Milwaukee</a><br/>M - F: 6:30a - 5:30p | Sa: 6:30a - Noon <div class=call-directions>Call Us</div> <div class=call-directions>Get Directions</div><br/><img src="http://www.shoplcsonline.com/Content/files/Locations/LCSSouthMilwaukeeMap.png" style="margin-top:10px;" width="315px"/></li>	<li><a title="Find directions, store hours and services provided at our North Milwaukee location." href="/ContractorSupplyStores/NorthMilwaukee">North Milwaukee</a><br/>M - F: 7:00a- 5:00p | Sa: 6:30a - Noon<br/><img src="http://www.shoplcsonline.com/Content/files/Locations/LCSNorthMilwaukeeMap.png" style="margin-top:10px;" width="315px"/></li>	<li><a title="Find directions, store hours and services provided at our Waukesha location." href="/ContractorSupplyStores/Waukesha">Waukesha</a><br/>M - F: 6:30a- 5:30p | Sa: 6:30a - Noon<br/><img src="http://www.shoplcsonline.com/Content/files/Locations/LCSWaukeshaMap.png" style="margin-top:10px;" width="315px"/></li>	<li><a title="Find directions, store hours and services provided at our South Milwaukee location." href="/ContractorSupplyStores/Racine">Racine</a><br/>M - F: 6:30a- 5:30p | Sa: 6:30a - Noon<br/><img src="http://www.shoplcsonline.com/Content/files/Locations/LCSRacineMap.png" style="margin-top:10px;" width="315px"/></li>	<li><a title="Find directions, store hours and services provided at our Madison location." href="/ContractorSupplyStores/Madison">Madison</a><br/>M - F: 7:00a- 5:00p | Sa: 7:00a - Noon<br/><img src="http://www.shoplcsonline.com/Content/files/Locations/LCSMadisonMap.png" style="margin-top:10px;" width="315px"/></li>	<li><a title="Find directions, store hours and services provided at our Wausau location." href="/ContractorSupplyStores/Wausau">Wausau</a><br/>M - F: 7:00a- 5:00p | Sa: 7:00a - Noon<br/><img src="http://www.shoplcsonline.com/Content/files/Locations/LCSWausauMap.png" style="margin-top:10px;" width="315px"/></li>	<li><a title="Find directions, store hours and services provided at our South Milwaukee location." href="/ContractorSupplyStores/Appleton">Appleton</a>&nbsp;(Just South of Green Bay)<br/>M - F: 7:00a- 5:00p | Sa: 7:00a - Noon<br/><img src="http://www.shoplcsonline.com/Content/files/Locations/LCSAppletonMap.png" style="margin-top:10px;" width="315px"/></li>	<li><a title="Find directions, store hours and services provided at our Oshkosh location." href="/ContractorSupplyStores/Oshkosh">Oshkosh</a><br/>M - F: 7:00a- 5:00p | Sa: 7:00a - Noon<br/><img src="http://www.shoplcsonline.com/Content/files/Locations/LCSOshkoshMap.png" style="margin-top:10px;" width="315px"/></li>	<li><a title="Find directions, store hours and services provided at our Eau Claire location." href="/ContractorSupplyStores/EauClaire">Eau Claire</a><br/>M - F: 7:00a- 5:00p | Sa: 7:00a - Noon<br/><img src="http://www.shoplcsonline.com/Content/files/Locations/LCSEauClaireMap.png" style="margin-top:10px;" width="315px"/></li>
</ul>
</div> <div style="display:inline-block;vertical-align:top;"><iframe style="max-width:100%;" src="https://www.google.com/maps/d/embed?mid=1dxif_cZFBcFmWiX5X0tSU1kfoAo" width="655" height="510"></iframe>
</div> <div class=call-directions>Call Us</div> <div class=call-directions>Get Directions</div>
</body>
</html>

LCS Location Block - Script Codes CSS Codes

.location-list ul { list-style:none; margin:0; padding:0;
}
.location-list ul li { margin:0px; display:block; overflow:hidden; width:325px; height:52px; background-color:#333; padding-left:10px; padding-top:5px; text-decoration:none; color:#bfe1f1; -webkit-transition: 1s ease; transition: 1s ease;
}
.location-list ul li:hover { height:380px; background-color:red;
}
.location-list ul li a { text-decoration: none; color:#fff; font-size:28px;
}
.call-directions { width:160px; height:50px; background-color:#333; opacity:0.50; margin:2px; display:inline-block; text-align:center; vertical-align:center; line-height:50px; color:#fff; z-index:100000;
}
.call-directions:hover{ background-color:#333; opacity: 1;
}
LCS Location Block - Script Codes
LCS Location Block - Script Codes
Home Page Home
Developer Tyler Einberger
Username TylerEinberger
Uploaded December 10, 2022
Rating 3
Size 2,335 Kb
Views 14,168
Do you need developer help for LCS Location Block?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Tyler Einberger (TylerEinberger) Script Codes
Name
WKM-Craftspeople
A Pen by Tyler Einberger
Temp Heating Jumplinks
Responsive table-ish buttons with grow animation
7 Pros of Online School
Pump Jumplinks
Wisconsin Kitchen Mart UX Styling
Mobile Responsive Family Tree
EAchieve Grade Buttons Grouped
INET Web - Geo Top Nav
Create amazing video scripts with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!