-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
46 lines (45 loc) · 2.29 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
<!-- Local Library 💳 -->
<!-- Codédex -->
<!DOCTYPE html>
<html lang="en">
<head>
<link href="styles.css" rel="stylesheet" />
<title>Library</title>
</head>
<body>
<header>
</header>
<nav>
<h1>Welcome to the Library!</h1>
<a class="nav-item" href="#welcome">Home</a>
<a class="nav-item" href="#catalog-form">Search</a>
<a class="nav-item" href="#staff-picks">Staff Picks</a>
</nav>
<main>
<section id="welcome">
<p>
Guided by our dedication to literacy and learning and patron-focused services and programs, the Library is a fun space for using information and technology to build knowledge and foster community, social connection.
</p>
</section>
<section id="catalog">
<form id="catalog-form">
<input id="catalog-input" type="text" placeholder="Search the Catalog..."/>
<input id="form-btn" type="submit" value="Search" />
</form>
</section>
<section id="staff-picks">
<h2>Staff Picks</h2>
<div class="staff-pick-row">
<a><img class="staff-pick-img" src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1442129426i/231804.jpg" alt="The Outsiders by S.E. Hinton" /></a>
<a><img class="staff-pick-img" src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1457284880i/27220736.jpg" alt="Shoe Dog by Phil Knight"/></a>
<a><img class="staff-pick-img" src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1444887454i/26451798.jpg" alt="Make: Getting Started with p5.js by Lauren McCarthy, Casey Reas, & Ben Fry" /></a>
</div>
<div class="staff-pick-row">
<a><img class="staff-pick-img" src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1586529806i/43599070.jpg" alt="The Courage to be Happy by Ichiro Kishimi & Fumitake Koga" /></a>
<a><img class="staff-pick-img" src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1546071216i/5907.jpg" alt="The Hobbit by J.R.R. Tolkien" />
<img class="staff-pick-img" src="https://images-na.ssl-images-amazon.com/images/S/compressed.photo.goodreads.com/books/1386924362i/216088.jpg" alt="Ripley's Believe It or Not!"/></a>
</div>
</section>
</main>
</body>
</html>