forked from makersacademy/frontend-api-challenge
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
27 lines (27 loc) · 1.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
<!DOCTYPE html>
<html>
<head>
<link href='quackboard.css' rel='stylesheet'>
<title>Quackie's DuckBoard</title>
</head>
<body>
<section>
<h1> <p align="center">Quackie's Duckboard</p>
<p align="center"><img src="https://slack-imgs.com/?c=1&o1=gu&url=https%3A%2F%2Femoji.slack-edge.com%2FT03ALA7H4%2Frubberducking%2F1e5dc51b1afe3651.png" alt="Picture of Quackie, the Makers Academy Duck" width="10%"/></p>
<h2> Welcome unknown Quacker!
<br>
<h3> Want to post a quack to the duckboard? First, tell us your duck name...<br>
<br>
<form action = /name method = post>
<label for="display_name">
<input type="text" name='display_name' placeholder="Enter your duck name">
</label>
<input type="submit" value="Submit">
</form>
<br>
<h3> Latest quacks:</h3>
<ul><span id="current-quacks"></span></ul>
</section>
<script src="src/quackBoard.js"></script>
<script src="interface.js"></script>
</body>