3
3
< head >
4
4
< meta charset ="UTF-8 ">
5
5
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
- < title > My Web Projects Portfolio </ title >
6
+ < title > Html, CSS and JS Mini Projects </ title >
7
7
< link rel ="stylesheet " href ="styles.css ">
8
8
</ head >
9
9
< body >
10
10
< header >
11
- < h1 > My Web Projects Portfolio </ h1 >
11
+ < h1 > Html, CSS and JS Mini Projects </ h1 >
12
12
< p > A showcase of my HTML, CSS, and JavaScript projects</ p >
13
13
</ header >
14
14
@@ -17,7 +17,7 @@ <h1>My Web Projects Portfolio</h1>
17
17
<!-- Project 1 -->
18
18
< div class ="project-card ">
19
19
< div class ="project-image ">
20
- < img src ="images/project1.jpg " alt ="Responsive Card Slider ">
20
+ < img src ="images/project1.png " alt ="Responsive Card Slider ">
21
21
</ div >
22
22
< div class ="project-content ">
23
23
< h3 > Responsive Card Slider</ h3 >
@@ -43,7 +43,7 @@ <h3>Responsive Card Slider</h3>
43
43
<!-- Project 2 -->
44
44
< div class ="project-card ">
45
45
< div class ="project-image ">
46
- < img src ="images/project2.jpg " alt ="Lux Web Template ">
46
+ < img src ="images/project2.png " alt ="Lux Web Template ">
47
47
</ div >
48
48
< div class ="project-content ">
49
49
< h3 > Lux Web Template</ h3 >
@@ -70,7 +70,7 @@ <h3>Lux Web Template</h3>
70
70
<!-- Project 3 -->
71
71
< div class ="project-card ">
72
72
< div class ="project-image ">
73
- < img src ="images/project3.jpg " alt ="Portfolio ">
73
+ < img src ="images/project3.png " alt ="Portfolio ">
74
74
</ div >
75
75
< div class ="project-content ">
76
76
< h3 > Portfolio</ h3 >
@@ -95,7 +95,7 @@ <h3>Portfolio</h3>
95
95
<!-- Project 4 -->
96
96
< div class ="project-card ">
97
97
< div class ="project-image ">
98
- < img src ="images/project4.jpg " alt ="Product Landing Page ">
98
+ < img src ="images/project4.png " alt ="Product Landing Page ">
99
99
</ div >
100
100
< div class ="project-content ">
101
101
< h3 > Product Landing Page</ h3 >
@@ -119,7 +119,7 @@ <h3>Product Landing Page</h3>
119
119
<!-- Project 5 -->
120
120
< div class ="project-card ">
121
121
< div class ="project-image ">
122
- < img src ="images/project5.jpg " alt ="Joulx Shoes Landing Page ">
122
+ < img src ="images/project5.png " alt ="Joulx Shoes Landing Page ">
123
123
</ div >
124
124
< div class ="project-content ">
125
125
< h3 > Joulx Shoes Landing Page</ h3 >
@@ -144,7 +144,7 @@ <h3>Joulx Shoes Landing Page</h3>
144
144
<!-- Project 6 -->
145
145
< div class ="project-card ">
146
146
< div class ="project-image ">
147
- < img src ="images/project6.jpg " alt ="Weather App ">
147
+ < img src ="images/project6.png " alt ="Weather App ">
148
148
</ div >
149
149
< div class ="project-content ">
150
150
< h3 > Weather App</ h3 >
0 commit comments