{% extends 'template.html' %}
{% block css %}
<link rel="stylesheet" href="{{url_for('static', filename='d_methodology/methodology.css')}}">
{% endblock css %}

{% block navbar %}
{% include 'z_comps/navbar.html' %}
{% endblock navbar %}

{% block body %}


<<<<<<< HEAD

=======
>>>>>>> 94e4367c31b015af0d4c0e4325ec73836c63754e
<img src="{{ url_for('static', filename='y_img/methodology/m-02.svg') }}" alt="Metodología" data-aos="fade-up" data-aos-delay="0" data-aos-duration="800">


<!-- <img id="random-img" alt="Imagen aleatoria" data-aos="fade-up" data-aos-delay="0" data-aos-duration="800"> -->
<!-- <script>
  document.addEventListener("DOMContentLoaded", () => {
    const images = [
      "{{ url_for('static', filename='y_img/methodology/m-01.svg') }}",
      "{{ url_for('static', filename='y_img/methodology/m-02.svg') }}"
    ];
    const randomIndex = Math.floor(Math.random() * images.length);
    document.getElementById("random-img").src = images[randomIndex];
  });
</script> -->

<<<<<<< HEAD
  
=======
>>>>>>> 94e4367c31b015af0d4c0e4325ec73836c63754e
{% endblock body %}

{% block js %}

<!-- {# aos script #} -->
{% include 'z_comps/aos_script.html' %}

{% endblock js %}