Random Quotes

index.html

<div class="container-fluid" id="cover">
   <div class="text-center">
     <h1>Great Quotes</h1><br>
     <h2><center>Chosen Randomly....</center></h2></div>
  
<div class="text-center" id="block">
     <div class="text-center well" id="quote"> 
<center><h2><i class="fa fa-envira"></i></h2></center>
       <div class="row">
         <div class="col-l-12 message">   </div>
       </div> 
       <div class="row">
         <div class="col-l-12"><br>         </div></div>
       <div class="row">
         <div class="col-l-12"><br>         </div></div>
<div class="row">
 <div class="col-md-3 text-center"><button class="btn" id="b1"><a href="https://twitter.com/login"> <i class="fa fa-twitter" >Twitter</i></a></button></div> 
  <div class="col-md-3"></div> 
 <div class="col-md-6 text-center">         <button id="qb" class="btn btn-primary">NEXT</button></div></div>
  </div>
  </div>
  <div id="feed"></div>
  </div>

random-quotes.markdown

Random Quotes

A Pen by Arpit Yadav on CodePen.

License.

script.js

$(document).ready(function(){
 var q ={ 1:"Every gift which is given even though it be small is in reality great if it is given with affection.\n- Pindar",
        2:"There are two great days in a person's life - the day we are born and the day we discover why.\n- Anonymous",
        3: "It's sad to know I'm done. But looking back, I've got a lot of great memories.\n- Bonnie Blair",
         4:"A little learning is a dangerous thing; Drink deep, or taste not the Pierian spring.  - Alexander Pope",
         5: "We look forward to the time when the Power of Love will replace the Love of Power. Then will our world know the blessings of peace.  - William Ewart Gladstone",

6:"It is better to remain silent at the risk of being thought a fool, than to talk and remove all doubt of it.  - Maurice Switzer",
7:
"For success, attitude is equally as important as ability.  - Anonymous",
8:
"Either you run the day, or the day runs you.  - Jim Rohn",
9:
"When I die, I want to go peacefully like my grandfather did–in his sleep. Not yelling and screaming like the passengers in his car.  - Bob Monkhouse",
10:
"When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down “happy.” They told me I didn’t understand the assignment, and I told them they didn’t understand life.  - Anonymous",
11:
"Never doubt that a small group of thoughtful, committed citizens can change the world. Indeed, it’s the only thing that ever has.  - Margaret Mead",
12:
"People are illogical, unreasonable, and self-centered. Love them anyway. - Kent M. Keith",
13:
"Absence diminishes mediocre passions and increases great ones, as the wind blows out candles and fans fire.   - François (VI) (Duc de La Rochefoucauld)",
14:
"The next time you’re faced with something that’s unexpected, unwanted and uncertain, consider that it just may be a gift.  - Stacey Kramer",
15:"Courage is the discovery that you may not win, and trying when you know you can lose. – Tom Krause",
 16:        
 "The greatest barrier to success is the fear of failure.  – Sven Goran Eriksson",
17:
"If we’re growing, we’re always going to be out of our comfort zone. – John Maxwell",
18:
"A leader is one who knows the way, goes the way, and shows the way. – John C. Maxwell",
19:
"They can’t hurt you unless you let them. – Unknown",
20:
"The key to change… is to let go of fear. – Rosanne Cash",
21:
"If you wait to do everything until you’re sure it’s right, you’ll probably never do much of anything. – Win Borden",
22:
"Courage is the power to let go of the familiar. – Raymond Lindquist",
23:
"Courage is going from failure to failure without losing enthusiasm. – Winston Churchill",
24:
"There is far more opportunity than there is ability.  – Thomas A. Edison",
25:
"Dream as if you’ll live forever, live as if you’ll die today. – James Dean",
26:
"Every accomplishment starts with the decision to try. – Unknown",
27:
"Shoot for the moon. Even if you miss, you’ll land among the stars. – Brian Littrell",
28:
"Success is not final, failure is not fatal: it is the courage to continue that counts. – Winston Churchill",
29:
"People often say that motivation doesn’t last. Well, neither does bathing – that’s why we recommend it daily. – Zig Ziglar",
30:
"Never, never, never, never give up. – Winston Churchill",
31:
"Most folks are about as happy as they make their minds up to be. – Abraham Lincoln",
32:
"Motivation is what gets you started. Habit is what keeps you going. – Jim Rohn",
33:
"Be miserable. Or motivate yourself. Whatever has to be done, it’s always your choice. – Wayne Dyer",
34:
"There’s always a way – if you’re committed. – Tony Robbins"         
};
var  htm="";
   var i= Math.floor((Math.random()*(34))+1);
 htm+="<h3><i class='fa fa-quote-left'></i> ";
 htm=htm+q[i]; 
  htm+="</h3>";
     $(".message").html(htm);
$("#qb").on("click",function(){
   
   var  html="";
   var i= Math.floor((Math.random()*(34))+1);
 html+="<h3><i class='fa fa-quote-left'></i> ";
 html=html+q[i]; 
  html+="</h3>";
     $(".message").html(html);
   
   });   
}); 
  

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.6/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>

style.scss

@import
url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
h1{ background-color: grey;
    color: white;
  font-family: lobster;
  font-size: 100px;
  }
h2 {
  font-size: 50px;
  font-family: monospace;
  color:grey;
}
h3{
  font-family: times new roman;
}
#cover {
   background-color: lavender;
}
#block{
  margin : 80px;
}
#quote{
  padding: 100px;
  background-color: purple;
  color:white;
}
#b1 {
  background-color: lavender;
}
#qb{
  background-color: grey;
  border-radius:30 px;
  border-color: grey;
  }

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />