Henry-Hiles/Messaging
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Initial commit

Browse source
This commit is contained in:
Henry Hiles 2022-01-24 13:35:57 -05:00
commit b9c9249bb1
3 changed files with 271 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

130
index.html Normal file
View file

@ -0,0 +1,130 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Messaging</title>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<nav><a href="#">home</a><a href="#">not home</a></nav>
<div id="messages">
<div class="message">
<div class="message-content">
<span class="message-text">Hi there!</span>
<p class="message-timestamp">10 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text">Hey!</span>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text"
>So how are you etc... etc...</span
>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text">Hey!</span>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text"
>So how are you etc... etc...</span
>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text">Hey!</span>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text"
>So how are you etc... etc...</span
>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text">Hey!</span>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text"
>So how are you etc... etc...</span
>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text">Hey!</span>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text"
>So how are you etc... etc...</span
>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text">Hey!</span>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text"
>So how are you etc... etc...</span
>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text">Hey!</span>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
<div class="message message-right">
<div class="message-content">
<span class="message-text"
>So how are you etc... etc...</span
>
<p class="message-timestamp">9 minutes ago</p>
</div>
</div>
</div>
<footer>
<textarea
id="message"
placeholder="Enter your message here"
cols="30"
rows="3"
></textarea>
<button>Send</button>
</footer>
</body>
</html>