-
Notifications
You must be signed in to change notification settings - Fork 0
/
Main.html
62 lines (62 loc) · 2.8 KB
/
Main.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>DogPhotoApp</title>
</head>
<body>
<main>
<section>
<h1>DogPhotoApp</h1>
<h2>Dog Photos</h2>
<!--TODO: link to dog photos-->
<p>See more <a target="_blank" href="https://unsplash.com/s/photos/dogs">dog photos</a> in our gallery.</p>
<a href="https://unsplash.com/s/photos/dogs"><img src="pictures/dog.jpg" width="350px" height="300px" alt="An image of a black dog."></a>
</section>
<section>
<h2>Dog lists</h2>
<h3>Things dogs love:</h3>
<ul>
<li>Meat</li>
<li>Beef</li>
<li>Pork</li>
</ul>
<figure>
<img src="pictures/pork.jpg" width="300px" height="200px" alt="A slice of pork">
<figcaption>Dogs <em>love pork</em></figcaption>
</figure>
<h3>Top 3 things Dog hate</h3>
<ol>
<li>Loud noises</li>
<li>Tail pulling</li>
<li>Not being fed</li>
</ol>
<figure>
<img src="pictures/dogs.png" width="350px" height="280" alt="An image of three dogs.">
<figcaption>Dogs <strong>hate</strong> other dogs</figcaption>
</figure>
</section>
<section>
<h2>Dog Form</h2>
<form action="form/" name="dogsfolderurl">
<fieldset>
<legend>Is your dog an indoor or an outdoor dog?</legend>
<label><input checked value="indoor" name="indoor-outdoor" id="indoor" type="radio">Indoor</label>
<label><input value="outdoor" name="indoor-outdoor" id="outdoor" type="radio">Outdoor</label>
</fieldset>
<fieldset>
<legend>What is your dog's personality</legend>
<input checked value="loving" name="personality" id="loving" type="checkbox"> <label for="loving">Loving</label>
<input value="lazy" name="personality" id="lazy" type="checkbox"> <label for="lazy">Lazy</label>
<input value="energetic" name="personality" type="checkbox" id="energetic"> <label for="energetic">Energetic</label>
</fieldset>
<input type="text" placeholder="Dogs photo URL" required>
<button type="submit" Submit>
</form>
</section>
</main>
<footer>
<p>No Copryright inteded.</p>
</footer>
</body>
</html>