FS Core Values
How do I make an fs core values?
What is a fs core values? How do you make a fs core values? This script and codes were developed by James Zedd on 11 October 2022, Tuesday.
FS Core Values - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>FS Core Values</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="row"> <div class="simple-container"> <div class="all-content-container"> <img src="https://cdn.shopify.com/s/files/1/1141/8520/files/truck.png?1664443876488905417" alt="" class="sc-lead-img" /> <div class="content-container"> <p>free delivery<span>For USA Orders $30+</span></p> </div> </div> </div> <div class="simple-container"> <div class="all-content-container"> <img src="https://cdn.shopify.com/s/files/1/1141/8520/files/leaf.png?1664443876488905417" alt="" class="sc-lead-img" /> <div class="content-container"> <p>all natural<span>GMO, MSG and Gluten Free</span></p> </div> </div> </div> <div class="simple-container scplus"> <div class="all-content-container"> <img src="https://cdn.shopify.com/s/files/1/1141/8520/files/guarantee.png?1664443876488905417" alt="" class="sc-lead-img" /> <div class="content-container"> <p>14-day money back<span>Guarantee</span></p> </div> </div> </div>
</div>
</body>
</html>
FS Core Values - Script Codes CSS Codes
.simple-container { display: inline-block; background: #ffffff; height: 120px; width: 31.5%; margin-right: 1%; position: relative; border-left: 1px solid #cfcfcf;
}
.scplus { border-right: 1px solid #cfcfcf;
}
.all-content-container { position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%,-50%);
}
.content-container { display: inline-block; vertical-align: top;
}
.sc-lead-img { margin-top: 0px; margin-bottom: 0px;
}
.content-container p { display: inline; font-family: 'Montserrat', arial, sans-serif; font-size: 22px; font-weight: 700; color: #000000; text-transform: uppercase; vertical-align: top; margin-top: 0; margin-bottom: 0; line-height: 1em;
}
.content-container p span { display: block; font-size: 18px; font-weight: 400; text-transform: none; line-height: 1em;
}
@media (max-width: 1199px) { .content-container { text-align: center; } .sc-lead-img { display: block; margin: 0 auto; }
}
@media (max-width: 993px) { .simple-container { display: block; width: 100%; margin-right: 0; position: relative; margin-bottom: 5px; border-right: 1px solid #cfcfcf; }
}
@media (max-width: 480px) { .content-container { text-align: center; } .sc-lead-img { display: block; margin: 0 auto; }
}
Developer | James Zedd |
Username | james_zedd |
Uploaded | October 11, 2022 |
Rating | 3 |
Size | 2,020 Kb |
Views | 10,120 |
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!
Name | Size |
Flex | 2,796 Kb |
Flex Chart | 4,111 Kb |
Responsive Multi-Column Table with Links | 4,956 Kb |
The Lonely Planet | 8,286 Kb |
Simple Opt In Form | 3,203 Kb |
Pure CSS Slide Out Menu | 2,907 Kb |
Pure CSS Pop Up Modal | 2,858 Kb |
Price | 3,043 Kb |
A Pen by James Zedd | 2,674 Kb |
CSS Menu Item Transition and Image Animation | 2,184 Kb |
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!
Name | Username | Size |
Bootstrap Responsive Menu Drawer | JesseGlacken | 3,777 Kb |
TweenMax transformOrigin Bubble | Nicolund | 2,209 Kb |
Navier Stoke Fluid Simulation | Esimov | 8,584 Kb |
Cofee and sugar | Tripack | 2,094 Kb |
LBCA - Mail canvas | Emnbdx | 3,856 Kb |
A Pen by lizz | Lizz | 10,068 Kb |
Angular Route | Arun_v606 | 1,837 Kb |
Cloud upload | Jaflo | 2,774 Kb |
Pomodoro Clock | Yas46 | 3,328 Kb |
Boxes | H3l1um | 2,563 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!