Content deleted Content added
|
|
|
<div class="quote-wrapper">
<html>
{{quote
<style>
|Imagine a world in which every single person on the planet has free access to the sum of all human knowledge.
.appeal-layout {
|Jimmy Wales, Founder of Wikipedia
padding: 40px 40px;
}}
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
}
.appeal-text {
line-height: 1.8;
}
.appeal-text p.headline {
line-height: 1.7;
font-size: 26px;
font-weight: bold;
}
.appeal-text p.paragraph {
font-size: 16px;
}
.quote-text {
margin: 0;
padding: 0 30px;
font-size: 26px;
line-height: 32px;
position: relative;
border: 0;
}
.quote-text::before,
.quote-text::after {
color: #B2B7F2;
font-size: 40px;
line-height: 26px;
font-family: "Times New Roman", serif;
font-weight: bold;
position: absolute;
}
.quote-text::before {
content: open-quote;
top: 0;
left: 0;
}
.quote-text::after {
content: close-quote;
bottom: 0;
right: 0;
}
.quote-attribution {
display: block;
margin-top: 1em;
text-align: right;
font-size: 18px;
font-style: normal;
}
.vector-body blockquote {
border-left: none;
padding: 0 30px ds;
}
@media (max-width: 1400px) {
.appeal-layout {
flex-wrap: wrap;
padding: 0 5px;
}
.quote-text {
font-size: 22px;
}
.quote-attribution {
font-size: 16px;
}
}
@media (min-width: 1200px) {
#main-wrapper #form-wrapper {
width: 50%;
}
}
#main-wrapper {
flex-direction: column;
align-items: center;
}
/* Override hiding on mobile */
#appeal-wrapper {
display: block !important;
}
</style>
<div class="appeal-layout">
<div class="appeal-text">
<blockquote class="quote-text">
<p>Imagine a world in which every single person on the planet has free access to the sum of all human knowledge.</p>
</blockquote>
<p><cite class="quote-attribution">Jimmy Wales, Founder of Wikipedia</cite></p>
</div>
</div>
</html>
|
