www-library/services.html at main · notelyfe/www-library · GitHub

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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>

<head>

	<title>Services</title>
	<link rel="shortcut icon" type="images/jpg" href="./images/qa.jpg">
	<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>

<body>

	<header>
		<div id="branding">
			<h1><span class="highlight"><a href="index.html">Delhi</a></span> Public Liberary</h1>
			<a href="aboutUs.html" class="back">Previous Page</a>
		</div>

	</header>

	<section id="main">
		<div class="container">
			<h1>Newsletter</h1>
			<form>
				<input type="email" name="emial" placeholder="Enter your Email">
				<button class="button_1" type="submit">Subscribe</button>
			</form>
		</div>
	</section>

	<div class="container">
		<section id="serv">
			<h1>Services</h1>
			<ul>
				<li>
					<h2>Latest Books Available</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. </p>
				</li>
				<li>
					<h2>Liberary card</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. </p>
				</li>
				<li>
					<h2>Mentorship</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. </p>
				</li>
			</ul>
		</section>

		<aside id="feedback">
			<h1>Suggestion</h1>
			<form>
				<label>Name</label>
				<input type="text" name="Name" placeholder="Enter Name">
				<br>
				<label>E-mail</label>
				<input type="email" name="emial" placeholder="Enter Email">
				<br>
				<label>Message</label>
				<textarea placeholder="Message"></textarea>
				<br>
				<button type="submit">Send</button>
			</form>
		</aside>
	</div>

	<footer id="main-footer">
		<div class="container">
			<p>Delhi Public Liberary Copyright&copy, 2022</p>
		</div>
	</footer>

</body>

</html>