Random Quote Generator - Part 3 | AJAX Tutorial | MySQL Select Statement

``````````````````````````````````````````````````````````````````````````````````````````````
( Website ) clevertechie.com - PHP, JavaScript, Wordpress, CSS, and HTML tutorials in video and text format with cool looking graphics and diagrams.
( CZcams Channel ) / clevertechietube
( Google Plus ) goo.gl/J71p6f - clever techie video tutorials.
( Facebook ) / clevertechie
( Twitter ) / theclevertechie
``````````````````````````````````````````````````````````````````````````````````````````````

[@kendallshearman6016]

Thank you! Followed all three tutorials and it works like a charm.

[@DanielePais]

Wow, that's great, I watched all three parts in a gulp. Very well demonstrated.

[@franco521]

Thank you clever techie!

[@davideboeuccvalbusa9212]

Thank you very much for these 3 tutorials..and for your teaching skills ... Ciao from Italy

[@Kodeispoetry]

Wonderful tutorial. Voice is also very good. Kudos!

[@user-bu8mg7uq3s]

thank you so much

[@davidchan2107]

Nice job

[@mdsafikulislam9113]

Thank you so much

[@Kodeispoetry]

Please provide the CSS if possible?

[@gouravrudrawar7823]

It's not working for me..

[@markusolsenkydland9589]

Where do you download the code?

[@jordanwmcdonald]

Yes, where do you download this code at the 5 minute mark?

[@Kodeispoetry]

@@jordanwmcdonald I am looking for the same specially HTML/CSS

[@normanlove222]

body{
font-family: 'Roboto', sans-serif;
color: #000;
}
#container {
width: 1500px;
margin: 50px auto;
padding: 20px;
width: 50%;
max-height: 800px;
}
#container h2 {
text-align: center;
color: #045;
}
#buttonContainer {
text-align: center;
}
#quoteContainer{
width: 75%;
background: #fff;
padding: 10px;
margin: 0 auto;
font-size: 1.1rem;
margin: 2rem auto;
}
#quoteAuthor{

margin: 0 auto;
text-align: center;
font-weight: bold;
font-size: 1.5rem;
font-style: italic;
}
#quoteButton {
background-color: #00bcd4;
color: #fff;
font-size: large;
padding: 0.4rem 2.5rem;
}
[type="radio"]:checked + label:after{
width: 12px;
height: 12px;
position: absolute;
top: 4px;
left: 4px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;


}
[type="radio"]:not(:checked) + Label:after{
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
[type="radio"]:checked + label:after{
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);

}