Testimonial - Concept 1
How do I make an testimonial - concept 1?
What is a testimonial - concept 1? How do you make a testimonial - concept 1? This script and codes were developed by Juan Gallardo on 18 August 2022, Thursday.
Testimonial - Concept 1 - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Testimonial - Concept 1</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="wrapper"> <blockquote> “Such cool. Much awesome. WOW” </blockquote> <div class="testimonialArrow"></div> <p class="author"> – <strong>Doge</strong>, <a href="#">The Moon</a> </p>
</div>
</body>
</html>
Testimonial - Concept 1 - Script Codes CSS Codes
/* == resets == */
body { margin: 0; padding: 0; }
/* == project ==*/
body { background: none repeat scroll 0% 0% rgb(240, 240, 240); color: rgb(102, 102, 102); font-family: "Helvetica Neue", Helvetica, Arial, Sans-serif; font-size: 22px;
}
/* .wrapper is generic. you don't need it */
.wrapper { width: 600px; margin: 24px auto;
}
blockquote { background-color: rgb(255, 255, 255); border-radius: 6px; font-family: Georgia, serif; font-size: 22px; line-height: 1.4; margin: 0; padding: 17px;
}
.testimonialArrow { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid rgb(255, 255, 255); margin-left: 48px;
}
p.author { background-color: transparent; font-weight: 500; font-size: 22px; line-height:22px; margin: 13px 0 0 18px;
}
strong { color: rgb(68, 68, 68);
}
a { color: rgb(64, 131, 169); text-decoration: none;
}
Developer | Juan Gallardo |
Username | JGallardo |
Uploaded | August 18, 2022 |
Rating | 3 |
Size | 1,880 Kb |
Views | 34,408 |
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 |
Template - iPhone 5 - Vertical | 1,919 Kb |
Template - iPad Air - Vertical | 1,859 Kb |
Bruxzir - Sprite Practice | 2,723 Kb |
Button - Test | 2,834 Kb |
Blog Concept 2 | 2,994 Kb |
Foundation - Sample Header | 1,825 Kb |
Fixed Header when scrolling | 4,203 Kb |
Simple Modal | 3,208 Kb |
Saturn Grid System - Prototype1 | 1,806 Kb |
BruxZir - Home Page -3 | 2,170 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 |
Click handler test | Snapson | 2,329 Kb |
Fireworks Show | Arianalynn | 3,048 Kb |
Beveled corners using CSS border attribute | DawsonMediaD | 2,136 Kb |
Headroom.js demo | WickyNilliams | 3,982 Kb |
Flex layout example | Mofny | 1,663 Kb |
Loading animation with css | Icebob | 2,947 Kb |
Fading Navigation Bar | J-w-v | 2,805 Kb |
Playing with FlexBox | _Billy_Brown | 3,162 Kb |
Email Marketing Mock | Kristenzirkler | 8,224 Kb |
Modular Flip Card | Bbodine1 | 4,009 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!