forked from turingschool-examples/self-care-center
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
30 lines (30 loc) · 1.35 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
<!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 class="container">
<h1 class="selfcare">✨ Self Care Center ✨</h1>
<h2 class="message">Which type of message?</h2>
<div class="messages">
<div class="container2">
<form>
<label class="radio-inline radiobtn1">
<input type="radio" name="optradio" id="affirmation-message" class="radio-button"><em>affirmation</em>
</label>
<label class="radio-inline radio-margin radiobtn2">
<input type="radio" name="optradio" id="mantra-message" class="radio-button"><em>mantra</em>
</form>
</div>
<button id="receive-message-button" disabled onclick="receiveMessageClick()">Receive Message</button>
<button id="clear-message-button" disabled onclick="clearMessageClick()">Clear Message</button>
</div>
<div class="mantra">
<img src="https://tse2.mm.bing.net/th?id=OIP.Ln8GELm6x5WM_En-bD2uXwHaJ1&pid=Api&P=0&h=220" id="meditate-image" alt="yoga pose" width="110" height="110" style="visibility: visible;">
<p id="mantra-text" style="visibility: hidden;"></p>
</div>
</div>
<script type="text/javascript" src="main.js"></script>
</body>
</html>