-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
55 lines (49 loc) · 1.87 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 lang="en">
<head>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<div class = "main ">
<H1 class = "whiteText">Self Care Center</H1>
<div>
<H2 class = "whiteText">Which type of message?</H2>
<div class = "divBoxStyle menu">
<!--Form with affirmation montra, and recieve message button-->
</br>
<form id = "formId">
<input type = "radio" id = "montra" name = "selection" value = "true" checked>
<label for= "montra">Montra</label>
<input type="radio" id="affirm" name="selection" value="true">
<label for="affirm">Affirmation</label>
<br>
<button type="submit" id="receiveMessageButton">Receive Message</button>
<button type="submit" id="resetButton">Reset</button>
</form>
</br><p></p>
</div>
</div>
</br></br>
<div id = "messageBox" class = "divBoxStyle output">
<!--This will be where the message is posted-->
<img src="assets/meditate.svg" width= "200" height = "300"><img>
</div>
</br></br>
<div id = "messageCenter" class = "divBoxStyle output">
</br>
<form id = "changeFormId">
<label for = "messageBoxChange">Message:</label>
<input type = "text" id="messageBoxChange"> </input>
</form>
<button type="submit" id="addMessageButton">Add</button>
<button type="submit" id="deleteMessageButton">Delete</button>
<button type="submit" id="viewAllMessageButton">View All</button>
</br><p></p>
<div id = "messageCenterOutput">
</div>
</div>
</div>
<script type="text/javascript" src="main.js"></script>
</body>
</html>