WKM-Craftspeople

Developer
Tyler Einberger
Size
3,518 Kb
Views
16,192
  1. WKM-Craftspeople Previews
  2. WKM-Craftspeople HTML Codes
  3. WKM-Craftspeople CSS Codes

How do I make an wkm-craftspeople?

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

WKM-Craftspeople Previews
IQ Test

WKM-Craftspeople - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>WKM-Craftspeople</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <!--div wrapper to emulate wkm.inetwd.com-->
<div style="background-color:black; color:white;">
<div class="img6PackAllWrap">
<div class="img6PackWrap"> <img src="http://wkm.inetwd.com/Content/files/Craftspeople/Carpenters.png"/ style="max-width:100%;"> <div class="imgTxtOverlay"><h2>CARPENTERS</h2> <p>"Measure twice, cut once" is the mantra for Wisconsin Kitchen Mart carpenters. Our in-house finish carpenters handcraft beautiful cabinets, doors, and dining room tables custom designed to fit perfectly into your design concept. Our high-end Plato, Hampton, and Greenfield lines imbue a traditional elegance and modern efficiency your friends and family will envy.</p> </div></div>
<div class="img6PackWrap"> <img src="http://wkm.inetwd.com/Content/files/Craftspeople/Plumbers.png"/ style="max-width:100%;"> <div class="imgTxtOverlay"><h2>PLUMBERS</h2> <p>WKM’s certified plumbers flawlessly install top of the line faucets, sinks, disposals and dishwashers in remodeled bathrooms and kitchens. You’ll get the fixture design look you want, with perfect functionality to match.</p> </div></div> <div class="img6PackWrap"> <img src="http://wkm.inetwd.com/Content/files/Craftspeople/Electricians.png"/ style="max-width:100%;"> <div class="imgTxtOverlay"><h2>ELECTRICIANS</h2> <p>You want the latest in high-tech appliances, and our certified electricians have the skills to set them up for effortless use. No job is done until everything is up to code, working as designed and ready for your input. Our electricians power the future of your kitchen.</p> </div></div> <div class="img6PackWrap"> <img src="http://wkm.inetwd.com/Content/files/Craftspeople/Drywallers.png"/ style="max-width:100%;"> <div class="imgTxtOverlay"><h2>DRYWALLERS</h2> <p>Seamless drywall work and custom texturing you have to touch – your newly remodeled kitchen or bath will take on a whole different dimension when our drywall experts are done plying their trade. Drywall is your design canvas, and our experts provide the perfect framework to highlight the elegance of your kitchen design concept.</p> </div></div> <div class="img6PackWrap"> <img src="http://wkm.inetwd.com/Content/files/Craftspeople/FloorInstallers.png"/ style="max-width:100%;"> <div class="imgTxtOverlay"><h2>FLOOR INSTALLERS</h2> <p>Whether your design taste favors the luxurious natural dark wood of an East Asian yoga studio, or a honey-colored plank to lighten up your craftsman design, our flooring specialists have the materials and the mastery to satisfy. Come to Wisconsin Kitchen Mart for the solid wood flooring and custom tile working skills needed to fully transform your kitchen or bathroom.</p> </div></div> <div class="img6PackWrap"> <img src="http://wkm.inetwd.com/Content/files/Craftspeople/FloorInstallers.png"/ style="max-width:100%;"> <div class="imgTxtOverlay"><h2>TILE SETTERS</h2> <p>Cutting ceramic tile is an art, and our tile setters are regular Rembrandts with the saw and square. Whether you’re looking for a sleek and minimalistic tile floor or are dreaming of a Mediterranean villa, our tile setters are experienced enough to give you the floor, wall, backsplash or countertop tile design you want.</p> </div></div>
</div> <!--div that closes img6PackAllWrap-->
</div>
</body>
</html>

WKM-Craftspeople - Script Codes CSS Codes

@font-face { font-family: 'Open Sans'; src: url("/Content/fonts/OpenSans-Light.eot"); src: url("/Content/fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/OpenSans-Light.woff") format("woff"), url("/Content/fonts/OpenSans-Light.ttf") format("truetype"), url("/Content/fonts/OpenSans-Light.svg#OpenSans-Light") format("svg"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url("/Content/fonts/OpenSans-Regular.eot"); src: url("/Content/fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/OpenSans-Regular.woff") format("woff"), url("/Content/fonts/OpenSans-Regular.ttf") format("truetype"), url("/Content/fonts/OpenSans-Regular.svg#OpenSans-Regular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url("/Content/fonts/OpenSans-Semibold.eot"); src: url("/Content/fonts/OpenSans-Semibold.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/OpenSans-Semibold.woff") format("woff"), url("/Content/fonts/OpenSans-Semibold.ttf") format("truetype"), url("/Content/fonts/OpenSans-Semibold.svg#OpenSans-Semibold") format("svg"); font-weight: 600; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url("/Content/fonts/OpenSans-Bold.eot"); src: url("/Content/fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/OpenSans-Bold.woff") format("woff"), url("/Content/fonts/OpenSans-Bold.ttf") format("truetype"), url("/Content/fonts/OpenSans-Bold.svg#OpenSans-Bold") format("svg"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url("/Content/fonts/OpenSans-ExtraBold.eot"); src: url("/Content/fonts/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/OpenSans-ExtraBold.woff") format("woff"), url("/Content/fonts/OpenSans-ExtraBold.ttf") format("truetype"), url("/Content/fonts/OpenSans-Bold.svg#OpenSans-ExtraBold") format("svg"); font-weight: 900; font-style: normal; }
body{font-family: 'Open Sans', sans-serif; overflow-x:hidden; font-size: 14px; letter-spacing:.06em; -webkit-font-variant-ligatures:common-ligatures; font-variant-ligatures:common-ligatures;}
.wrapper{width:100%; max-width:1500px; padding:0 15px; margin:0 auto; }
.HomeBody .SiteContent{clear:both;width:100%;background:#FFF; position: relative; z-index:2; color:#000;}
.mainContent{padding:30px 0;}
.mainContent h1{color:#98120f;font-size:20px;}
.mainContent h2{color:#FFF;font-size:16px;font-style:italic;}
.mainContent h3{color:#2a4464;font-size:15px;}
.mainContent h5{color:#98120f;}
.mainContent a{color:#98120f;}
.mainContent a:hover{color:#FFF; text-decoration:none;}
.HomeBody .mainContent h2{color:#2a4464;}
.mainContent p{line-height:1.5;}
/**/
.img6PackAllWrap *{
box-sizing:border-box;
}
.img6PackAllWrap{ text-align:center;
}
.img6PackWrap img{width:100%;}
.img6PackWrap{ display:inline-block; position:relative; width:49%;
}
.imgTxtOverlay { text-align:left; position: absolute; background-color: #000; overflow: hidden; height: 70px; transition: 1s ease; opacity:0.80; display:block; box-sizing:border-box; bottom:0;left:0; padding: 2% 5%;
}
.img6PackWrap:hover .imgTxtOverlay { height: 100%; position:absolute; transition: 2s ease; display:inline-block;
}
@media screen and (max-width:1150px){ .img6PackWrap{font-size:0.95em;} .img6PackWrap h2{font-size:1.7em;}
}
@media screen and (max-width:1000px){ .img6PackWrap{width:100%;} .img6PackWrap h2{font-size:1.7em;}
}
@media screen and (max-width:700px){ .imgTxtOverlay {height: 100%;} .imgTxtOverlay h2{ margin:0px;;}
}
@media screen and (max-width:500px){ .img6PackWrap img{height:230px;} .imgTxtOverlay{opacity:.85; 0.9em}
}
WKM-Craftspeople - Script Codes
WKM-Craftspeople - Script Codes
Home Page Home
Developer Tyler Einberger
Username TylerEinberger
Uploaded December 10, 2022
Rating 3
Size 3,518 Kb
Views 16,192
Do you need developer help for WKM-Craftspeople?

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
EAchieve AP
A Pen by Tyler Einberger
Temp Heating Jumplinks
Wisconsin Kitchen Mart UX Styling
LCS Location Block
Pump Jumplinks
7 Pros of Online School
EAchieve Grade Buttons Grouped
Mobile Responsive Family Tree
LCS-Location-ImgBtns
Create amazing Facebook ads 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!