<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
<div class = "container fluid">
  <h1 align = "center">Best <a href="https://healthreporter.com.au/" >Telehealth </a> Questions  <br /> &  <a href="https://bestonlinedoctors.com.au/posts/dolor/" > Online Doctor</a> Quotes Generator</h1>

  <div align = "center">  <strong>Best Question and Quotes  - Press Black Box to Play</strong><br/><br/></DIV>  <div class = "row">
    <div class = "col-xs-12 quote">
      Quote
    </div>
   
    </div> <div align = "center">
  <div style = "padding-top:20">
    <div class="col-xs-3"></div>
    <div class ="col-xs-6 speaker-source">
      <div class="col-xs-3"></div>
      Speaker and Source
    </div>
  </div></div></div>

    <div align = "center">
       <button id="new-quote">
       <i class="fa fa-refresh"style="color:brown; font-size:20px;" align="center"></i> PRESS ME /
NEW QUOTE </a>
      </button>
    </div>







    <div id="gallifreyan-script">     <a href="http://bestonlinedoctors.com.au/" target= "_blank" title= "bestonlinedoctors">  <br />
    Best Australian Doctors Telehealth<br /> Reviews and Ratings</a><br /> <a href="http://bestonlinedoctors.com.au/" target= "_blank" title= "bestonlinedoctors">  <img src="https://i.gyazo.com/1ac5960d28308078bcac9a74fba7b81f.gif" width="40px"/></a>
 </div>
@font-face {
font-family: arial;  
src: url(http://whosoc.soc.srcf.net/wp-content/themes/twentythirteen-child/fonts/ws_simple_gallifreyan.ttf);  
font-weight: normal;  
}
@font-face {
font-family: Doctor What;  
src: url(http://whosoc.soc.srcf.net/wp-content/themes/twentythirteen-child/fonts/doctorwhat.ttf);  
font-weight: bold;  
}
h1{
  font-family: Arial;
  font-size:35px;
  color:Red;
}
.quote{
  color: black;
  text-align: center;
  font-style: strong;
  font-weight: bold;  
  margin: 35px;
  font-size: 23px;
  display:block;
  background-color: #DCDCDC	;
width:100%;
} 
.speaker-source{
  color: #778899	;
  text-align: center;
  font-style: italic;
  padding-top: 5px;
  margin-bottom: 10px;
  font-size:18px;
}
.well{
  background-color: white;
}
#twitter{
  background-color: blue;
  border-radius: 15%;
  border: 2px solid black;
  height: 30px;
  width: 35px;
}
button:hover{
  opacity: 0.7;
}
a{
  color: blue;
}
a:hover{
  color: red;
  opacity:0.7;
  text-decoration: none;
}
#facebook{
  background-color: blue;
  border-radius: 15%;
  border: 2px solid black;
  height: 30px;
  width: 35px;
  padding-bottom: 0%;
  opacity: 0.5;
}
#new-quote{
  background-color: black;
  border-radius: 3%;
  border: 2px solid ;
  
  font-family: Verdana, Geneva, sans-serif;
  font-size: 17px;
  color: white;
  padding-bottom: 0%;
}
#gallifreyan-script{
  font-family: WS Simple Gallifreyan;
  text-align: center;
  font-size:10px;
}
#credit{
  font-size:12px;
  color:blue;
  text-align: center;
 
}
$(document).ready(function(){
  var choice
    function doctorQuote (quote, speaker, source){
    this.quote = quote;
    this.speaker = speaker;
    this.source = source;
  };
    var wanderersFourth = new doctorQuote("'what is the best telehealth platform'", "bestonlinedoctors.com.au", "An Unearthly Child");
  var mustBeFought = new doctorQuote("'best telehealth platforms for mental health'", "bestonlinedoctors.com.au", "The Moonbase");
  var straightLine = new doctorQuote("'What is difference between telehealth and telemedicine?'", "bestonlinedoctors.com.au", "The Time Warrior");
  var childishSometimes = new doctorQuote("'white label telemedicine platform'", "https://bit.ly/3eIbLpj", "Robot");
  var smallBeautiful = new doctorQuote("'best telehealth companies'", "Doctor V", "Does Medicare allow telehealth?");
  var goodQuotation = new doctorQuote("'remote patient monitoring white-label'", "Doctor VI", "Does Medicare allow telehealth?");
  var militaryMind = new doctorQuote("'What is the best online doctor service?'", "https://bit.ly/3eIbLpj", "Battlefield");
  var theseShoes = new doctorQuote("'What would make a successful telehealth app?'", "https://bit.ly/3eIbLpj", "Doctor Who: The Movie");
  var greatMen = new doctorQuote("'How do I start a telehealth practice?'", "War Doctor", "The Day of the Doctor");
  var feelIt = new doctorQuote("'Can a virtual doctor prescribe Adderall?'", "Docto Online ", "Rose");
  var forgiveYou = new doctorQuote("'You wouldn't listen. Because you know what I'm going to say... I forgive you.'", "Doctor X", "TDoes Medicare allow telehealth?");
  var wasntImportant = new doctorQuote("'How do I get telehealth?'", "Doctor XI", "Does Medicare allow telehealth?");
  var notOnMyWatch = new doctorQuote("'Can I do telehealth from home?'", "Doctor XII", "Does Medicare allow telehealth?");
    
var quotesArray = [wanderersFourth, mustBeFought, straightLine, childishSometimes, smallBeautiful, goodQuotation, militaryMind, theseShoes, greatMen, feelIt, forgiveYou, wasntImportant, notOnMyWatch];
$(".quote").html(function(){ 
  choice =  quotesArray[Math.floor(Math.random()*(quotesArray.length - 0) + 0)];
  return choice.quote;
 
});
  $(".speaker-source").html(function(){
   return choice.speaker + " (" + choice.source + ")";
 });
  $("#twitter-share-button").attr("href", "https://twitter.com/intent/tweet?text=" + choice.quote + " - The Doctor, " + choice.source);  
  
$("#new-quote").on("click", function(){
  
$(".quote").html(function(){  
choice =  quotesArray[Math.floor(Math.random()*(quotesArray.length - 0) + 0)];
  return choice.quote; 
});
  $(".speaker-source").html(function(){
   return choice.speaker + " (" + choice.source + ")";
 });
  $("#twitter-share-button").attr("href", "https://twitter.com/intent/tweet?text=" + choice.quote + " - The Doctor, " + choice.source);  
});
}); 

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css
  2. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css
  3. https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js