Section-2
How do I make an section-2?
What is a section-2? How do you make a section-2? This script and codes were developed by MOHIM on 22 November 2022, Tuesday.
Section-2 - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>section-2</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <section id="regenlab-usa"> <div id="regenlab-usa"> <div id="regenlab-usa-image"> <img src="http://regenlab.ca/wp-content/uploads/2015/02/Capture-d%E2%80%99%C3%A9cran-2014-03-03-%C3%A0-12.34.10.png" alt="Mountain View"> </div> <div id="regenlab-usa-call"> <button class="regenlab-button call-button"> <i style="color:blue" class="fa fa-phone fa-1x" aria-hidden="true"> </i> <span style="color:black">call us <b style="color:black">1-800-220-g082</b> </button> </div> <div id="regenlab-usa-email"> <button class="regenlab-button email-button"> <i style="color:blue" class="fa fa-envelope-o" aria-hidden="true"> </i> <span style="color:black">Email us<b style="color:black">[email protected]</b> </button> </div> <div id="cartitems"> <i style="color:white"class="fa fa-shopping-cart fa-3x" aria-hidden="true"></i> <p><b>Cart items:0<b><br><span style="color:#1D70BC;">$0.00</span></br></p> </div> </div> </section>
<!-- end of regenlab usa -->
</body>
</html>
Section-2 - Script Codes CSS Codes
/* css for regenlab-usa */
#regenlab-usa{ height:150px; background-color:#FFFFFF;
}
/* css for regenlab usaimage */
#regenlab-usa-image{ float:left;
}
#regenlab-usa-image img{ margin-top:40px; margin-left:20px;
}
#regenlab-usa-call{ float:left; margin-top:35px; margin-left:130px;
}
/* css for regenlab usa button */
.regenlab-button { background-color:#FFFFFF; border:1px solid #CCCCCC; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 15px; margin: 4px 2px; cursor: pointer;
}
.regenlab-button:hover { background-color: #008CBA;
}
.call-button {border-radius: 200px;}
.email-button {border-radius: 200px;}
#regenlab-usa-email{ float:left; margin-top:35px; margin-left:35px;
}
/* css for cart items */
#cartitems{ float:left; margin-top:35px; margin-left:35px;
}
#cartitems i{ float:left; padding:10px; border-radius: 200%; background-color:#1D70BC;
}
#cartitems p{ dispaly:inline; float:left; margin-left:10px; margin-top:10px;
}
Developer | MOHIM |
Username | MOHIM |
Uploaded | November 22, 2022 |
Rating | 3 |
Size | 2,147 Kb |
Views | 12,144 |
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 |
New | 7,022 Kb |
Footer item for projects | 2,439 Kb |
Hotel | 6,623 Kb |
Project_one | 9,592 Kb |
Blog | 5,738 Kb |
Juice | 9,608 Kb |
Big-1 | 7,671 Kb |
A Pen by MOHIM | 14,664 Kb |
Our services | 6,876 Kb |
Mop-1 | 7,312 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 |
Background-blend-mode Test | 0x04 | 4,744 Kb |
Heartbeat | Apetrov | 2,079 Kb |
CSS Hover Effects | Alen | 3,613 Kb |
Flying Bee | Pwsm50 | 3,711 Kb |
Wrap_Test | Mscfourn | 7,503 Kb |
Animated bar chart | CreativePunch | 3,124 Kb |
Reading Grid | Tappily | 4,306 Kb |
Bootstrap 3 Price Table | Honglio | 2,655 Kb |
Calculator | Rzencoder | 4,572 Kb |
Personal Logo Animation | Lloydwheeler | 3,795 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!