Quotes

Developer
Luciano Boaventura Britis
Size
5,305 Kb
Views
6,072
  1. Quotes Previews
  2. Quotes HTML Codes
  3. Quotes CSS Codes
  4. Quotes JS Codes

How do I make an quotes?

Esta pagina faz parte foi desenvolvida com base nos conhecimentos adquiridos no curso do FCC.. What is a quotes? How do you make a quotes? This script and codes were developed by Luciano Boaventura Britis on 11 January 2023, Wednesday.

Quotes Previews
IQ Test

Quotes - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Quotes</title> <link href="https://fonts.googleapis.com/css?family=Cardo:400,400italic|Radley|Tangerine" rel="stylesheet"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body>	<h1>Random Quotes Rewrittens</h1>	<p> These are some of my favorite quotes that I had collected during the development period of this page.</p><br>	<div id="box">	<p class="citacao active-random ">&ldquo;A successful man is one who can lay a firm foundation with the bricks others have thrown at him..&rdquo; </p><br>	<cite class="autor">David Brinkley.</cite>	</div>	<button id="nova-citacao">New Quote	</button>	<br>	<p>Another paragraph, whith equaly exciting text; in fact, it&rsquo;s	so exciting, we're not sure it&rsquo;s cool too share.</p>	<!--Share button code -->	<a target='_blank'class='twitter-button'href='https://twitter.com/intent/tweet?text=A successful man is one who can lay a firm foundation with the bricks others have thrown at him. David Brinkley.'><img src="http://www.eltonefernando.com/img/home/twitter.png" alt="share" title="Share"> </a>	<!--Share button code -->	<footer class="center">	<p> Luciano Britis &copy; 2016</p>	</footer>	<!-- Load twitterSDK for JavaScript -->	<script>!function(d,s,id){	var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';	if(!d.getElementById(id)){	js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);	}	}	(document, 'script', 'twitter-wjs');	</script>	<!-- Load twitterSDK for JavaScript -->
</body> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Quotes - Script Codes CSS Codes

/* ---------------1. defaults---------------*/
* {	margin: 0;	padding: 0;
}
body { text-align: center; width: 600px; margin:auto; background-color: #cdcdcd; font-family: 'Tangerine', serif; overflow:hidden; background: url(https://subtlepatterns.com/patterns/halftone.png);
}
/* styling wrapper*/
#box{	font-size: 1.2em;	line-height: 1.5em;	width: 500px;	max-height:300px;	border: 3px solid white;	padding: 18px 30px;	background: #ffffff;	margin: 0 auto;	text-shadow: 2px 2px 2px rgba(150, 150, 150, 1); }
/* cantos arredondados distintos*/
#box {	-moz-border-radius-top-left: 10px;	-webkit-border-top-left-radius: 10px;	border-top-left-radius: 10px;	-moz-border-radius-top-right: 26px;	-webkit-border-top-right-radius: 26px;	border-top-right-radius: 26px;	-moz-border-radius-bottom-right: 10px;	-webkit-border-bottom-right-radius: 10px;	border-bottom-right-radius: 10px;	-moz-border-radius-bottomleft: 26px;	-webkit-border-bottom-left-radius: 26px;	border-bottom-left-radius: 26px;}
/* cantos arredondados distintos*/
/* Sombras*/
#box{	box-shadow: #000 2px 2px 1px;	-webkit-box-shadow:#000 2px 2px 1px;	-moz-box-shadow:#000 2px 2px 1px;
/* Sombras*/
}
#box > p: first-child {
text-indent:30px;
}
#box > p {
text-align: justify;
}
h1{ text-shadow: 4px 4px 4px #aaa; margin: 10px auto; font-size: 4em; color: #333;
}
p { font-family: 'Radley', serif; font-size: 1.2em; text-align: left;
}
button { width: 150px;	height:50px;	background-color:#66CDAA;	margin: 20px auto;	border: 2px solid #008B8B;	border-radius: 15px;	text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
}
button {	padding: 10px 15px;	font-family: 'Tangerine', serif;	vertical-align: middle;	text-align: center;	font-size: 35px;	color: #000; cursor:pointer;
}
.center { text-align: center; margin: 0 auto;
}
.citacao { font-family: 'Alegreya Sans', sans-serif;
}
.autor {	font-size: 1.7em;
}
.active-random { display: block;
}
img { width:80px;
}
footer { margin-top:50px; padding: 20% 30% ; text-align: center;
}

Quotes - Script Codes JS Codes

$('#nova-citacao').click(function() { var citacaoAleatoria = getRandom(citacoes.length); $(".citacao").text(citacoes[citacaoAleatoria][0]); $(".autor").text(citacoes[citacaoAleatoria][1]); $('.twitter-button').attr("href", "https://twitter.com/intent/tweet?text=" + citacoes[citacaoAleatoria][0] + citacoes[citacaoAleatoria][1]);
});
function getRandom(min, max) { return Math.floor(Math.random() * citacoes.length);
}
$(document).ready(function() { $('button').mouseenter(function() { $('button').fadeTo('fast', 0.5); $('button').mouseleave(function() { $('button').fadeTo('fast', 1); }); });
});
var citacoes = [ ["Mas, Tu, Senhor, és o meu escudo que me protege. Tu és o meu orgulho. Tu me fazes andar de cabeca erguida, apesar da minha vergonha e do meu sofrimemto.","Salmo 3:3"], ["Nesta hora em que precisamos tanto de ajuda, ajude-nos novamente, como fez no passado! Mostre seu amor, que pode nos salvar.","Habacuque 3:2"], ["Talent is cheaper than table salt. What separates the talented individual from the successful one is a lot of hard work.","Stephen King"], ["A hero is someone who has given his or her life to something bigger than oneself. ", "Joseph Campbell"], ["Whatever our souls are made of, his and mine are the same. ", "Emily Bronte, Wuthering Heights"], ["There are darknesses in life and there are lights, and you are one of the lights, the light of all lights.","Bram Stoker, Dracula."], ["So we beat on, boats against the current, borne back ceaselessly into the past.","F. Scott Fitzgerald, The Great Gatsby"], ["It's much better to do good in a way that no one knows about it.","Leo Tolstoy, Anna Karenina"], ["Nowadays people know the price of everything and the value of nothing.","Oscar Wilde, The Picture of Dorian Gray"], ["When birds look into houses, what impossible worlds they see.","Don DeLillo, The Body Artist"], ["Not all those who wander are lost.","J. R. R. Tolkien, The Lord Of The Rings"], ["It is better for you to be free of fear lying upon a pallet, than to have a golden couch and a rich table and be full of trouble.","Epicurus."], ["Coming together is a beginning, keeping together is progress, working together is success.","Henry Ford"], ["Success is not the key to happiness. Happiness is the key to success. If you love what you are doing, you will be successful.","Albert Schweitzer."], ["Success consists of going from failure to failure without loss of enthusiasm. ", "Winston Churchill. "], ["Success is simple. Do what's right, the right way, at the right time.","Arnold H. Glasow."], ["Action is the foundational key to all success.","Pablo Picasso."], ["A successful man is one who can lay a firm foundation with the bricks others have thrown at him.","David Brinkley."], ["Success is nothing more than a few simple disciplines, practiced every day. ", "Jim Rohn."], ["Think twice before you speak, because your words and influence will plant the seed of either success or failure in the mind of another.","Napoleon Hill."], ["Small things amuse small minds.", "Doris Lessing"], ["Great minds discuss ideas; average minds discuss events; small minds discuss people." , "Eleanor Roosevelt"], ["History is the version of past events that people have decided to agree upon." , "Napoleon Bonaparte"], ["Music is the voice that tells us that the human race is greater than it knows." , "Napoleon Bonaparte"], ["Never interrupt your enemy when he is making a mistake." , "Napoleon Bonaparte"], ["The truest wisdom is a resolute determination." , "Napoleon Bonaparte"], ["Positive anything is better than negative nothing." , "Elbert Hubbard"], ["Live life to the fullest, and focus on the positive." , "Matt Cameron"], ["Do not take life too seriously. You will never get out of it alive." , "Elbert Hubbard"], ["A day without sunshine is like, you know, night." , "Steve Martin"], ["An idea isn't responsible for the people who believe in it." , "Don Marquis"], ["A problem is a chance for you to do your best.", "Duke Ellington"], ["The best way to find out if you can trust somebody is to trust them." , "Ernest Hemingway"], ["The best way to predict the future is to create it. ", "Peter Drucker"], ["The best vision is insight.", "Malcolm Forbes"], ["It was the best of times, it was the worst of times.", "Charles Dickens"], ["The best intelligence test is what we do with our leisure.", "Laurence J. Peter"], ["Todo mundo tem um trabalho a fazer, e eu faço o meu o melhor que posso.", "Marlee Matlin"], ["The best is the enemy of the good.", "Voltaire"]
]
Quotes - Script Codes
Quotes - Script Codes
Home Page Home
Developer Luciano Boaventura Britis
Username Luciano_Britis
Uploaded January 11, 2023
Rating 3
Size 5,305 Kb
Views 6,072
Do you need developer help for Quotes?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Luciano Boaventura Britis (Luciano_Britis) Script Codes
Name
Build a Tribute Page
Project -Show the Local Weather
Project - Build a Wikipedia Viewer
Dating Web Site Assessment
Color Guessing Game
Luciano_Britis
Example the DOM object
A Pen by Luciano Boaventura Britis
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!