<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>yoUnique Stone</title>
<!– Vinculando correctamente el CSS –>
<link rel=”stylesheet” href=”styles.css”>
<link rel=”icon” href=”img/stamp.png” type=”image/png”>
</head>
<body>
<!– Barra de navegación –>
<nav class=”navbar”>
<div class=”navbar-left”>
<img src=”img/logo.png” alt=”Younique Stones Logo” class=”logo”>
<ul class=”nav-links”>
<li><a href=”#stones”>STONES</a></li>
<li><a href=”#about”>ABOUT US</a></li>
<li><a href=”#contact”>CONTACT</a></li>
</ul>
</div>
</nav>
<!– Nueva sección con imagen de fondo y botón –>
<section class=”hero-section”>
<div class=”hero-content”>
<button class=”info-button”>MORE INFO…</button>
</div>
</section>
<!– Sección de piedras disponibles –>
<section id=”stones” class=”stones”>
<h2>STONES AVAILABLE</h2>
<div class=”catalog-container”>
<button class=”prev”>❮</button>
<div class=”catalog”>
<!– Cajas de contenido (20 piedras como ejemplo) –>
<div class=”catalog-item”>
<img src=”img/amatista.jpg” alt=”Amethyst”>
<h3>Amethyst</h3>
</div>
<div class=”catalog-item”>
<img src=”img/cuarzorosa.jpg” alt=”Rose Quartz”>
<h3>Rose Quartz</h3>
</div>
<div class=”catalog-item”>
<img src=”img/cuarzo.jpg” alt=”Quartz”>
<h3>Quartz</h3>
</div>
<div class=”catalog-item”>
<img src=”obsidian.jpg” alt=”Obsidian”>
<h3>Obsidian</h3>
</div>
<div class=”catalog-item”>
<img src=”jade.jpg” alt=”Jade”>
<h3>Jade</h3>
</div>
<div class=”catalog-item”>
<img src=”citrine.jpg” alt=”Citrine”>
<h3>Citrine</h3>
</div>
<div class=”catalog-item”>
<img src=”lapis-lazuli.jpg” alt=”Lapis Lazuli”>
<h3>Lapis Lazuli</h3>
</div>
<div class=”catalog-item”>
<img src=”tiger-eye.jpg” alt=”Tiger Eye”>
<h3>Tiger Eye</h3>
</div>
<div class=”catalog-item”>
<img src=”aventurine.jpg” alt=”Aventurine”>
<h3>Aventurine</h3>
</div>
<!– Añadir más elementos si es necesario –>
</div>
<button class=”next”>❯</button>
</div>
</section>
<!– Asegúrate de que el archivo script.js esté correctamente vinculado –>
<script src=”scripts.js”></script>
<!– Sección About Me –>
<section id=”aboutme” class=”aboutme”>
<div class=”aboutme-left”>
<img src=”img/aboutme.png” alt=”About Me Image” class=”aboutme-image”>
<div class=”aboutme-text”>
<p>The “initiator” Peter Albarian has had an interest in finding and buying natural stones for many years. His initial focus was amber with fossilized insects encased inside, then he began to appreciate and collect unfinished raw stones of different
types based on attraction and being moved. He had no plan or intent other than the joy of collecting and observing each piece, but over time he begin considering ways in which he might put them to some kind of use.
</p>
<p>During his travels, Peter began paying more attention to unique artisan jewelers’ work utilizing different items as their central focus. He saw some incredibly creative pieces, but the quality was not what he envisioned. Finding someone who created
jewelry at a very high quality level, with the talent, inspiration and interest to be able to create what he envisioned became his hope. The connection and feeling was very different and special with one particular jeweler he came across on the town square
of San Jose del Cabo, BCS Mexico. This man’s joy of life, importance of family and faith, incredible quality of handmade one of a kind jewelry, and his children learning from and following in his footsteps all attracted Peter to work with him. His name is
Jesus Sanchez Icaza of Sanchez & Luna Fire Opal Designs. A few very enthusiastic conversations had Peter looking forward to returning with some stones for them all to work with.</p>
<p>A few months later, Peter excitedly sat down with Jesus and two of his Son’s; Gabrial Alejandro Sanchez Luna and Fernando Sanchez Luna. The family had never before worked with rough natural stones like these and their excitement was palpable.
Peter explained what he envisioned for each piece and they added their suggestions based on their experienced fine jewelry creation. Their first planning interaction lasted over 2 hours as they all wanted to make sure the resulting pieces would not disappoint.
When the initial pendants were finished, the well-deserved pride exuded by the Sanchez family in being a part of this unlikely experiment was clear and real.</p>
<p>Once Peter started wearing these initial pieces, the interest from strangers was immediate and constant. Questions asking for information about what the particular stones were, who designed and created pieces, and where they could buy them kept
coming. Many shared with Peter the unique properties of the different stones which further intrigued him to learn and collect. Though he didn’t initially intended to create for more than himself, family and friends, the interest and power of the stones opened
his thinking. Each time he went to San Jose del Cabo meant more very unique pieces being created. Expanding to creating with ancient Roman coins, artifacts, and baroque pearls began to happen. The Sanchez Family always willingly and enthusiastically sat down
for the anticipated design discussions adding to the collection, and creativity grew.</p>
</div>
</div>
<div class=”aboutme-right”>
<img src=”img/peteraboutme.png” alt=”Right Side Image” class=”aboutme-background-image”>
</div>
</section>
<!– Sección de Imágenes –>
<section id=”gallery” class=”gallery”>
<div class=”gallery-item”>
<img src=”img/cruz.png” alt=”Imagen 1″>
</div>
</section>
<!– Footer –>
<footer class=”footer”>
<div class=”footer-left”>
<ul class=”footer-nav”>
<li><a href=”#stones”>Stones</a></li>
<li><a href=”#about”>About Us</a></li>
<li><a href=”#contact”>Contact</a></li>
</ul>
</div>
<div class=”footer-center”>
<img src=”img/logofooter.png” alt=”Logo” class=”footer-logo”>
</div>
<div class=”footer-right”>
<div class=”social-icon”>
<a href=”https://facebook.com” target=”_blank”><img src=”img/fbicon.png” alt=”Facebook”></a>
<a href=”https://instagram.com” target=”_blank”><img src=”img/igicon.png” alt=”Instagram”></a>
<a href=”mailto:younique.stone@gmail.com” class=”email-link”><img src=”img/emicon.png” alt=””></a>
<!– Agrega más íconos de redes sociales si es necesario –>
</div>
</div>
</footer>