Web-UI/index.html at master · Build-Week-Diabetes-Manager/Web-UI · 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
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" type="image/png" href="home-page-images/insulineFavicon.png"/>
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Roboto&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="less/index.css">
    <title>Insuline - Home</title>
</head>
<body>
    <nav class="top-nav-bar">
        <img class="logo" src="home-page-images/Insuline_Logo.png" alt="Insuline Logo" />
        <div class="nav-links">
            <a class="home-link" href = "index.html"> Home </a>
            <a class="about-link" href = "about.html"> About Us </a>
            <a class="sign-up-link" href = "https://insuline.netlify.com/"> Sign Up </a>
        </div>
    </nav>
    <header>
        <div class="header-container">
            <img class="header-logo" src="home-page-images/Insuline_Logo.png" alt="Insuline Logo" />
            <p> Helping diabetic patients monitor and predict healthy blood sugar levels. </p>
            <div class="sign-up-container">
                <a href="https://insuline.netlify.com/"><button> Sign up </button></a> <br>
            </div>
        </div>
    </header>

    <!-- Our Mission Section -->
        <section class="our-mission-section">
            <h2> Our Mission </h2>
            <div class="mission-container">
                <div class="mission-text-container">
                    <h3> Living A Healthy Life </h3>
                    <p> Our number one goal with <em>Insuline</em> application is to keep your nutrition, and glucose levels, in order. We take the "guessing" out of the equation. It's been proven that steady glucose levels result in longer lasting energy, greater focus, and a healthier system overall. Our mission with the <em>Insuline</em> is to give you the power to input, and monitor, your glucose levels during all hours of the day. In doing so, we can predict your future glucose levels, so you can catch any trending low, or high, glucose levels.</p>
                </div>
                <img class ="mission-img" src="home-page-images/mission.jpg" alt="">
            </div>
        </section>
    <!-- Close Our Mission Section -->

    <!-- Benefits Section -->
        <section class="benefits-section">
            <h2> How it benefits you </h2>
            <div class="benefits-container">
                <div class="benefits-text-container">
                    <h3> Putting your mind at ease </h3>
                    <p> With the use of the <em>Insuline</em> application, we can use your glucose level inputs to give you a prediction of your future blood glucose levels. <br><br><strong><em>How does this benefit you?</em></strong><br> By having predictions of your blood glucose levels, 24 hours in advance, you have the luxury of having your mind at ease, without fretting over sudden drops, or spikes, in your glucose levels.</p>
                </div>
                <img class ="benefits-img" src="home-page-images/benefits.jpg" alt="">
            </div>
        </section>
    <!-- Close Benefits Section -->

    <!-- Process Section -->
        <section class="process-section">
            <h2> How does it work? </h2>
            <div class="process-container">
                <div class="process-text-container">
                    <h3> As simple as <span id="1" class="number-come-alive">1,</span> <span id="1.5" class="number-come-alive">2,</span> <span id="2" class="number-come-alive">3 </span><span id="2.5" class="number-come-alive">!</span></h3>
                    <p> The process is short, and broken down into 3 simple steps: </p>
                    <ol>
                        <li> Consistently input your glucose measurements, and the time of day the input has taken place. </li>
                        <li> Input insulin dose and type.  </li>
                        <li> <em>That's it!</em> Simply log your glucose measurements, and insulin intake, and the app will take care of the rest. That way you can spend <em>less</em> time doing calculations, and <em>more</em> time enjoying your day... and food! </li>
                    </ol>
                    <p class="disclaimer"><strong>Note:</strong> <em>3 days of data input is suggested for most accurate data results. Insuline does not replace a Blood Glucose Meter - Accuracy may vary. This application is not meant to be used with real life medical issues. Application has been built as an educational project.</em></p>
                </div>
                <img class ="process-img" src="home-page-images/how-it-works.jpg" alt="">
            </div>
        </section>
    <!-- Close Process Section -->

    <!-- Footer, Copyright, Image Credit -->
        <footer>
            <nav class="bottom-nav-bar">
                <a href = "index.html"> Home </a>
                <a href = "about.html"> About Us </a>
                <a href = "https://insuline.netlify.com/"> Sign Up </a>
            </nav>
            <span> Copyright <em>Insuline</em> 2019 </span>
            <span> Photo Credit: <a href="https://unsplash.com/">Unsplash</a></span>
        </footer>
    <!-- Close Footer -->
    <script src="index.js"></script>
</body>
</html>