GlucoGuru-Web/index.html at main · httpsmarioooo/GlucoGuru-Web · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>GlucoGuru</title>
    <link rel="stylesheet" href="/styles/styles.css" />
    <link rel="icon" href="/images/amazon/GlucoGuru.png" </head>

<body>
    <header class="header">

        <div class="container">

            <div class="menu">
                <a href="#" class="logo">
                    <img src="/images/amazon/GlucoGuru.png" alt="Logo de GlucoGuru">
                </a>
                <input type="checkbox" id="menu" />
                <label for="menu">
                    <img src="/images/menu.png" class="menu-icon" alt="Icono del menu">
                </label>

                <nav class="navbar">
                    <ul>
                        <li><a href="#inicio">Inicio</a></li>
                        <li><a href="#servicios">Servicios</a></li>
                        <li><a href="#producto">Producto</a></li>
                    </ul>
                </nav>
            </div>

            <div class="header-content" id="inicio">

                <div class="header-txt">
                    <span>GlucoGuru</span>
                    <h1>Tu asistente virtual para el control de la diabetes</h1>
                    <p> Es una skill para Amazon Alexa, con el propósito de mejorar el acceso y manejo
                        de información de salud para pacientes adultos con diabetes de tipo 1 y 2 en Colombia.
                        La principal meta es facilitar a los usuarios con diabetes la gestión diaria de su condición,
                        ofreciendo un medio de interacción intuitivo y accesible que les permita consultar información
                        vital para su salud,
                        sin depender exclusivamente de interfaces táctiles o visuales.
                    </p>
                    <a href="https://developer.amazon.com/es-ES/alexa/alexa-skills-kit" class="btn-1" target="_blank"
                        rel="noopener noreferrer">Información</a>
                </div>

                <div class="header-img">
                    <img src="/images/amazon/echo.png" alt="">
                </div>
            </div>
        </div>
    </header>

    <section class="brands container">
        <div class="brands-1">
            <p>Nuestras tecnologías<br>utilizadas</p>
        </div>

        <div class="brands-1">
            <img src="/images/amazon/lambda amazon.png" alt="">
        </div>

        <div class="brands-1">
            <img src="/images/amazon/AWS.png" alt="">
        </div>

        <div class="brands-1">
            <img src="/images/amazon/alexa skill.png" alt="">
        </div>
    </section>

    <main class="services container" id="servicios">
        <h2>Los servicios de nuestra Skill </h2>

        <div class="services-content">
            <div class="services-1">
                <img src="/images/i1.svg" alt="">
                <h3>Mantenerte al tanto con tips para saber llevar una mejor vida con diabetes.</h3>
            </div>

            <div class="services-1">
                <img src="/images/i2.svg" alt="">
                <h3>Obtener información de interés como alimentos no recomendados.</h3>
            </div>

            <div class="services-1">
                <img src="/images/i3.svg" alt="">
                <h3>Consejos nutricionales y sobre cómo balancear la dieta.</h3>
            </div>

            <div class="services-1">
                <img src="/images/i4.svg" alt="">
                <h3>Recomendaciones específicas de acuerdo con el nivel de glucemia actual del paciente.</h3>
            </div>
        </div>
    </main>

    <section class="information-content container">

        <div class="information-img">
            <img src="/images/amazon/GlucoImg.png" alt="">
        </div>

        <div class="information-txt">
            <h2>Comandos útiles para tu día a día</h2>
            <p>
                Esta maravillosa Skill posee las funcionalidades o comandos para ayudar a saber qué alimentos evitar,
                cómo equilibrar comidas, consejos nutricionales, recomendaciones personalizadas según el nivel de
                glucemia de la persona y muchos más.
            </p>
        </div>
    </section>

    <section class="about" id="producto">
        <div class="about-content container">
            <div class="about-txt">
                <h2>Somos un equipo para apoyarte</h2>
                <p>
                    En nuestra dedicación por mejorar la calidad de vida de los pacientes
                    adultos<strong> Colombianos</strong>,hemos
                    creado una skill innovadora para Amazon Alexa. Nuestro objetivo es facilitar el acceso y manejo de
                    información de salud,permitiendo que los usuarios gestionen su condición de manera más efectiva y
                    que generen conciencia sobre esta enfermedad.
                </p>


            </div>

            <div class="about-img">
                <img src="/images/amazon/GlucoGuru.png" alt="">
            </div>
        </div>
    </section>

    <footer class="footer">
        <div class="footer-content container">
            <div class="link">
                <h3>Proyecto de Grado</h3>
                <ul>
                    <li><a href="#">Este es un proyecto de grado como requisito para recibir el diploma de ingenieros en multimedia Universidad de San Buenaventura Cali.</a></li>
                    <li><a href="#"><strong>Integrantes:</strong></a></li>
                    <li><a href="#">Juan Sebastian Castaño Sadarriaga</a></li>
                    <li><a href="#">Carlos Mario Torres Perez</a></li>
                    <li><a href="#">2024</a></li>
                </ul>
            </div>
        </div>

    </footer>

</body>

</html>