Blockquote design

Developer
Sjmcpherson
Size
1,863 Kb
Views
18,216
  1. Blockquote design Previews
  2. Blockquote design HTML Codes
  3. Blockquote design CSS Codes

How do I make an blockquote design?

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

Blockquote design Previews
IQ Test

Blockquote design - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Blockquote design</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <blockquote class="demo1"> <p>Thanks for your help with the Lexus and Karen Walker show. I was super impressed. the Lexus guys said it was better than any they've done before, and the food on the night was awesome.</p> <h6>- Murray Bevan (Showroom 22)</h6>
</blockquote>
<blockquote class="demo2"> <p>Thanks for your help with the Lexus and Karen Walker show. I was super impressed. the Lexus guys said it was better than any they've done before, and the food on the night was awesome.</p> <h6>- Murray Bevan (Showroom 22)</h6>
</blockquote>
</body>
</html>

Blockquote design - Script Codes CSS Codes

@import url('https://fonts.googleapis.com/css?family=Open+Sans');
blockquote{margin:50px;float:left; font:normal 19px/28px Open Sans; quotes: "\201C""\201D""\2018""\2019";}
blockquote p { margin: 1em 0; padding: 0 20px; width:500px; color: #111;
}
blockquote h6{margin:0;padding:0;color:#101f3e;font:normal 18px/18px Helvetica;}
.demo1 p{border-left: 6px solid #7da0b6;}
.demo1 p:before { color: #aabbcc; font-family:Tahoma; content: open-quote; font-size: 3.2em; line-height: 0em; margin-right: 0.05em; vertical-align: -0.5em;
}
.demo1 p:after { color: #aabbcc; font-family:Tahoma; content: close-quote; font-size: 3.2em; line-height: 0em; margin-right: 0.05em; vertical-align: -0.5em;
}
.demo2:before { color: #aabbcc; content: open-quote; font-size: 8em; line-height: 0em;
}
.demo2 p{display:inline-block;}
Blockquote design - Script Codes
Blockquote design - Script Codes
Home Page Home
Developer Sjmcpherson
Username sjmcpherson
Uploaded September 24, 2022
Rating 3
Size 1,863 Kb
Views 18,216
Do you need developer help for Blockquote design?

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 animated notification badge
Overiding fixed image sizing for Responsive websites
Shake Me Error Signup Form using Angular
CSS backface-visibility contact form
Rollover CSSS Blur Filter Image Gallery
File API demo
AngularJS View only DOM manipulation
Expanding Info Box
CSS Only Animated Tooltip
A Pen by sjmcpherson
Create amazing sales emails 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!