Which Dog Breed Matches Your Personality?
Your Perfect Dog Breed Match!
Disclosure: This page contains affiliate links. If you purchase through these links, we may earn a commission at no extra cost to you.
Which Dog Breed Matches Your Personality?
body {
font-family: ‘Poppins’, sans-serif;
margin: 0;
padding: 20px;
background: linear-gradient(135deg, #74ebd5, #acb6e5);
color: #333;
display: flex;
justify-content: center;
min-height: 100vh;
}
.container {
max-width: 900px;
width: 100%;
}
h1 {
text-align: center;
color: #fff;
font-size: 36px;
margin-bottom: 20px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}
.quiz-container, .result-container {
background: #fff;
border-radius: 15px;
padding: 30px;
box-shadow: 0 10px 20px rgba(0,0,0,0.15);
margin-bottom: 20px;
transition: transform 0.3s ease;
}
.quiz-container:hover, .result-container:hover {
transform: translateY(-5px);
}
.question {
font-size: 22px;
font-weight: 600;
margin-bottom: 20px;
color: #2c3e50;
text-align: center;
}
.options {
display: grid;
grid-template-columns: 1fr;
gap: 15px;
}
.option {
padding: 15px;
border: 2px solid #e0e0e0;
border-radius: 10px;
cursor: pointer;
font-size: 16px;
background: #f9f9f9;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 10px;
}
.option:hover {
background: #e0f7fa;
border-color: #007bff;
transform: scale(1.02);
}
.option input {
margin: 0;
}
.button-group {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 20px;
}
button {
padding: 12px 25px;
background: #007bff;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 16px;
font-weight: 500;
transition: background 0.3s ease;
}
button:hover {
background: #0056b3;
}
button:disabled {
background: #ccc;
cursor: not-allowed;
}
.result-container {
display: none;
text-align: center;
}
.result-container h2 {
color: #2c3e50;
font-size: 28px;
margin-bottom: 20px;
}
.result-container img {
max-width: 250px;
height: auto;
border-radius: 10px;
margin: 20px auto;
box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.affiliate-link a {
display: inline-block;
margin: 15px 0;
padding: 10px 20px;
background: #ff9900;
color: white;
text-decoration: none;
border-radius: 8px;
font-weight: 500;
transition: background 0.3s ease;
}
.affiliate-link a:hover {
background: #e68a00;
}
.affiliate-disclosure {
font-size: 14px;
color: #666;
margin-top: 20px;
}
.social-share {
margin: 20px 0;
display: flex;
justify-content: center;
gap: 15px;
}
.social-share a {
text-decoration: none;
color: white;
padding: 10px 15px;
border-radius: 8px;
font-size: 14px;
transition: opacity 0.3s ease;
}
.social-share a:hover {
opacity: 0.8;
}
.twitter { background: #1da1f2; }
.facebook { background: #3b5998; }
.instagram { background: #e1306c; }
.pinterest { background: #bd081c; }
.linkedin { background: #0077b5; }
@media (max-width: 600px) {
.container {
padding: 10px;
}
h1 {
font-size: 28px;
}
.question {
font-size: 18px;
}
.option {
font-size: 14px;
padding: 10px;
}
button {
padding: 10px 20px;
font-size: 14px;
}
.result-container img {
max-width: 200px;
}
}
const questions = [
{
question: “What’s your ideal weekend activity?”,
options: [“Hiking or outdoor adventure”, “Relaxing at home with a book”, “Socializing with friends”, “Exploring new places”]
},
{
question: “How would you describe your energy level?”,
options: [“High-energy and always on the go”, “Calm and laid-back”, “Balanced, I like both action and rest”, “I prefer short bursts of energy”]
},
{
question: “What’s your living situation like?”,
options: [“Spacious house with a big yard”, “Apartment or small home”, “Shared space with roommates”, “Always on the move”]
},
{
question: “How much time can you dedicate to a pet?”,
options: [“Lots, I’m home most of the time”, “Moderate, I have a busy schedule”, “Minimal, I need a low-maintenance pet”, “Varies, I’m flexible”]
},
{
question: “What’s your approach to socializing?”,
options: [“I love meeting new people”, “I prefer small, close-knit groups”, “I’m happy alone or with one friend”, “It depends on my mood”]
},
{
question: “What’s your favorite type of environment?”,
options: [“Wide open spaces, like parks or fields”, “Cozy indoor settings”, “Busy urban areas”, “Quiet suburban neighborhoods”]
}
];
const results = [
{
breed: “Labrador Retriever”,
description: “You’re friendly, outgoing, and love adventure! A Labrador Retriever matches your active lifestyle and sociable nature. They thrive in open spaces and love being part of the action.”,
image: “https://atenajos.blog/wp-content/uploads/2025/08/9e1d6-labrador-retriever.png”, // Example Amazon product image (use PA API or SiteStripe)
affiliateLink: ‘Get a comfy bed for your Labrador!‘
},
{
breed: “Shiba Inu”,
description: “You’re independent and enjoy your own space. A Shiba Inu’s clever, low-maintenance personality is your perfect match, ideal for a balanced or urban lifestyle.”,
image: “https://atenajos.blog/wp-content/uploads/2025/08/8c86d-shiba-inu-1.png”, // Example Amazon product image
affiliateLink: ‘Buy a fun toy for your Shiba Inu!‘
},
{
breed: “French Bulldog”,
description: “You’re laid-back and love cozy vibes. A French Bulldog’s affectionate and easygoing nature fits your relaxed, indoor-oriented lifestyle perfectly.”,
image: “https://atenajos.blog/wp-content/uploads/2025/08/b456c-french-bulldog.png”, // Example Amazon product image
affiliateLink: ‘Grab a grooming kit for your French Bulldog!‘
},
{
breed: “Golden Retriever”,
description: “You’re warm, loyal, and love spreading joy! A Golden Retriever’s gentle and friendly demeanor matches your caring, family-oriented personality.”,
image: “https://atenajos.blog/wp-content/uploads/2025/08/4f5c5-golden-retriever.png”, // Example Amazon product image
affiliateLink: ‘Get a durable toy for your Golden Retriever!‘
},
{
breed: “German Shepherd”,
description: “You’re disciplined, protective, and thrive on challenges! A German Shepherd’s intelligent and loyal nature aligns with your active, goal-driven lifestyle.”,
image: “https://atenajos.blog/wp-content/uploads/2025/08/01c2a-german-shepherd.png”, // Example Amazon product image
affiliateLink: ‘Buy a training leash for your German Shepherd!‘
}
];
let currentQuestion = 0;
let score = 0;
function loadQuestion() {
const q = questions[currentQuestion];
document.getElementById(‘question’).innerText = q.question;
const optionsDiv = document.getElementById(‘options’);
optionsDiv.innerHTML = ”;
q.options.forEach((option, index) => {
const div = document.createElement(‘div’);
div.className = ‘option’;
div.innerHTML = `
${option}`;
div.onclick = () => selectOption(index);
optionsDiv.appendChild(div);
});
}
function selectOption(index) {
score += index;
document.getElementById(‘nextBtn’).disabled = false;
document.querySelectorAll(‘.option’).forEach(opt => opt.classList.remove(‘selected’));
document.querySelector(`#opt${index}`).parentElement.classList.add(‘selected’);
}
function nextQuestion() {
currentQuestion++;
if (currentQuestion < questions.length) {
loadQuestion();
document.getElementById('nextBtn').disabled = true;
} else {
showResult();
}
}
function showResult() {
document.getElementById('quiz').style.display = 'none';
const resultContainer = document.getElementById('result');
resultContainer.style.display = 'block';
let resultIndex;
if (score <= 4) resultIndex = 0; // Labrador
else if (score <= 8) resultIndex = 1; // Shiba Inu
else if (score <= 12) resultIndex = 2; // French Bulldog
else if (score <= 16) resultIndex = 3; // Golden Retriever
else resultIndex = 4; // German Shepherd
const result = results[resultIndex];
document.getElementById('result-text').innerText = `${result.breed}: ${result.description}`;
document.getElementById('result-image').innerHTML = `
`;
document.getElementById(‘affiliate-link’).innerHTML = result.affiliateLink;
}
function resetQuiz() {
currentQuestion = 0;
score = 0;
document.getElementById(‘quiz’).style.display = ‘block’;
document.getElementById(‘result’).style.display = ‘none’;
loadQuestion();
document.getElementById(‘nextBtn’).disabled = true;
}
function shareOnTwitter() {
const resultText = document.getElementById(‘result-text’).innerText;
const url = window.location.href;
window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(resultText + ‘ Take the quiz: ‘ + url)}`, ‘_blank’);
}
function shareOnFacebook() {
const resultText = document.getElementById(‘result-text’).innerText;
const url = window.location.href;
window.open(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(url)}"e=${encodeURIComponent(resultText)}`, ‘_blank’);
}
function shareOnInstagram() {
alert(“To share on Instagram, take a screenshot of your result and post it with a link to the quiz in your story or bio!”);
}
function shareOnPinterest() {
const resultText = document.getElementById(‘result-text’).innerText;
const url = window.location.href;
window.open(`https://pinterest.com/pin/create/button/?url=${encodeURIComponent(url)}&description=${encodeURIComponent(resultText)}`, ‘_blank’);
}
function shareOnLinkedIn() {
const resultText = document.getElementById(‘result-text’).innerText;
const url = window.location.href;
window.open(`https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(url)}`, ‘_blank’);
}
// Initialize quiz
loadQuestion();
document.getElementById(‘nextBtn’).disabled = true;
Discover more from atenajos
Subscribe to get the latest posts sent to your email.
-
Not opinions, not beliefs. Ten things I would stake everything on, plus the one big thing I am still not sure about.
-
Empathy is supposed to make people kinder. In the wrong hands it becomes a weapon: reading you accurately, then using what it finds against you. Here is how dark empathy…
-
Fight, flight, freeze, and the one nobody talks about: fawn. Why some people appease to stay safe, where it comes from, and how to stop.
-
Every couple fights. The healthy ones just fight differently. Seven things emotionally healthy people never do in an argument, and what they do instead.
