A Pen by sjmcpherson

Developer
Sjmcpherson
Size
2,105 Kb
Views
14,168
  1. A Pen by sjmcpherson Previews
  2. A Pen by sjmcpherson HTML Codes
  3. A Pen by sjmcpherson CSS Codes

How do I make an a pen by sjmcpherson?

What is a a pen by sjmcpherson? How do you make a a pen by sjmcpherson? This script and codes were developed by Sjmcpherson on 24 September 2022, Saturday.

A Pen by sjmcpherson Previews
IQ Test

A Pen by sjmcpherson - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by sjmcpherson</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="product"> <img class='logo' src="https://media.golfwarehouse.co.nz/media/manufacturers/files/t/a/100X100/taylormade-logo.jpg" alt=""> <img src="https://media.golfwarehouse.co.nz/media/catalog/product/cache/1/small_image/160x160/9df78eab33525d08d6e5fb8d27136e95/t/a/taylormade-r15-white-driver.jpg" alt=""> <h4>TaylorMade Mens Rocketballz Stage 2 DriverPS</h4> <div class="prhold"> <p class="price">$299<sup>99</sup></p> </div> <p class="save">SAVE: $100</p> <p>ORIG RRP: $399.99</p>
</div>
<div class="product" id="detail"> <div class="prhold"> <p class="price">$299<sup>99</sup></p> </div> <p class="save"><span>Was <s>$399.99</s> </span> SAVE $100</p>
</div>
</body>
</html>

A Pen by sjmcpherson - Script Codes CSS Codes

@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
.product{ margin:0 auto; width:180px;text-align:center;float:left;margin:20px;}
.logo{margin:-30px 0;}
img{margin:2px;}
h4{font:normal 19px Oswald;margin:0;padding:0;line-height:25px;}
p{color:#777;font:bold 12px/15px Open Sans, Arial, Helvetica, San-serif;margin:0;padding:0;}
.prhold{ width:180px;
}
.price{ line-height:15px; color:#ff0048; font:normal 35px Arial Black, Helvetica, San-serif; letter-spacing:-1px; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff,1px 1px 6px #555; margin:-2px 0;
}
.price sup{font-size:22px;z-index:-1; position:relative;margin:2px;}
.save{font-size:14px;color:#ff0048;}
#detail.product{width:300px;}
#detail p{text-align:left;}
#detail .price{font-size:48px;margin:2px 0;}
#detail .save{font-size:17px;}
#detail .save span{color:#333;font-weight:normal;}
A Pen by sjmcpherson - Script Codes
A Pen by sjmcpherson - Script Codes
Home Page Home
Developer Sjmcpherson
Username sjmcpherson
Uploaded September 24, 2022
Rating 3
Size 2,105 Kb
Views 14,168
Do you need developer help for A Pen by sjmcpherson?

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!

Sjmcpherson (sjmcpherson) Script Codes
Name
CSS Only Animated Tooltip
CSS animated notification badge
CSS3 3D Shirt Flipper
Display popup on first visit only
Shake Me Error Signup Form using Angular
Blockquote design
Expanding Info Box
AngularJS View only DOM manipulation
Overiding fixed image sizing for Responsive websites
CSS backface-visibility contact form
Create amazing SEO content 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!