JSFiddle - React, Tailwind, and code Playground

by Kheema Pandey

HTML

<blockquote id="randomquote">    
<p></p> <cite></cite>
</blockquote>

CSS

blockquote {
font:normal 17px/1.5em "Myriad Pro 1167301", Arial, sans-serif; color:#4d4d4d;
margin: 0.25em 0;
width: 500px;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}
blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}
blockquote:after {
display: block;
content: "\201D";
font-size: 80px;
position: absolute;
right: -10px;
bottom: -70px;
color: #7a7a7a;
}

cite {
font-size:16px;
 font-family:'Myriad W08 Semibold', Arial, sans-serif;
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
cite:before {
font-size:16px;
 font-family:'Myriad W08 Semibold', Arial, sans-serif;
content: "\2014 \2009";
}

JavaScript

var myQuotes = [{
    quote: "The relationship with ITpreneurs and CompTIA is really exciting. We see ITpreneurs as one of the best training organizations in the world; nimble, fast, on the cutting edge of technology innovation, hooked in with the support and the global awareness of the CompTIA brand. It's a great partnership.",
    cite: "Rick Bauer, Director Research and Development ",
   
}, 

{
    quote: "I found the Cloud Essentials course very interesting and it most definitely gave me a better understanding of Cloud (as a whole). This course gave a general overview of what the customers’ concerns are, what keeps them awake at night regarding cloud.",
    cite: "Nicola Tempest, Account Manager EMC",
}, 

{
    quote: "This course (ITIL Foundation & Cloud Essentials) is the perfect combination for our students. People who have taken the course have been very satisfied, and this course is strongly recommended for professionals who need to acquire a cloud vision and deal with cloud challenges in today’s world.",
    cite: "José Ayala, Instructor INFOTRAINING S.A. / New Horizons Ecuador",
},

{
    quote: "The technical part is as important to the non-techy audience as ITIL is important to the non- service management audience.",
    cite: "Steve Janssen, Sr. Business Process Consultant ServiceNow",
},

{
    quote: "My class loved the new case study. I had 15 students and they all played the three roles and really got into it!",
    cite: "Cazzy Jordan, Instructor and Practitioner ",
},
{
    quote: "We are very pleased that ITpreneurs is providing this course offering for attendees. The Cloud Essentials course provides professionals, not only with the content to succeed, but the confidence to excel. " ,
    cite: "Jeremy Geelan, President & COO Cloud Expo ",
},

{
    quote: "Rolling out a comprehensive Cloud and Virtualization training program, tailored to ING’s needs, is an integral part of our ambitious IT strategy.",
    cite: "Tony Kerrison, CTO  ING...