minhas imagens e meus textos estão com problemas de proporção
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>The Flowers</title>
<style>
/* ===== ESTILO GERAL ===== */
body {
font-family: Arial, sans-serif;
background-color: #d1c985;
margin: 0;
padding: 0;
}
/* ===== CONTAINER PRINCIPAL ===== */
.container {
width: 80%;
max-width: 400px;
margin: 40px auto;
background-color: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
}
/* ===== TÍTULO PRINCIPAL ===== */
h1 {
text-align: center;
color: #6d0303;
}
/* ===== SUBTÍTULOS ===== */
h2 {
color: #333;
border-bottom: 2px solid #f1f1f1;
padding-bottom: 5px;
}
/* ===== PARÁGRAFOS ===== */
p {
color: #0f0d0d;
line-height: 1.6;
font-size: 16px;
}
/* ===== IMAGENS ===== */
img {
width: 100%;
max-height: 400px;
object-fit: cover;
border-radius: 8px;
margin-top: 10px;
}
/* ===== BOTÕES ===== */
button {
background-color: #6d0b0b;
color: white;
border: none;
padding: 10px 20px;
margin-top: 10px;
border-radius: 6px;
cursor: pointer;
font-size: 16px;
}
button:hover {
background-color: #680c0c;
}
</style>
</head>
<body>
<div class="container">
<!-- TÍTULO PRINCIPAL -->
<h1>𝓣𝓱𝓮 𝓡𝓮𝓭 𝓕𝓵𝓸𝔀𝓮𝓻𝓼 𓍢ִ໋🌷͙֒</h1>
<!-- SOBRE MIM -->
<h2>ℒ𝒾́𝓇𝒾ℴ 𝒶𝓇𝒶𝓃𝒽𝒶 𝓋ℯ𝓇𝓂ℯ𝓁𝒽𝒶</h2>
<div style="display: flex; align-items: center;">
<img src="lírio aranha vermelha.jpg" style="margin-right: 20px;">
<p>A lírio-aranha vermelha (Lycoris radiata) é uma flor exótica e encantadora, conhecida por suas pétalas finas e alongadas que lembram delicadas pernas de aranha. Com sua cor vermelha intensa e formato elegante, ela transmite mistério, beleza e sofisticação. Ideal para presentear ou decorar ambientes especiais, essa flor chama atenção pela sua aparência única e marcante, trazendo um toque de charme e originalidade a qualquer arranjo floral. 🌺✨</p>
</div>
<p>
preço:
p=R$50 m=R$100 g=R$150
</p>
<button onclick="adicionarAoCarrinho('lirio aranha vermelha',180)">Adicionar no carrinho</button>
<!-- LOCAL PARA IMAGEM DE PERFIL -->
<!-- Coloque aqui sua imagem -->
<!-- Exemplo:
<img src="minha-foto.jpg" alt="Minha foto">
-->
<!-- REGISTRO DO DIA -->
<h2>ℛℴ𝓈𝒶𝓈<div style="display: flex; align-items: center;">
<img src="vermelhas.jpg" style="margin-right: 20px;">
<p>As rosas são flores clássicas e atemporais, símbolo de amor, beleza e elegância. Com suas pétalas delicadas e perfume suave, elas encantam em qualquer ocasião, desde gestos românticos até celebrações especiais. Disponíveis em diversas cores, cada rosa transmite um sentimento único, tornando qualquer arranjo floral ainda mais especial e cheio de significado. 🌹✨.</p>
</div>
</h2>
<p>
Preço:
p=R$40 m=R$80 g=R$120
</p>
<button onclick="alert('Adicionar ao carrinho')">Comprar</button>
<button onclick="adicionarAoCarrinho('rosas',180)">Adicionar no carrinho</button>
<!-- LOCAL PARA IMAGEM DO DIA -->
<!-- Exemplo:
<img src="foto-do-dia.jpg" alt="Foto do dia">
-->
<!-- OBJETIVOS -->
<h2>ℒ𝒾́𝓇𝒾ℴ</h2>
<div style="display: flex; align-items: center;">
<img src="lírio chinex.jpg" style="margin-right: 20px;">
<p>O lírio chinês é uma flor elegante e delicada, admirada por suas pétalas suaves e formato harmonioso. Com sua aparência sofisticada e perfume agradável, ele simboliza pureza, renovação e boa sorte. Muito utilizado em arranjos florais e decorações especiais, o lírio chinês traz um toque de beleza natural e tranquilidade para qualquer ambiente. 🌸✨.</p>
</div>
<button onclick="adicionarAoCarrinho('rosas',180)">Adicionar no carrinho</button>
<p>
preço:
p=R$60 m=R$120 g=R$180
</p>
<button onclick="window.location.href='carrinho.html';">Ir para o Google</button>
<h2>𝒜𝓈𝓉𝓇ℴ𝓂ℯ́𝓁𝒾𝒶<div style="display: flex; align-items: center;">
<img src="Alstroemeria.webp" style="margin-right: 20px;">
<p>A **astromélia**, também conhecida como **lírio-do-peru**, é uma flor delicada e cheia de significado, perfeita para presentear em momentos especiais. Com pétalas suaves e levemente rajadas, ela se destaca por sua beleza exótica e elegante, trazendo charme e sofisticação para qualquer arranjo.
Disponível em diversas cores vibrantes — como rosa, branco, amarelo, laranja e lilás — a astromélia simboliza **amizade, carinho, gratidão e prosperidade**, sendo uma excelente escolha para demonstrar sentimentos verdadeiros.
Além de linda, é uma flor muito durável, mantendo sua beleza por vários dias quando bem cuidada. Ideal para buquês, arranjos decorativos e presentes que desejam transmitir afeto e alegria.
✨ **Astromélia: delicadeza, cor e significado em uma única flor.**
</h2>
<p>
Preço:
p=R$40 m=R$80 g=R$120
</p>
<button onclick="alert('Adicionar ao carrinho')">Comprar</button>
<button onclick="adicionarAoCarrinho('rosas',180)">Adicionar no carrinho</button>
<script>
function adicionarAoCarrinho(nome, preco) {
// 1. Busca o que já existe no carrinho (se não existir, cria uma lista vazia)
let carrinho = JSON.parse(localStorage.getItem('meuCarrinho')) || [];
// 2. Adiciona a nova moto na lista
carrinho.push({ nome: nome, preco: preco });
// 3. Salva a lista atualizada de volta no navegador
localStorage.setItem('meuCarrinho', JSON.stringify(carrinho));
alert(nome + " foi adicionada ao carrinho!");
}
</script>
<!-- LOCAL PARA BOTÕES -->
<button>assistência</button>
<button></button>
</div>
<script>
function adicionarAoCarrinho(nome, preco) {
// 1. Busca o que já existe no carrinho (se não existir, cria uma lista vazia)
let carrinho = JSON.parse(localStorage.getItem('meuCarrinho')) || [];
// 2. Adiciona a nova moto na lista
carrinho.push({ nome: nome, preco: preco });
// 3. Salva a lista atualizada de volta no navegador
localStorage.setItem('meuCarrinho', JSON.stringify(carrinho));
alert(nome + " foi adicionada ao carrinho!");
}
</script>
</body>
</html>