-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdw_fe.html
126 lines (94 loc) · 3.98 KB
/
dw_fe.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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!DOCTYPE html>
<!-- Wrapper for all your elements + represents the root of an HTML document. -->
<html>
<!-- Define the head portion of the document which contains information related to the document. -->
<!-- What to link/preprocess, what the title is and what type of character encoding the file has -->
<head>
<!-- This a title for your website. Titles are displayed in the tab bar at the top of your browser! -->
<title>Daily Wellness</title>
<!-- World Wide Web's most common character encoding. -->
<meta charset="UTF-8" />
<!-- Fonts -->
<!-- Visit Google Fonts: https://fonts.google.com/ -->
<!-- To get custom FREE fonts on your website! -->
<link href="https://fonts.googleapis.com/css2?family=Eczar:wght@400;700&family=Quicksand:wght@600&family=Varela+Round&display=swap" rel="stylesheet">
<!-- Bootstrap -->
<!-- Import precreated styles with Bootstrap! View documentation here: https://getbootstrap.com/docs/5.1/getting-started/introduction/ -->
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> -->
<!-- Style sheet -->
<!-- this link tag links your HTML file to a stylesheet (.css file) to make your site look pretty :) -->
<link rel="stylesheet" href="dwstyles.css">
</head>
<!-- Where to put all of your content -->
<body>
<!-- Section your application with the div tags -->
<!-- Don't forget: -->
<!-- > ID attributes have unique names and can only be used by ONE element. -->
<!-- > CLASS attributes can be used by MULTIPLE elements which allows them to be reused everywhere. -->
<div class="name">
<style>
h1 {
text-shadow: 2px 2px #E9D7C3;
margin-top: 30px;
margin-bottom: 20px;
}
</style>
<h1>Daily Wellness</h1>
</div>
<div class="row">
<div class="column">
<div class="card">
<!--<script>
var dtt = new Date();
document.getElementById('date-time').innerHTML=dtt;
</script>
<p><span id='date-time'></span>.</p>-->
<!-- This initiates the creation of a form -->
<form id="form" class="card__form">
<!-- This a label to appear with/next to/or above the input element -->
<label class="card__form__label" for="ffeeling">How are you feeling today?</label>
<!-- This is an element which takes input from a user. Ex) Clicking, typing, etc. -->
<!-- There are A LOT of input types, please checkout: https://www.javatpoint.com/html-form-input-types -->
<textarea id="feel" name="feel_box" rows="4" cols="50"></textarea>
<!-- This creates a button on the screen which can be interacted with the onClick Event Hander -->
<!-- A Event/Function can be created in you linked javascript file. -->
</form>
</div>
<div class="column">
<div class="card">
<!--<script>
var dt = new Date();
document.getElementById('date-time').innerHTML=dt;
</script>
<p><span id='date-time'></span>.</p>-->
<!-- This initiates the creation of a form -->
<form id="form" class="card__form">
<label class="card__form__label" for="frant">Tell me what's on your mind...</label>
<textarea id="think" name="think_box" rows="4" cols="50"></textarea>
<!-- This creates a button on the screen which can be interacted with the onClick Event Hander -->
<!-- A Event/Function can be created in you linked javascript file. -->
</form>
</div>
</div>
</div>
<!--
<div class="button">
<style>
.button {
display: flex;
justify-content: center;
margin-top: 50px;
margin-bottom: 0px;
padding: 20px;}
</style>
<button class="card__form__submit" onclick="location.href='https://www.affirmations.dev/'">SUBMIT</button>
</div>
-->
<div class="smile">
<a href="https://www.affirmations.dev/"><img src="images\smile-modified.png" alt="SUBMIT" style="width:80px;height:80px;"></a>
</div>
<!-- Similar to the link element, this script tag imports your javascript files to your HTML -->
<script src="src/dw.js">
</script>
</body>
</html>