-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·55 lines (51 loc) · 1.9 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>React App Assets</title>
<link href="css/index.css" rel="stylesheet">
</head>
<body>
<div class="container">
<form class="search-form">
<input type="search" name="search" placeholder="Search" required/>
<button type="submit" class="search-button">
<svg fill="#fff" height="24" viewBox="0 0 23 23" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
</button>
</form>
<nav class="main-nav">
<ul>
<li><a href='#'>Cats</a></li>
<li><a href='#'>Dogs</a></li>
<li><a href='#'>Computers</a></li>
</ul>
</nav>
<div class="photo-container">
<h2>Results</h2>
<ul>
<li>
<img src="https://farm5.staticflickr.com/4334/37032996241_4c16a9b530.jpg" alt="" />
</li>
<li>
<img src="https://farm5.staticflickr.com/4342/36338751244_316b6ee54b.jpg" alt="" />
</li>
<li>
<img src="https://farm5.staticflickr.com/4343/37175099045_0d3a249629.jpg" alt="" />
</li>
<li>
<img src="https://farm5.staticflickr.com/4425/36337012384_ba3365621e.jpg" alt="" />
</li>
<!-- Not Found -->
<li class="not-found">
<h3>No Results Found</h3>
<p>You search did not return any results. Please try again.</p>
</li>
</ul>
</div>
</div>
</body>
</html>