sample2/Index.html at master · RutujaBadbe/sample2 · 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
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>Template Page</title>
	<link rel="icon" type="image/png" href="E:\Academics\Images\VIT-Pune_logo.png">
	<script src="https://kit.fontawesome.com/d6c02b92d4.js" crossorigin="anonymous"></script>
</head>

<body>
	<main>
		<header>
			<strong><h1 style="color:blue;" align="center">Indian Navy</h1>
			<h3 align="center" style="color:Tomato;"><i>Join the navy, See the world</i></h3></strong>
			<nav>
				<li><a href="#life">Life in Indian Navy</a> &nbsp;</li>
				<li><a href="#sub">Submarine Section</a> &nbsp;</li>
				<li><a href="#women">Women in navy</a> &nbsp;</li>
			</nav>
		</header>
		<section>
			<i class="fas fa-anchor"><i>
			<figure>
				<img src="navy.jpg" alt="Indian Navy" width="500px">
				<figcaption>"The power of Indian Navy"</figcaption>
			</figure>
			<section id="life">
				<h2>Life in Indian Navy</h2>
				<img src="meninnavy.jpg" alt="Indian Navy life" width="500px">
				<figcaption>"Indian Navy drill"</figcaption>
			</section>
			<section id="sub">
				<h2>Submarines</h2>
				<img src="submarine.jpg" alt="Submarine Section" width="500px">
				<figcaption>"Submarine"</figcaption>
			</section>
			<section id="women">
				<h2>Women in Navy</h2>
				<img src="womeninnavy.jpg" alt="Women in Navy" width="50%">
				<figcaption>"Women in navy"</figcaption>
			</section>
		</section>
	</main>
	<footer>
		<small>&copy; Indian Navy</small>
	</footer>
</body>
</html>