forked from gnappo1/phase-1-mock-cc-ramen-rater-v2
-
Notifications
You must be signed in to change notification settings - Fork 494
/
index.html
56 lines (43 loc) · 1.36 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Ramen Rater</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
<script defer type="module" src="./src/index.js"></script>
</head>
<body>
<header>
<h3>Ramen Rater</h3>
</header>
<div id="ramen-menu">
</div>
<div id="ramen-detail">
<img class="detail-image" src="./assets/image-placeholder.jpg" alt="Insert Name Here" />
<h2 class="name">Insert Name Here</h2>
<h3 class="restaurant">Insert Restaurant Here</h3>
</div>
<h3>Rating:</h3>
<p>
<span id='rating-display'>Insert rating here</span> / 10
</p>
<h3>Comment:</h3>
<p id='comment-display'>
Insert comment here
</p>
<form id="new-ramen">
<h4>Add New Ramen</h4>
<label for="new-name">Name: </label>
<input type="text" name="name" id="new-name" />
<label for="new-restaurant">Restaurant: </label>
<input type="text" name="restaurant" id="new-restaurant" />
<label for="new-image">Image: </label>
<input type="text" name="image" id="new-image" />
<label for="new-rating">Rating: </label>
<input type="number" name="rating" id="new-rating" />
<label for="new-comment">Comment: </label>
<textarea name="new-comment" name="new-comment" id="new-comment"></textarea>
<input type="submit" id='submit-button' value="Create" />
</form>
</body>
</html>