Skip to content

Commit 33c7427

Browse files
blakebyerblakebyer
authored
Create projects.html
1 parent d4a2b4d commit 33c7427

File tree

1 file changed

+105
-0
lines changed

1 file changed

+105
-0
lines changed

‎docs/projects.html

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Blake Byer - Projects</title>
7+
<style>
8+
body {
9+
font-family: Arial, sans-serif;
10+
line-height: 1.6;
11+
margin: 0;
12+
padding: 0;
13+
background-color: #f0f0f0;
14+
}
15+
.container {
16+
max-width: 800px;
17+
margin: 20px auto;
18+
background-color: #fff;
19+
padding: 20px;
20+
box-shadow: 0 0 10px rgba(0,0,0,0.1);
21+
border-radius: 5px;
22+
}
23+
header {
24+
background-color: #333;
25+
color: #fff;
26+
padding: 10px 0;
27+
text-align: center;
28+
border-radius: 5px;
29+
}
30+
h1 {
31+
margin: 0;
32+
font-size: 2.5em;
33+
}
34+
nav {
35+
margin-top: 10px;
36+
}
37+
nav ul {
38+
list-style: none;
39+
padding: 0;
40+
display: flex;
41+
justify-content: center;
42+
}
43+
nav ul li {
44+
margin: 0 10px;
45+
}
46+
nav ul li a {
47+
text-decoration: none;
48+
color: #fff;
49+
background-color: #333;
50+
padding: 10px 20px;
51+
border-radius: 5px;
52+
transition: background-color 0.3s;
53+
}
54+
nav ul li a:hover {
55+
background-color: #555;
56+
}
57+
section {
58+
margin-top: 20px;
59+
}
60+
.post {
61+
margin-bottom: 20px;
62+
}
63+
.post h2 {
64+
margin: 0;
65+
font-size: 1.8em;
66+
}
67+
.post p {
68+
margin-bottom: 10px;
69+
}
70+
footer {
71+
text-align: center;
72+
padding: 10px 0;
73+
position: fixed;
74+
bottom: 0;
75+
left: 0;
76+
right: 0;
77+
background-color: #333;
78+
color: #fff;
79+
}
80+
</style>
81+
</head>
82+
<body>
83+
<div class="container">
84+
<header>
85+
<h1>Blake Byer</h1>
86+
<nav>
87+
<ul>
88+
<li><a href="index.html">Home</a></li>
89+
<li><a href="blog.html">Blog</a></li>
90+
<li><a href="projects.html">Projects</li>
91+
</ul>
92+
</nav>
93+
</header>
94+
<h1>Projects</h1>
95+
</section>
96+
<footer>
97+
&copy; Blake Byer <span id="currentYear"></span>
98+
</footer>
99+
</div>
100+
101+
<script>
102+
document.getElementById('currentYear').textContent = new Date().getFullYear();
103+
</script>
104+
</body>
105+
</html>

0 commit comments

Comments
 (0)