-
Notifications
You must be signed in to change notification settings - Fork 0
/
page8.html
87 lines (84 loc) · 2.84 KB
/
page8.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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
<link rel="icon" type="image/x-icon" href="https://assets.ltkcontent.com/images/7206/examples-of-culture_0066f46bde.jpg">
</head>
<style>
body{
background-image: url('https://images.pexels.com/photos/167699/pexels-photo-167699.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940');
}
</style>
<header>
<link rel="stylesheet" href="stylesheet">
<center>
<nav>
<a href="index.html">Home</a>
<a href="page2.html">Clothing</a>
<a href="page3.html">Food</a>
<a href="page4.html"> Language</a>
<a href="page5.html"> Pets</a>
<a href="page6.html"> Hunting </a>
<a href="page7.html"> Family</a>
<a href="page8.html"> Heritage</a>
<a href="page9.html"> Responsibility</a>
<a href="page10.html"> Hobbies</a>
<a href="FINALPAGE.html"> Final Page</a>
<a href="PiecesOfMeCultureProject.txt"> Notes </a>
<a href="https://github.com/Skelitin-JS/school-project"> Code Of Website</a>
<a href="toolsused.html"> Tools Used</a>
<a href="sourcescited.html"> Images</a>
</nav>
</center>
<style>
a:link, a:visited {
background-color: blueviolet;
color: white;
padding: 5px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: darkorchid;
}
</style>
</nav>
</nav>
<style>
h4{
color: darkorchid;
}
</style>
<title>Heritage </title>
<h1> Heritage </h1>
</header>
<body>
<h3>
<p>
Everyone has ancestors.
</p>
<p>
Ancestors are people in your heritage.
</p>
<p>
Learning about your heritage may help you learn about your roots.
</p>
<p>
Heritage is important, it shows what your family came from, and what they used to do.
</p>
<p>
Everyone has a heritage, but many don't know or understand theirs.
</p>
<p>
Personally, I don't know much about mine, but I think it is important to know.
</p>
</h3> </body>
<style>
h3{
text-align: center;
}
h1{
text-align: center;
}
</style>
</html>