└── HTML-CSS-Template.html /HTML-CSS-Template.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | HTML CSS Template 8 | 9 | 10 | 11 |
12 | 19 |
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 | --------------------------------------------------------------------------------