-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
82 lines (76 loc) · 3.52 KB
/
index.html
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
<!DOCTYPE html>
<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">
<title>Survey Form</title>
<link rel="stylesheet" href="index.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:600" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:600|PT+Serif" rel="stylesheet">
</head>
<body>
<div id="background" class="transbox">
<div>
<h1 id="title">Survey</h1>
<p id="sub-title"><em>How much you care about your health</em></p>
</div>
<div>
<div id="para">
<h2 id="sub-head">What is the Keto Diet?</h2>
<p id="description">
A ketogenic diet is a low carb, high fat diet that turns your body into a fat-burning machine. When insulin
- the fat storing hormone - levels drop, you will feel the difference of an optimal body. Keto has many
weight loss, health and performance benefits for type 2 diabetes, epilepsy, PCOS, metabolic syndrome, blood
pressure, cholesterol, mental focus and numerous autoimmune diseases.
</br>
Keto restricts your intake of sugar and starchy foods, like pasta and bread. Instead, you'll eat delicious
real food with selective protein, healthy fats, and vegetables for nutrients. Ruled.me contains everything
you need - what to eat, what to avoid, and exactly how to do it.
</p>
</div>
<hr>
<form id="survey-form">
<p><label id="name-label" >Name: <input id="name" type="text" required placeholder="name"></label>
</p>
<p><label id="email-label" >Email: <input id="email" type="email" required placeholder="email address"></label>
</p>
<p><label id="number-label" >Mobile: <input id="number" type="number" min="0" max="9999999999" required placeholder="mobile"></label>
</p>
<select id="dropdown">
<option value="Vegetarian">Vegetarian</option>
<option value="Non-vegetarian">Non-vegetarian</option>
<option value="eggitarian">eggitarian</option>
</select>
<br>
<br>
<label>
<input type="checkbox" name="cuisine" value="Mexican"> Mexican</label>
<label>
<input type="checkbox" name="cuisine" value="Indian"> Indian</label>
<label>
<input type="checkbox" name="cuisine" value="Italian"> Italian</label>
<label>
<input type="checkbox" name="cuisine" value="Chinese"> Chinese</label>
<label>
<input type="checkbox" name="cuisine" value="American"> American</label>
<br>
<div id="label">
<label>
<input type="radio" name="gender" value="Male"> Male</label>
<label>
<input type="radio" name="gender" value="Female"> Female</label>
<label>
<input type="radio" name="gender" value="others"> Others</label>
</div>
<br>
<br>
<div id="textarea"> <textarea rows="4" cols="40" placeholder="comment here"></textarea>
</div>
<button id="submit" type="submit">submit</button>
</form>
</div>
</div>
</body>
</html>