Skip to content

Commit

Permalink
Initial commit
Browse files Browse the repository at this point in the history
  • Loading branch information
rbuj committed Feb 1, 2024
0 parents commit 56cc40f
Show file tree
Hide file tree
Showing 23 changed files with 1,914 additions and 0 deletions.
168 changes: 168 additions & 0 deletions blog.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,168 @@
<!DOCTYPE html>
<html lang="ca">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog de Vital360</title>
<link rel="icon" type="image/x-icon" href="img/favicon.png">
<link rel="stylesheet" href="css/estil.css">
</head>

<body>
<header class="fons-blanc">
<div>
<a href="index.html"><img src="img/logoVital360.svg" alt="logo image" class="logo"></a>
</div>
<div>
<nav role="navigation" aria-label="Principal">
<ul>
<li><a href="blog.html" class="active majuscules colors-intercanviats">Blog</a></li>
<li><a href="videos.html" class="majuscules colors-intercanviats">Vídeos</a></li>
</ul>
</nav>
</div>
</header>
<main class="container-blog">
<h1>El Blog de salut de Vital360</h1>
<div id="blog">
<div class="blog-entrada fons-blanc vora-contrast-clar">
<div class="blog-entrada-imatge">
<img src="img/estrategies-vida-activa.jpg" alt="estrategies-vida-activa">
<div class="blog-entrada-categoria"><a href="#" class="boto">Fitness</a></div>
<div class="blog-entrada-copyright">© Erik Dungan, a Unsplash</div>
</div>
<div class="blog-entrada-desc">
<div class="desc-autor">Per Daniel López - 30 de desembre de 2023</div>
<div class="blog-entrada-desc-titol"><a href="entrada.html" class="colors-intercanviats">Estratègies per a una vida activa</a></div>
<div class="blog-entrada-desc-text">
<p>Mantenir-se actiu és clau per a una vida saludable. Troba estratègies pràctiques i senzilles per integrar més activitat física a la teva rutina diària, independentment del teu nivell de fitness o estil de vida.</p>
</div>
<div class="blog-entrada-desc-link"><a href="entrada.html">Continua llegint</a></div>
</div>
</div>
<div class="blog-entrada fons-blanc vora-contrast-clar">
<div class="blog-entrada-imatge">
<img src="img/desintoxicacio-digital.jpg" alt="estrategies-vida-activa">
<div class="blog-entrada-categoria"><a href="#" class="boto">Benestar mental</a></div>
<div class="blog-entrada-copyright">© Thom Holmes, en Unsplash</div>
</div>
<div class="blog-entrada-desc">
<div class="desc-autor">Per Sofía Martín - 25 de desembre de 2023</div>
<div class="blog-entrada-desc-titol"><a href="#" class="colors-intercanviats">Desintoxicació digital</a></div>
<div class="blog-entrada-desc-text">
<p>A l'era tecnològica, desconnectar-se és vital. Aquest article analitza els beneficis de la desintoxicació digital per a la teva salut mental i física i ofereix consells per aconseguir un equilibri saludable amb la tecnologia.</p>
</div>
<div class="blog-entrada-desc-link"><a href="#">Continua llegint</a></div>
</div>
</div>
<div class="blog-entrada fons-blanc vora-contrast-clar">
<div class="blog-entrada-imatge">
<img src="img/connexio-ment-cos.jpg" alt="estrategies-vida-activa">
<div class="blog-entrada-categoria"><a href="#" class="boto">Benestar general</a></div>
<div class="blog-entrada-copyright">© Stefan Spassov, a Unsplash</div>
</div>
<div class="blog-entrada-desc">
<div class="desc-autor">Per Elena Navarro - 20 de desembre de 2023</div>
<div class="blog-entrada-desc-titol"><a href="#" class="colors-intercanviats">La connexió entre ment i cos</a></div>
<div class="blog-entrada-desc-text">
<p>Aquest article explora com el teu estat mental pot afectar la teva salut física i viceversa. Aprèn sobre les maneres de fomentar una relació saludable entre ment i cos per aconseguir un benestar integral.</p>
</div>
<div class="blog-entrada-desc-link"><a href="#">Continua llegint</a></div>
</div>
</div>
<div class="blog-entrada fons-blanc vora-contrast-clar">
<div class="blog-entrada-imatge">
<img src="img/aliments-combaten-estres.jpg" alt="estrategies-vida-activa">
<div class="blog-entrada-categoria"><a href="#" class="boto">Nutrició </a></div>
<div class="blog-entrada-copyright">© Brooke Lark, a Unsplash</div>
</div>
<div class="blog-entrada-desc">
<div class="desc-autor">Per Pedro Jiménez - 15 de desembre de 2023</div>
<div class="blog-entrada-desc-titol"><a href="#" class="colors-intercanviats">Aliments que combaten l'estrès</a></div>
<div class="blog-entrada-desc-text">
<p>La nutrició pot ser una gran aliada contra l'estrès. Descobreix quins aliments poden ajudar-te a combatre l'estrès i com incorporar-los a la teva dieta diària per aconseguir un més gran benestar.</p>
</div>
<div class="blog-entrada-desc-link"><a href="#">Continua llegint</a></div>
</div>
</div>
<div class="blog-entrada fons-blanc vora-contrast-clar">
<div class="blog-entrada-imatge">
<img src="img/ioga-principiants.jpg" alt="estrategies-vida-activa">
<div class="blog-entrada-categoria"><a href="#" class="boto">Fitness</a></div>
<div class="blog-entrada-copyright">© Dylan Gillis, en Unsplash</div>
</div>
<div class="blog-entrada-desc">
<div class="desc-autor">Per Ana Torres - 10 de desembre de 2023</div>
<div class="blog-entrada-desc-titol"><a href="#" class="colors-intercanviats">Ioga per a principiants: començant el teu viatge</a></div>
<div class="blog-entrada-desc-text">
<p>Si estàs pensant en iniciar-te en la pràctica del ioga, aquest article és per a tu. Comprèn els conceptes bàsics, els beneficis i algunes postures fàcils per començar, proporciona una introducció amigable a aquesta pràctica mil·lenària.</p>
</div>
<div class="blog-entrada-desc-link"><a href="#">Continua llegint</a></div>
</div>
</div>
<div class="blog-entrada fons-blanc vora-contrast-clar">
<div class="blog-entrada-imatge">
<img src="img/hidratacio.jpg" alt="estrategies-vida-activa">
<div class="blog-entrada-categoria"><a href="#" class="boto">Nutrició</a></div>
<div class="blog-entrada-copyright">© Thao Lee, a Unsplash</div>
</div>
<div class="blog-entrada-desc">
<div class="desc-autor">Per Carla Rodríguez - 5 de desembre de 2023</div>
<div class="blog-entrada-desc-titol"><a href="#" class="colors-intercanviats">Hidratació: més que només beure aigua</a></div>
<div class="blog-entrada-desc-text">
<p>Aprèn sobre la importància de la hidratació per a la teva salut i benestar. Aquest article et brinda consells sobre com mantenir-se hidratat, no només amb aigua, sinó també a través d'aliments i altres begudes.</p>
</div>
<div class="blog-entrada-desc-link"><a href="#">Continua llegint</a></div>
</div>
</div>
<div class="blog-entrada fons-blanc vora-contrast-clar">
<div class="blog-entrada-imatge">
<img src="img/importancia-son-salut.jpg" alt="estrategies-vida-activa">
<div class="blog-entrada-categoria"><a href="#" class="boto">Benestar general</a></div>
<div class="blog-entrada-copyright">© Kate Stone Matheson, a Unsplash</div>
</div>
<div class="blog-entrada-desc">
<div class="desc-autor">Per Jorge Martínez - 30 de novembre de 2023</div>
<div class="blog-entrada-desc-titol"><a href="#" class="colors-intercanviats">La importància del son a la teva salut</a></div>
<div class="blog-entrada-desc-text">
<p>El son és un pilar fonamental per a una bona salut. Descobreix com la qualitat i quantitat de son afecten tant la teva salut física com la teva salut mental. Inclou bons consells per millorar els teus hàbits de son.</p>
</div>
<div class="blog-entrada-desc-link"><a href="#">Continua llegint</a></div>
</div>
</div>
</div>
<div>
<nav id="blog-nav" role="navigation" aria-label="Pàgines">
<div><a href="#" class="active">1</a></div>
<div><a href="#">2</a></div>
<div><a href="#">3</a></div>
<div><a href="#">...</a></div>
</nav>
</div>
</main>
<footer>
<div class="footer-logo">
<a href="index.html"><img src="img/logoVital360-n.svg" alt="logo image" class="logo"></a>
</div>
<div id="xarxes-socials">
<a href="#" target="_blank"><img src="img/twitter.svg" alt="X"></a>
<a href="#" target="_blank"><img src="img/instagram.svg" alt="instagram"></a>
<a href="#" target="_blank"><img src="img/youtube.svg" alt="youtube"></a>
</div>
<div>
2023-2024 | Robert Buj Gelonch
</div>
<div>
<nav role="navigation" aria-label="Avisos legals">
<ul>
<li><a href="#" target="_blank">Política de privadesa</a></li>
<li><a href="#" target="_blank">Política de cookies</a></li>
<li><a href="#" target="_blank">Avís legal</a></li>
</ul>
</nav>
</div>
</footer>
</body>

</html>
Loading

0 comments on commit 56cc40f

Please sign in to comment.