forked from devleague/gee-mail
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (65 loc) · 2.02 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Gee-Mail</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script src="js/mail-generator.js" type = "text/javascript"></script>
<link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css" rel="stylesheet" >
<link href="css/style.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="header">
<h1>Gee-Mail</h1>
<p>Email for the rest of us</p>
</div>
<div class="content">
<div class="col-md-2">
<div class="menu">
<div class="inbox">
Inbox
</div>
<div class="trash">
Trash
</div>
</div>
</div>
<div class="col-md-10">
<div class="messagesArea">
<div class="info">
<div class="description row">
<div class="col-md-2">
<p>DATE</p>
</div>
<div class='col-md-3'>
<p>SENDER</p>
</div>
<div class="col-md-3">
<p>SUBJECT</p>
</div>
</div>
</div>
<div class="allMessages">
<div class="message">
<div class="description row">
<div class="col-md-2">
<p class="date">Tue Sep 2 2014 4:53 PM</p>
</div>
<div class='col-md-3'>
<p class="sender">Bill Gates</p>
</div>
<div class="col-md-3">
<p class="subject">Hello!</p>
</div>
</div>
<div class="messageBody row">
<div class="col-md-1"> </div>
<div class="col-md-11">
<p class="messageContent">Hi Kevin!<br>How are you doing? It's been a while but just wanted to say hi and let you know what brilliant thing I'm working on now. I'm planning on just buying the planet with the ridiculous amount of money I have. I actually thought of you when planning this venture. Do you think you'd be interested in joining me?<br><br>Think about it!<br>-Billy</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>