jdiggs9.github.io/index.html at main · jdiggs9/jdiggs9.github.io · 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
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Home Page</title>
		<style type="text/css">
			h1 {
				width: 100%;
				height: 60px;
				background-color: #322c35;
				display: flex;
				color: #f8edbe;
			}
			h2 {
				color: #f8edbe;
			}
			body {
				background-color: #3b383d;
				color: #f8edbe;
				margin: 0px;
				padding: 0px;
			}
			a {
				color: #62b8da;
			}
			p {
				text-align: center;
				color:#423f33;
			}
			.para {
				margin-top: 30px;
				margin-bottom: 50px;
				background-color: #f8f6ee;
				align-items: center;
				width: 70%;
				height: 300px;
				margin-left: 15%;
				margin-right: 15%;
			}
			footer {
				padding-top: 150px;
				padding-bottom: 10px;
			}
			.divider {
				border-top: 3px solid #938c6d;
				margin: 20px 0;
			}
		</style>
	</head>
	<body>
		<header>
			<h1>Josh Diggs's Homepage</h1>

			<div class="divider"></div>
		</header>
		<main>

			<div class="para">
				<p>Hello this is my UNCC homepage which hosts my array of assignment and projects</p>
			</div>
		</main>
		<footer>
			<h2>Navbar</h2>
			<div class="divider"></div>
			<script src="https://lint.page/kit/4d0fe3.js" crossorigin="anonymous"></script>
			<div>
				<a href = "itis3135/">Click to go to 3135 Page</a>
			</div>
			<div>
				<a href = "https://www.linkedin.com/in/josh-diggs-857170263/">Linkedin</a>
			</div>
		</footer>
	</body>
</html>