-
Notifications
You must be signed in to change notification settings - Fork 0
/
sendmessage.html
124 lines (106 loc) · 3.76 KB
/
sendmessage.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
<!DOCTYPE html>
<html lang="en">
<head>
<!--title is text-only and shown in browser title bar -->
<title>Send Mail</title>
<!-- Meta Tags: To ensure proper rendering and touch zooming, add the following meta tag inside the <head> element: -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS ="bootstrap-5.1.3-dist/css/bootstrap.min.css" -->
<link rel="stylesheet" href="bootstrap-5.1.3-dist/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="bootstrap-5.1.3-dist/js/bootstrap.min.js"></script>
</head>
<body>
<!-- container for the main body --> <!-- -->
<div class="container">
<div class="row profile" style="max-width: 200px">
<!-- Buffer Zone -->
<img src="Pics\woman.jpg" class="float-left" >
<p> Username </p>
<a href="#" class="btn">
Details
</a>
<a href="#" class="btn">
Logout
</a>
</div>
<!-- Button Row Main NavBar -->
<div class="row">
<div class="col-4 myplan">
<a href="#" class="btn">
My Plan
<img src="Pics/plan.png" alt="My Plan" class="img-fluid">
</a>
</div>
<div class="col-4 actionplan">
<a href="#" class="btn">
Action Plan
<img src="Pics/goal.png" alt="Action Plan" class="img-fluid">
</a>
</div>
<div class="col-4 mailnote">
<a href="index.html" class="btn">
Mail/Notes
<img src="Pics/mail.png" alt="Mail" class="img-fluid">
</a>
</div>
</div>
<div class="container box sendbody">
<!-- Button Row Mail&Notes -->
<div class="row">
<div class="col-sm inbox" aria-labelledby="inbox">
<a href="index.html" class="btn">
Inbox
<img src="Pics/inbox.png" alt="Inbox" class="img-fluid">
</a>
</div>
<div class="col-sm outbox" aria-labelledby="outbox">
<a href="outbox.html" class="btn">
Outbox
<img src="Pics/outbox.png" alt="Outbox" class="img-fluid">
</a>
</div>
<div class="col-sm send" aria-labelledby="send message">
<a href="sendmessage.html" class="btn">
Send Message
<img src="Pics/send.png" alt="Send message" class="img-fluid">
</a>
</div>
<div class="col-sm viewnote" aria-labelledby="view notes">
<a href="notes.html" class="btn">
View Notes
<img src="Pics/notes.png" alt="Notes" class="img-fluid">
</a>
</div>
</div>
<!-- start of Template -->
<form method="POST">
<div class="form-group">
<label for="EmailAddress">To:</label>
<input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="Enter email">
</div>
<div class="form-group">
<label for="CC">CC:</label>
<input type="text" class="form-control" id="cc" placeholder="CC">
</div>
<div class="form-group">
<label for="BCC">BCC:</label>
<input type="text" class="form-control" id="bcc" placeholder="BCC">
</div>
<div class="form-group">
<label for="Subject">Subject:</label>
<input type="text" class="form-control" id="subject" placeholder="Subject">
</div>
<div class="form-group">
<label for="Message">Message:</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="4"></textarea>
</div>
<br>
<button type="submit" class="btn btn-block sendbut">Send</button>
</form>
</div>
</div>
</body>
<footer>
</footer>
</html>