Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                 
<h1 class = "header"><center>QuoteZone!!!</h1>
<p class = "nonheader"><center>&#9814;&#9816;&#9815;&#9813;&#9812;&#9815;&#9816; &#9814;</p>
<p class = "nonheader"><center>&#9817;&#9817;&#9817;&#9817;&#9817;&#9817;&#9817;&#9817;</p>
<p class = "nonheader"><center>&#8659;&#8659;&#8659;&#8659;&#8659;&#8659;&#8659;&#8659;&#8659;&#8659;&#8659;</p>
<div id = "getQuoteButton">   
<button class = "nonheader" onclick="getQuoteButton"><center>
        &#9825;Click to pop a QUOTE!!!&#9825; 
      </button></div>
 
    <center><p class = "quote" id="demo"></p> 
<!--Social media linkage follows-->    
<a class="twitter-share-button fa fa-twitter"
  href="https://twitter.com/intent/tweet?text=; + random"
  target= "_blank" data-size="large" data-related="twitterapi,twitter">
 
      </a>     

      
<script type="IN/Share"></script>     
<a href="https://www.linkedin.com/post/new + random" class="fa fa-linkedin" target= "_blank"></a>
  
<p align="right" style= "color:silver"> <br> <br> Designed by Senmurv Internationl 2018.<br>&copy Content used here were borrowed from http://billcrosby.com </p>
              
            
!

CSS

              
                
body{
    color: rgb(190,107,190);
  background-color: rgb(251,248,249);
  font-family: Old English Text MT;
  border-color: pink;
 border-width: 10px;
 border-style: solid;
 border-radius:15px;
} 

.header{
  font-size: 78px;
}

.nonheader{
  margin-top: 1px;
  margin-bottom: 1px;
  font-size: 30px;
} 
.quote{
 font-size: 24px;
 font-family: Bookman Old Style;
 border-color: blue;
 border-width: 5px;
 border-style: solid;
 border-radius:10px;
 background-color: rgb(153, 255, 153); 
}
.fa {
  padding: 10px;
  font-size: 50px;
  width: 60px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 10%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}


.fa-linkedin {
  background: #3B5998;
  color: white;
}

              
            
!

JS

              
                $(document).ready(function() {
  $("#getQuoteButton").click(function() {
    function randomNum(myMin, myMax) {
      return Math.floor(Math.random() * (113)) + myMin;    
    }

  var random = randomNum(0, 112);
  console.log(random);
  document.getElementById("demo").innerHTML = arrQuote[random];

  $(".fa fa-linkedin").attr(
    "href",
    "https://www.linkedin.com/post/new" + random
  );
});

   $('.twitter-share-button').click(function() {
      var tweetJoke = $("#demo").text();
      if (tweetJoke != '') {
        window.open('https://twitter.com/intent/tweet?text="' + tweetJoke + '"', '_blank');
      };
    });  
});

var arrQuote = [
  " If you’ve got it. use it. If you don’t have it, then get it!– Author Unknown",
  " I’ve learned that no matter what happens, or how bad it seems today, life does go on, and it will be better tomorrow.– Maya Angelou",
  "“Act or accept.”– Anonymous",
  "“Talent is formed in solitude, character in the bustle of the world.”– Johann Wolfgang von Goethe",
  "“You are what you think about all day long.” — Dr. Robert Schuller",
  "A happy person is not a person in a certain set of circumstances, but rather a person with a certain set of attitudes.– Hugh Downs",
  "Adversity introduces a man to himself.– Author Unknown",
  "Age is an issue of mind over matter. If you don’t mind, it doesn’t matter.– Mark Twain",
  "An idea can turn to dust or magic, depending on the talent that rubs against it.– Bill Bernbach",
  "An obstacle is often a stepping stone.– Prescott",
  "Anyone can do something when they WANT to do it. Really successful people do things when they don’t want to do it.– Dr. Phil",
  "Attitudes are contagious. Make yours worth catching.– Unknown",
  "You only grow when you believe you’re worth it.-Babsie Burke",
  "Be humble enough to admit you’re not perfect, but determined enough to strive to be perfect.– Babsie Burke",
  "Being defeated is only a temporary condition; giving up is what makes it permanent.– Marilyn vos Savant, Author and Advice Columnist",
  "By working faithfully eight hours a day you may eventually get to be boss and work twelve hours a day– Robert Frost",
  "Defeat is not bitter unless you swallow it.– Joe Clark",
  "Desire is the starting point of all achievement, not a hope, not a wish, but a keen pulsating desire which transcends everything.– Napoleon Hill",
  "Do first things first, and second things not at all.– Peter Drucker.",
  "Do not let what you cannot do interfere with what you can do.– John Wooden",
  "Do not wait to strike till the iron is hot; but make it hot by striking.– William B. Sprague",
  "Don’t let life discourage you; everyone who got where he is had to begin where he was. – Richard L. Evans",
  "Enduring habits I hate…. Yes, at the very bottom of my soul I feel grateful to all my misery and bouts of sickness and everything aboutme that is imperfect, because this sort of thing leaves me with a hundred backdoors through which I can escape from enduring habits.– Friedrich Nietzsche,  The Gay Science, 1882",
  "Accept Change & SurviveResist Change & Die. - Unknown",
  "Ever tried. Ever failed. No matter. Try Again. Fail again. Fail better.– Samuel Beckett",
  "Everything happens for a reason, you only need to keep on editing your attitude and gratitude so as to sail through.– Author Unknown",
  "Experience is what you get when you don’t get what you want.– Dan Stanford",
  "Failure is the condiment that gives success its flavor.– Truman Capote",
  "Faith held solely is the begining of action.– Author Unknown",
  "Fall down seven times, get up eight.- Japanese Proverb",
  "Flops are a part of life’s menu and I’ve never been a girl to miss out on any of the courses.– Rosalind Russell",
  "Great spirits have always encountered violent opposition from mediocre minds.– Albert Einstein",
  "Have the passion, take the action & magic will happen.– Bar Rafaeli",
  "He who has a why to live can bear almost any how.– Friedrich Nietzsche",
  "I am an optimist. It does not seem too much use being anything else.– Winston Churchill",
  "I can’t understand why people are frightened by new ideas. I’m frightened by old ones.– John Cage",
  "I know for sure that what we dwell on is who we become.– Oprah Winfrey",
  "I think and think for months and years. Ninety-nine times, the conclusion is false. The hundredth time I am right.Albert Einstein",
  "I’ve missed more than 9000 shots in my career. I’ve lost almost 300 games. 26 times, I’ve been trusted to take the game winning shot andmissed. I’ve failed over and over and over again in my life. And that is why I succeed.– Michael Jordan",
  "If you keep saying things are going to be bad, you have a chance of being a prophet.– Isaac B. Singer",
  "If you want to make your dreams come true, the first thing you have to do is wake up.– J.M. Power",
  "If you want to test your memory, try to recall what you were worrying about one year ago today.– E. Joseph Cossman",
  "If you worry about yesterday’s failures, then today’s successes will be few.Anonymous",
  "If you’re going through hell, keep going.- Winston Churchill",
  "If you’re going to be able to look back on something and laugh about it, you might as well laugh about it now.– Marie Osmond",
  "In any situation, the best thing you can do is the right thing; the next best thing you can do is the wrong thing; the worst thing youcan do is nothing.– Theodore Roosevelt",
  "In matters of style, swim with the current; in matters of principle, stand like a rock.Thomas Jefferson",
  "In three words I can sum up everything I’ve learned about life: It goes on.– Robert Frost",
  "Keep away from people who try to belittle your ambitions. Small people always do that, but the really great make you feel that you, too, can become great.– Mark Twain",
  "Keep on going and the chances are you will stumble on something, perhaps when you are least expecting it. I have never heard of anyonestumbling on something sitting down.– Charles F. Kettering, Engineer and Inventor",
  "Knowing is not enough; we must apply. Willing is not enough; we must do.Johann Wolfgang von Goethe",
  "Life is “trying things to see if they work”Ray Bradbury",
  "Life is 10% what happens to us and 90% how we react to it.Dennis P. Kimbro",
  "Life is a journey, its not a race. Walk through it.– Author Unknown",
  "Life is a shipwreck but we must not forget to sing in the lifeboats.- Voltaire",
  "Life is not about ALL the wrong moves you made, Life is about the one right move that made ALL the difference.– James Lockhart",
  "Losers visualize the penalties of failure. Winners visualize the rewards of success.– Unknown",
  "Many great ideas go unexecuted, and many great executioners are without ideas. One without the other is worthless.– Tim Blixseth",
  "Motivation is a fire from within. If someone else tries to light that fire under you, chances are it will burn very briefly.– Stephen R. Covey",
  "One mans nightmare is another man dream.- Bryan Adams - Heat of night.",
  "People become really quite remarkable when they start thinking that they can do things. When they believe in themselves they have the first secret of success.– Norman Vincent Peale",
  "People seem not to see that their opinion of the world is also a confession of character.- Ralph Waldo Emerson",
  "Positive anything is better than negative thinking.- Elbert Hubbard",
  "Positivity is all about overlooking the negative fact.– Author Unknown",
  "Remember that happiness is a way of travel, not a destination.– Roy Goodman",
  "Setting an example is not the main means of influencing others; it is the only means.– Albert Einstein",
  "Some succeed because they are destined. Some succeed because they are determined.– Unknown",
  "Sometimes even to live is an act of courage.– Seneca",
  "Sometimes you just got to give yourself what you wish someone else would give you.– Dr Phil",
  "Son, if you don’t have time to do it right, when will you have time to redo it?– Author Unknown",
  "Sooner or later, those who win are those who think they can.– Richard Bach",
  "Strength does not come from physical capacity. It comes from an indomitable will.Mahatma Gandhi",
  "Success consists of doing the common things of life uncommonly well.– Unknown",
  "Success is a state of mind. If you want success, start thinking of yourself as a success.– Dr. Joyce Brothers",
  "Success is not to be measured by the position someone has reached in life, but the obstacles he has overcome while trying to succeed.Booker T. Washington",
  "Success is the ability to go from failure to failure without losing your enthusiasm.– Sir Winston Churchill",
  "Success seems to be connected with action. Successful people keep moving. They make mistakes but don’t quit.– Conrad Hilton",
  "Take the first step in faith. You don’t have to see the whole staircase, just take the first step.”– Dr. Martin Luther King Jr.",
  "The art of being wise is the art of knowing what to overlook.– William James",
  "The best way out is always through.– Robert Frost",
  "The best way to cheer yourself up is to try to cheer somebody else up.– Mark Twain",
  "The best way to predict the future is to create it.– Unknown",
  "The difference between ordinary and extraordinary is that little extra.– Unknown",
  "The only people who find what they are looking for in life are the fault finders.– Foster’s Law",
  "The secret to life is meaningless unless you discover it yourself.– W. Somerset Maugham",
  "The sun shines and warms and lights us and we have no curiosity to know why this is so; but we ask the reason of all evil, of pain, andhunger, and mosquitoes and silly people.- Ralph Waldo Emerson",
  "The surest way not to fail is to determine to succeed.– Richard B. Sheridan",
  "The world is more malleable than you think and it’s waiting for you to hammer it into shape.– Bono",
  "There are only two rules for being successful. One, figure out exactly what you want to do, and two, do it.– Mario Cuomo",
  "There are two primary choices in life: to accept conditions as they exist, or accept the responsibility for changing them.– Dr. Denis Waitley",
  "There is no education like adversity.– Disraeli",
  "Those who wish to sing, always find a song.- Swedish Proverb",
  "To avoid criticism do nothing, say nothing, be nothing.– Elbert Hubbard",
  "Twenty years from now you will be more disappointed by the things that you didn’t do than by the ones you did do. So throw off the bowlines. Sail away from the safe harbor. Catch the trade winds in your sails. Explore. Dream. Discover.– Mark Twain",
  "Vision doesn’t usually come as a lightening bolt. Rather it comes as a slow crystallization of life challenges that we one day recognize as a beautiful diamond with great value to ourselves and others.– Dr. Michael Norwood",
  "Vision without action is daydream. Action without vision is nightmare.– Japanese Proverb",
  "We are all inventors, each sailing out on a voyage of discovery, guided each by a private chart, of which there is no duplicate. The world is all gates, all opportunities.Ralph Waldo Emerson",
  "We are what we repeatedly do. Excellence, therefore, is not an act but a habit.– Aristotle",
  "We judge of man’s wisdom by his hope.– Ralph Waldo Emerson",
  "What lies behind us and what lies before us are tiny matters compared to what lies within us.– Ralph Waldo Emerson",
  "What you do speaks so loudly that I cannot hear what you say” — Ralph Waldo Emerson”",
  "What you get by achieving your goals is not as important as what you become by achieving your goals.– Goethe",
  "Whatever you do will be insignificant, but it is very important that you do it.– Mahatma Gandhi",
  "When I hear somebody sigh, ‘Life is hard,’ I am always tempted to ask, ‘Compared to what?– Sydney Harris",
  "Whenever you find whole world against you just turn around and lead the world.– Anonymous",
  "Whenever you find yourself on the side of the majority, it’s time to pause and reflect.– Mark Twain",
  "Where the willingness is great, the difficulties cannot be great.Machiavelli.",
  "Whether you think you can or think you can’t, you’re right.– Henry Ford",
  "Winners lose much more often than losers. So if you keep losing but you’re still trying, keep it up! You’re right on track.– Matthew Keith Groves",
  "You can get everything in life you want if you will just help enough other people get what they want.– Zig Ziglar",
  "You gain strength, courage and confidence by every experience in which you stop to look fear in the face.– Eleanor Roosevelt",
  "You must be the change you want to see in the world.– Mahatma Gandhi",
  "You will never get lessons on swimming from a drowning man!– Author Unknown"
];

              
            
!
999px

Console