├── profile.html
├── project1.html
├── project2.html
├── style.css
└── index.html
/profile.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/YuhannciaMaryS/Codsoft-Portfolio/HEAD/profile.html
--------------------------------------------------------------------------------
/project1.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/YuhannciaMaryS/Codsoft-Portfolio/HEAD/project1.html
--------------------------------------------------------------------------------
/project2.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/YuhannciaMaryS/Codsoft-Portfolio/HEAD/project2.html
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | /* Global Styles */
2 | body {
3 | font-family: Arial, sans-serif;
4 | margin: 0;
5 | padding: 0;
6 | background-color: #f0f0f0;
7 | color: #333;
8 | }
9 |
10 | header {
11 | background-color: #4CAF50;
12 | color: white;
13 | padding: 10px 0;
14 | text-align: center;
15 | }
16 |
17 | header h1 {
18 | margin: 0;
19 | }
20 |
21 | header p {
22 | margin: 5px 0;
23 | }
24 |
25 | header nav ul {
26 | list-style: none;
27 | padding: 0;
28 | }
29 |
30 | header nav ul li {
31 | display: inline;
32 | margin: 0 10px;
33 | }
34 |
35 | header nav ul li a {
36 | color: white;
37 | text-decoration: none;
38 | }
39 |
40 | section {
41 | padding: 20px;
42 | margin: 20px auto;
43 | width: 80%;
44 | background-color: white;
45 | border-radius: 5px;
46 | box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
47 | }
48 |
49 | section h2 {
50 | margin-top: 0;
51 | }
52 |
53 | #about img {
54 | width: 150px;
55 | height: 150px;
56 | border-radius: 50%;
57 | }
58 |
59 | #skills ul {
60 | list-style: none;
61 | padding: 0;
62 | }
63 |
64 | #skills ul li {
65 | background-color: #4CAF50;
66 | color: white;
67 | display: inline-block;
68 | margin: 5px;
69 | padding: 10px;
70 | border-radius: 5px;
71 | }
72 |
73 | .project {
74 | margin-bottom: 20px;
75 |
76 | }
77 |
78 | .project img {
79 | width: 100%;
80 | height: auto;
81 | border-radius: 50px;
82 | }
83 |
84 | footer {
85 | text-align: center;
86 | padding: 10px;
87 | background-color: #333;
88 | color: white;
89 | }
90 |
91 | @media (max-width: 600px) {
92 | section {
93 | width: 95%;
94 | }
95 | }
96 |
97 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | My Portfolio
7 |
25 | About Me
26 | Hello! I'm Yuhanncia Mary, a passionate web developer with experience in creating dynamic and responsive websites. I specialize in HTML, CSS, JavaScript, and have a keen eye for design.
28 |
29 |
30 |
31 | Skills
32 |
33 | HTML & CSS
34 | JavaScript
35 | React
36 | Node.js
37 | UI/UX Design
38 |
39 |
40 |
41 |
42 | Projects
43 |
44 |
1.Design and Engineer Identification Augmented Reality enabled Apllication for Civil Engineering
45 |
46 |
Description
47 |
Innovative application tailored for civil engineers and customers, aimed at streamlining the house design process and facilitating efficient engineer Selection
48 |
50 |
2.Responsive Food Restaurant Landing Page
51 |
52 |
Description
53 |
A food landing page aims to attract customers by showcasing delicious food offerings and providing essential information about the restaurant or food service.It is a User User-friendly and responsive place where people can find.
54 |
55 |
56 |
58 |
59 |
60 | Resume
61 | Download my resume here .
62 |
63 |
64 |
69 |
70 |
73 |
74 |
75 |
76 |
--------------------------------------------------------------------------------