TellMeMore/index.html at main · masalha-96/TellMeMore · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <title> Tell Me More </title>
    <style>
        h1 { padding-bottom: 100px; text-align: center; padding-top: 50px; }
        .Paregraphs { padding: 50px; font-size: 60px; }
        footer { font-size: 40px; text-align: center; padding: 100px;}
        nav {  padding: 50px; font-size: 50px; text-align: center;}
    </style>
</head>

<body>
    <header></header>
    <main>
        <h1 style="font-size: 100px; "> Class 1 Lab </h1>

        <p class="Paregraphs" style="color: #FFFFFF; background-color:rgb(0, 0, 0);"> Hello I\'m just make a quick survey, lets start with your name? </p>

        <p class="Paregraphs" style="color:rgb(241, 28, 28); background-color:rgba(88, 80, 80, 0.452);"> How old are you?  </p>

        <p  class="Paregraphs" style="color:rgb(40, 1, 211); background-color:rgb(180, 48, 147);" > How tall are you? (m) </p>

        <p  class="Paregraphs" style="color:rgb(0, 204, 204); background-color:rgba(102, 62, 62, 0.199);"> How much do you weigh??  </p>

<nav>
    <p>
        You Can check BMI Table from
        <a href="https://www.nhlbi.nih.gov/health/educational/lose_wt/BMI/bmi_tbl.htm">here</a>
        , and find out your ideal weight.
        </p>


</nav>


    </main>
    <footer>
        &copy; Tell Me More 2021
    </footer>

    <script src="app.js"></script>
</body>

</html>