A Pen by Francesca
How do I make an a pen by francesca?
What is a a pen by francesca? How do you make a a pen by francesca? This script and codes were developed by Francesca on 20 November 2022, Sunday.
A Pen by Francesca - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Francesca</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container">
<div class="column-center"> [LIVE CHAT ICON] SPEAK TO AN ADVISOR</div>
<div class="column-left"><input type="radio" name="excvat" value="PRICES EXC. VAT" checked> PRICES EXC. VAT
<input type="radio" name="incvat" value="PRICES INC. VAT"> PRICES INC. VAT</div>
<div class="column-right">LOGIN / ACCOUNT | SHOPPING BAG (0)</div>
<ul><li><a href="#home" style="font-family:Futura; font-size:22pt; letter-spacing:1.5px;">SMART SHOWERS</a></li>
<li><a href="#collections" style="font-size:12pt; line-height:5.5; letter-spacing:1.5px;">THE COLLECTIONS</a></li>
<li><a href="#designers" style="font-size:12pt; line-height:5.5; letter-spacing:1.5px;">THE DESIGNERS</a></li> <li><a href="#brochure" style="font-size:12pt; line-height:5.5; letter-spacing:1.5px;">BROCHURE</a></li>
<ul style="float:right;list-style-type:none;">
<li><a href="#search"><img src="http://www.rsmh.se/wp-content/uploads/2015/03/glass.png" style="width:50px; height:50px;"> </a></li></ul></ul>
</div>
<img src="http://www.aquaelite.it/img/shutterstock/1.jpg">
</body>
</html>
A Pen by Francesca - Script Codes CSS Codes
.container{
position: fixed; top: 0; left: 0;
height:35px;
width:100%;
background-color: #000;
font-family: Arial;
color: #FFF;
line-height: 2.8;
font-size: 9pt;
border-left:none;
border-right:none;
text-align:center;
}
.column-left{
float: left;
width: 33%; }
.column-right{ float: right; width: 33%; }
.column-center{ display: inline-block; width: 33%; }
ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #fff; font-size: 12pt;
}
li { float: left;
}
li a { display: block; color: #000; text-align: center; padding: 10px 20px; text-decoration: none;
}
/* Change the link on hover */
li a:hover { font-weight:bold; background-color: #f2f2f2;
}
Developer | Francesca |
Username | francescaedits |
Uploaded | November 20, 2022 |
Rating | 3 |
Size | 2,172 Kb |
Views | 14,168 |
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 |
Payment Logos | 1,539 Kb |
Test Contact Form | 2,261 Kb |
PW Stylesheet | 2,623 Kb |
Heating Circ Template | 2,375 Kb |
Smart Drop Down | 2,162 Kb |
Original Contact Form | 2,187 Kb |
Extended Warranty | 1,616 Kb |
Smart Expandable Menus | 2,842 Kb |
Full Screen Image Parallax Scroll | 2,215 Kb |
About Us | 1,902 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 |
A simple log in form made with css | Mayurelbhar | 2,160 Kb |
Sticky notes with CSS3 | HaiNguyen007 | 2,146 Kb |
LBCA - Mail canvas | Emnbdx | 3,856 Kb |
A Pen by Andrea Verlicchi | Verlok | 2,018 Kb |
Alter bg opacity on hover... | Chrisboon27 | 2,054 Kb |
Cloud upload | Jaflo | 2,774 Kb |
Compare resources on mobile sites | Gyusza | 3,226 Kb |
My Starter Kit For Codepen | Dkdesign | 2,012 Kb |
Social buttons | Flacu | 2,022 Kb |
React JS Movie Info App | MTushar | 4,870 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!