index.html

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>NutriTech</title>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
    />
    <link href="css/style.css" rel="stylesheet" />
    <link rel="icon" href="assets/img/favicon.ico" type="image/x-icon" />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css"
      rel="stylesheet"
    />
  </head>
  <body>
    <!-- Navbar -->
    <nav id="navbar" class="navbar navbar-expand-lg navbar-dark fixed-top">
      <div class="container">
        <a href="#" class="navbar-brand"
          ><span class="text-dark">Nutri</span>Tech</a
        >
        <button
          class="navbar-toggler"
          type="button"
          data-bs-toggle="collapse"
          data-bs-target="#navbarS"
          aria-controls="navbarS"
          aria-expanded="false"
          aria-label="Toggle navigation"
        >
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarS">
          <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
            <li class="nav-item"><a href="#" class="nav-link">Inicio</a></li>
            <li class="nav-item">
              <a href="#services" class="nav-link">Servicios</a>
            </li>
            <li class="nav-item">
              <a href="#resources" class="nav-link">Recursos</a>
            </li>
            <li class="nav-item">
              <a href="formulario.html" class="nav-link">Formulario</a>
            </li>
            <li class="nav-item">
              <a href="loginAdmin.html" class="nav-link">myAdmin</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- Carousel -->
    <div
      id="carouselE"
      class="carousel slide mt-5 pt-3"
      data-bs-ride="carousel"
    >
      <div class="carousel-indicators">
        <button
          type="button"
          data-bs-target="#carouselE"
          data-bs-slide-to="0"
          class="active"
          aria-current="true"
          aria-label="Slide 1"
        ></button>
        <button
          type="button"
          data-bs-target="#carouselE"
          data-bs-slide-to="1"
          aria-label="Slide 2"
        ></button>
        <button
          type="button"
          data-bs-target="#carouselE"
          data-bs-slide-to="2"
          aria-label="Slide 3"
        ></button>
      </div>
      <div class="carousel-inner">
        <!-- First Carousel Item -->
        <div class="carousel-item active">
          <img
            src="css/img/nutricionista-1.jpg"
            class="d-block w-100"
            alt="Imagen 1"
          />
          <div class="carousel-caption carousel-caption-custom">
            <h5>Nutrición Balanceada</h5>
            <p>
              Descubre los beneficios de una nutrición balanceada para mejorar
              tu salud y bienestar.
            </p>
          </div>
        </div>
        <!-- Second Carousel Item -->
        <div class="carousel-item">
          <img
            src="css/img/recetas-saludables.jpg"
            class="d-block w-100"
            alt="Imagen 2"
          />
          <div class="carousel-caption carousel-caption-custom">
            <h5>Recetas Saludables</h5>
            <p>
              Encuentra recetas saludables y deliciosas que te ayudarán a
              mantener una dieta equilibrada.
            </p>
          </div>
        </div>
        <!-- Third Carousel Item -->
        <div class="carousel-item">
          <img
            src="css/img/nutricionista-experta.webp"
            class="d-block w-100"
            alt="Imagen 3"
          />
          <div class="carousel-caption carousel-caption-custom">
            <h5>Consejos de <br />Expertos</h5>
            <p>
              Accede a consejos y guías de expertos en nutrición para mejorar
              tus hábitos alimenticios.
            </p>
          </div>
        </div>
      </div>
      <button
        class="carousel-control-prev"
        type="button"
        data-bs-target="#carouselE"
        data-bs-slide="prev"
      >
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Anterior</span>
      </button>
      <button
        class="carousel-control-next"
        type="button"
        data-bs-target="#carouselE"
        data-bs-slide="next"
      >
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Siguiente</span>
      </button>
    </div>

    <!-- About Section -->
    <section id="about" class="about section-padding">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-4 col-md-12 col-12">
            <div class="about-img">
              <img
                src="css/img/expertos-nutricion.jpg"
                class="img-fluid"
                alt="Expertos en Nutrición"
              />
            </div>
          </div>
          <div class="col-lg-8 col-md-12 col-12 ps-lg-5 mt-md-5">
            <div class="about-text margen text-block">
              <h2>Nutrición y Bienestar</h2>
              <p>
                Nuestra misión es proporcionar información y recursos para
                ayudarte a llevar un estilo de vida saludable a través de una
                nutrición adecuada.
              </p>
              <a href="#" class="btn btn-primary">Más información</a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Services Section -->
    <section id="services" class="services section-padding">
      <div class="container">
        <div class="row">
          <div class="col-md-12 text-center mb-5 text-block">
            <h2>Nuestros Servicios</h2>
            <p>
              Te ofrecemos una variedad de servicios para apoyarte en tu
              formación como estudiante de nutrición.
            </p>
          </div>
        </div>
        <div class="row text-center">
          <!-- Service 1 -->
          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100 shadow-sm border-0">
              <div class="card-body">
                <i class="display-4 text-primary mb-3"></i>
                <h5 class="card-title">Recetas Nutricionales</h5>
                <p class="card-text">
                  Encuentra mas de 1000 recetas nutricionales <br>
                                ¡No te lo pierdas!
                </p>
                <a href="https://1000recetasnutritivas.com/" class="btn btn-primary"
                  >Más información</a
                >
              </div>
            </div>
          </div>
          <!-- Service 2 -->
          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100 shadow-sm border-0">
              <div class="card-body">
                <img
                  src="css/img/planes-alimenticios.webp "
                  class="card-img-top"
                  alt="Planes alimenticios"
                />
                <i class="display-4 text-primary mb-3"></i>
                <h5 class="card-title">Planes alimenticios</h5>
                <p class="card-text">
                  Accede a nuestros planes desde cualquier lugar.
                </p>
                <a
                  href="https://omo-app.io/start_age_over_a/"
                  class="btn btn-primary"
                  >Más información</a
                >
              </div>
            </div>
          </div>
          <!-- Service 3 -->
          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100 shadow-sm border-0">
              <div class="card-body">
                <img
                  src="css/img/calculo-nutricionista.webp"
                  class="card-img-top"
                  alt="Calculo nutricional"
                />
                <i class="display-4 text-primary mb-3"></i>
                <h5 class="card-title">Cálculo de Alimentación</h5>
                <p class="card-text">
                  Aprende a calcular tu alimentación según el porcentaje de
                  grasa corporal con nuestros expertos en nutrición.
                </p>
                <a
                  href="https://www.texasheart.org/heart-health/heart-information-center/topics/calculadora-del-indice-de-masa-corporal-imc/"
                  class="btn btn-primary"
                  >Más información</a
                >
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Portfolio/Resources Section -->
    <section id="resources" class="portfolio section-padding">
      <div class="container">
        <div class="row">
          <div class="col-md-12 text-center mb-5 text-block">
            <h2>Recursos</h2>
            <p>Explora nuestros recursos educativos y herramientas.</p>
          </div>
        </div>
        <div class="row">
          <!-- Resource 1 -->
          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100 shadow-sm border-0">
              <img
                src="css/img/biblioteca-libros-nutricion.jpg"
                class="card-img-top"
                alt="Biblioteca de Libros"
              />
              <div class="card-body">
                <h5 class="card-title text-center">Biblioteca de Libros</h5>
                <p class="card-text text-center">
                  Accede a una amplia colección de libros y publicaciones.
                </p>
                <div class="d-flex justify-content-center">
                  <a href="#" class="btn btn-primary">Más información</a>
                </div>
              </div>
            </div>
          </div>
          <!-- Resource 2 -->
          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100 shadow-sm border-0">
              <img
                src="css/img/Videollamada-Educativa.webp"
                class="card-img-top"
                alt="Consultas virtuales"
              />
              <div class="card-body">
                <h5 class="card-title text-center">Consultas virtuales</h5>
                <p class="card-text text-center">
                  Ofrecemos consultas nutricionales a través de videollamadas,
                  brindándote asesoría profesional desde la comodidad de tu
                  hogar.
                </p>
                <div class="d-flex justify-content-center">
                  <a href="#" class="btn btn-primary">Más información</a>
                </div>
              </div>
            </div>
          </div>
          <!-- Resource 3 -->
          <div class="col-lg-4 col-md-6 mb-4">
            <div class="card h-100 shadow-sm border-0">
              <img
                src="css/img/recursos-educativos.jpg"
                class="card-img-top"
                alt="Recursos Educativos"
              />
              <div class="card-body">
                <h5 class="card-title text-center">Recursos Educativos</h5>
                <p class="card-text text-center">
                  Explora nuestros artículos y guías sobre nutrición para
                  aprender cómo mejorar tu salud y bienestar.
                </p>
                <div class="d-flex justify-content-center">
                  <a
                    href="https://www.educ.ar/buscador?tag_resources=10682"
                    class="btn btn-primary"
                    >Más información</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <!-- Footer -->
    <footer id="footer" class="text-center text-white p-3">
      <div class="container">
        <p>Todos los derechos reservados &copy; 2024 NutriTech</p>
      </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  </body>
</html>