Skip to content

Commit 5c186d6

Browse files
ColinCoderUmichColinCoderUmich
committed
updated with css template
1 parent 80b943b commit 5c186d6

2 files changed

Lines changed: 86 additions & 4 deletions

File tree

‎index.html‎

Lines changed: 39 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,45 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Colin Lam</title>
6+
<title>Website Template</title>
7+
<link rel="stylesheet" href="styles.css" />
78
</head>
89
<body>
9-
<h1>colin lam</h1>
10-
<p>This is Colin Lam's website.</p>
10+
<header>
11+
<h1>Colin Lam</h1>
12+
<!-- <p>Welcome to my website</p> -->
13+
</header>
14+
15+
<nav>
16+
<a href="#">About me</a>
17+
<a href="#">Projects</a>
18+
<a href="#">Resume</a>
19+
</nav>
20+
21+
<section class="hero">
22+
<!-- <h2>Welcome to the Template</h2>
23+
<p>This is a hero section you can customize.</p> -->
24+
</section>
25+
26+
<!-- <div class="container">
27+
<h2>Section Title</h2>
28+
<p>
29+
This is a basic container section for your content. You can duplicate
30+
this block for additional sections.
31+
</p>
32+
</div> -->
33+
34+
35+
36+
37+
38+
39+
40+
41+
42+
43+
<footer>
44+
<!-- <p>&copy; 2025 My Website. All rights reserved.</p> -->
45+
</footer>
1146
</body>
12-
</html>
47+
</html>

‎styles.css‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
body {
2+
margin: 0;
3+
font-family: Arial, sans-serif;
4+
background-color: #f5f5f5;
5+
color: #333;
6+
}
7+
header {
8+
background-color: #222;
9+
color: white;
10+
padding: 20px;
11+
text-align: center;
12+
}
13+
nav {
14+
background: #444;
15+
padding: 10px;
16+
display: flex;
17+
justify-content: center;
18+
gap: 20px;
19+
}
20+
nav a {
21+
color: white;
22+
text-decoration: none;
23+
font-weight: bold;
24+
}
25+
nav a:hover {
26+
color: #ffd700;
27+
}
28+
.hero {
29+
background: #ddd;
30+
padding: 60px 20px;
31+
text-align: center;
32+
}
33+
.container {
34+
max-width: 1000px;
35+
margin: 40px auto;
36+
background: white;
37+
padding: 20px;
38+
border-radius: 8px;
39+
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
40+
}
41+
footer {
42+
background: #222;
43+
color: white;
44+
text-align: center;
45+
padding: 20px;
46+
margin-top: 40px;
47+
}

0 commit comments

Comments
 (0)