├── README.md
├── styles.css
├── about.html
├── contact.html
├── projects.html
└── index.html
/README.md:
--------------------------------------------------------------------------------
1 | # Personal-Portfolio
2 | A personal portfolio website to showcase your skills, projects, and resume.
3 |
4 |
5 | # Technologies
6 | HTML, CSS, JavaScript
7 |
8 |
9 |
--------------------------------------------------------------------------------
/styles.css:
--------------------------------------------------------------------------------
1 | body {
2 | font-family: Arial, sans-serif;
3 | margin: 0;
4 | padding: 0;
5 | }
6 |
7 | header {
8 | background-color: #333;
9 | color: white;
10 | padding: 10px 0;
11 | text-align: center;
12 | }
13 |
14 | nav ul {
15 | list-style: none;
16 | padding: 0;
17 | }
18 |
19 | nav ul li {
20 | display: inline;
21 | margin: 0 10px;
22 | }
23 |
24 | nav ul li a {
25 | color: white;
26 | text-decoration: none;
27 | }
28 |
29 | main {
30 | padding: 20px;
31 | }
32 |
33 | footer {
34 | background-color: #333;
35 | color: white;
36 | text-align: center;
37 | padding: 10px 0;
38 | position: fixed;
39 | width: 100%;
40 | bottom: 0;
41 | }
42 |
--------------------------------------------------------------------------------
/about.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | About Me
7 |
8 |
9 |
10 |
11 | About Me
12 |
20 |
21 |
22 | My Story
23 | This is the about me page.
24 |
25 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/contact.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Contact
7 |
8 |
9 |
10 |
11 | Contact Me
12 |
20 |
21 |
22 | Contact
23 | This is the contact page.
24 |
25 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/projects.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Projects
7 |
8 |
9 |
10 |
11 | My Projects
12 |
20 |
21 |
22 | Projects
23 | This is the projects page.
24 |
25 |
28 |
29 |
30 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Portfolio
7 |
8 |
9 |
10 |
11 | Welcome to My Portfolio
12 |
20 |
21 |
22 | About Me
23 | This is the homepage of my personal portfolio website.
24 |
25 |
28 |
29 |
30 |
--------------------------------------------------------------------------------