author.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="./author.css" />
		<title>Author Detail</title>
	</head>
	<body>
		<div class="box">
			<div class="imgBox">
				<img
					class="image"
					src="./suraj chaudhary.jpeg"
					alt="author's photo"
				/>
				<figcaption class="caption">
					<p>
						"Success is not final; failure is not fatal: It is the
						courage to continue that counts."
					</p>
				</figcaption>
			</div>

			<div class="content">
				<h2>About author:-</h2>
				<p>
					<strong><em>Name:-</em></strong>
					Suraj chaudhary
				</p>
				<p>
					<strong><em>Title:-</em></strong> Student
				</p>
				<p>
					<strong><em>College:-</em></strong> Galgotias University
				</p>
				<p>
					<strong><em>Desprcition:-</em></strong> I am a begineer
					hopefully one day i'll become a good developer
				</p>
				<p>
					<strong><em>Contact:</em></strong>
				</p>
				<botton class="button">
					<a id="subs" href="twitter">Twitter</a><br />
				</botton>
				<botton class="button">
					<a id="subs" href="facebook">Facebook</a><br />
				</botton>
				<botton class="button">
					<a id="subs" href="linkedin">Github</a><br />
				</botton>
			</div>
		</div>
	</body>
</html>