Web-Tech/Pro2.html at main · KevinJonathan7708/Web-Tech · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>NutriHive - Nutrition & Diet Management</title>
</head>
<body>

    <center>
        <h1>NutriHive: Your Personalized Diet Manager</h1>
    </center>
    <hr><hr>

    <nav>
        <h3><u>Navigation Links</u></h3>
        <table align="center" width="100%">
            <tr>
                <td width="15%" align="center"><a href="#home">Home</a></td>
                <td width="15%" align="center"><a href="#podcast">Diet Tips Audio</a></td>
                <td width="15%" align="center"><a href="#video">Recipe Video</a></td>
                <td width="15%" align="center"><a href="#chart">Diet Chart (PDF)</a></td>
                <td width="15%" align="center"><a href="#location">Clinic Location</a></td>
                <td width="15%" align="center"><a href="Pro3.html">Book Appointment</a></td>
                <td width="15%" align="center"><a href="Pro3 LOGIN.html">Login</a></td>
            </tr>
        </table>
    </nav>
    <hr>

    <main>

        <section id="home">
            <center>
                <h2><u>Welcome to a Healthier You!</u></h2>
                <p>Eat healthy, live healthy. Check out our resources below.</p>
                <img src="../Images/Healthy Food.jpg" alt="Image of Healthy Food" width="600">
            </center>
        </section>
        <hr>

        <section id="podcast">
            <center>
                <h2><u>Daily Health Tips.</u></h2>
                <p>Listen to our head nutritionist explain the benefits of a balanced diet.</p>
                <audio controls>
                    <source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-1.mp3" type="audio/mpeg">
                    Your browser does not support the audio element.
                </audio>
            </center>
        </section>
        <hr>

        <section id="video">
            <center>
                <h2><u>Featured Recipe: Healthy Meal Prep</u></h2>
                <p>Watch this quick guide to preparing nutrient-dense meals.</p>
                <iframe width="560" height="315" src="https://www.youtube.com/embed/Evji_ebWZQU?" title="YouTube video player" frameborder="0" allowfullscreen></iframe>
            </center>
        </section>
        <hr>

        <section id="chart">
            <center>
                <h2><u>Weekly Diet Chart</u></h2>
                <p>View or download your customizable diet plan below.</p>
                <iframe src="Diet Plan.pdf" width="600" height="500">
                    This browser does not support PDFs. Please download the PDF to view it.
                </iframe>
            </center>
        </section>
        <hr>

        <section id="location">
            <center>
                <h2><u>Visit our Clinic</u></h2>
                <p>For a Personalized Nutrition Consultation.</p>
                <p><a href="Pro3.html">Book an Appointment</a></p>
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15664.12071854128!2d76.7588!3d10.9998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba84b0000000001%3A0x0!2sMadawarayapuram%2C%20Tamil%20Nadu!5e0!3m2!1sen!2sin!4v1690000000000!5m2!1sen!2sin" width="600" height="300" frameborder="0" allowfullscreen></iframe>
            </center>
        </section>

    </main>


</body>
</html>