└── HTML-CSS-Template.html
/HTML-CSS-Template.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | HTML CSS Template
8 |
9 |
10 |
11 |
20 |
21 | Welcome to my website!
22 | This is a basic HTML and CSS template.
23 |
24 |
27 |
28 |
29 |
30 | /* styles.css */
31 | body {
32 | font-family: Arial, sans-serif;
33 | margin: 0;
34 | padding: 0;
35 | }
36 |
37 | header {
38 | background-color: #f0f0f0;
39 | padding: 20px;
40 | text-align: center;
41 | }
42 |
43 | nav ul {
44 | list-style: none;
45 | margin: 0;
46 | padding: 0;
47 | display: flex;
48 | justify-content: space-between;
49 | }
50 |
51 | nav li {
52 | margin-right: 20px;
53 | }
54 |
55 | nav a {
56 | color: #337ab7;
57 | text-decoration: none;
58 | }
59 |
60 | main {
61 | display: flex;
62 | flex-direction: column;
63 | align-items: center;
64 | padding: 20px;
65 | }
66 |
67 | footer {
68 | background-color: #f0f0f0;
69 | padding: 10px;
70 | text-align: center;
71 | color: #666;
72 | }
73 |
--------------------------------------------------------------------------------