Spaces:
Running
Running
Update index.html
Browse files- index.html +23 -23
index.html
CHANGED
@@ -96,32 +96,32 @@
|
|
96 |
|
97 |
|
98 |
<section class="portfolio" id="portfolio">
|
99 |
-
|
100 |
-
|
101 |
-
|
102 |
-
|
103 |
-
|
104 |
-
|
105 |
-
|
106 |
-
|
107 |
-
|
108 |
-
|
109 |
-
|
110 |
-
|
111 |
-
|
112 |
-
<div class="
|
113 |
-
<
|
114 |
-
|
115 |
-
|
116 |
-
<h5 class="card-title">Personal Portfolio Website</h5>
|
117 |
-
<p class="card-text">A responsive personal portfolio website showcasing my skills and experience.</p>
|
118 |
-
<a href="#" class="btn btn-primary">View Details</a>
|
119 |
-
</div>
|
120 |
-
</div>
|
121 |
</div>
|
122 |
</div>
|
123 |
</div>
|
124 |
-
|
|
|
|
|
|
|
|
|
|
|
125 |
<section class="contact" id="contact">
|
126 |
<div class="container">
|
127 |
<h2>Contact Me</h2>
|
|
|
96 |
|
97 |
|
98 |
<section class="portfolio" id="portfolio">
|
99 |
+
<div class="container">
|
100 |
+
<h2>Portfolio</h2>
|
101 |
+
<div class="row g-4 portfolio-grid"> <div class="col-md-6 portfolio-item">
|
102 |
+
<div class="card h-100 shadow-sm overflow-hidden"> <img src="images/project-1.jpg" class="card-img-top" alt="Project 1">
|
103 |
+
<div class="card-body d-flex flex-column justify-content-between"> <h5 class="card-title">E-commerce Website</h5>
|
104 |
+
<p class="card-text">A user-friendly e-commerce website built with HTML, CSS, JavaScript, and Bootstrap.</p>
|
105 |
+
<a href="#" class="btn btn-primary mt-auto">View Details</a> </div>
|
106 |
+
</div>
|
107 |
+
</div>
|
108 |
+
|
109 |
+
<div class="col-md-6 portfolio-item">
|
110 |
+
<div class="card h-100 shadow-sm overflow-hidden">
|
111 |
+
<img src="images/project-2.jpg" class="card-img-top" alt="Project 2">
|
112 |
+
<div class="card-body d-flex flex-column justify-content-between">
|
113 |
+
<h5 class="card-title">Personal Portfolio Website</h5>
|
114 |
+
<p class="card-text">A responsive personal portfolio website showcasing my skills and experience.</p>
|
115 |
+
<a href="#" class="btn btn-primary mt-auto">View Details</a>
|
|
|
|
|
|
|
|
|
|
|
116 |
</div>
|
117 |
</div>
|
118 |
</div>
|
119 |
+
|
120 |
+
</div>
|
121 |
+
</div>
|
122 |
+
</section>
|
123 |
+
|
124 |
+
|
125 |
<section class="contact" id="contact">
|
126 |
<div class="container">
|
127 |
<h2>Contact Me</h2>
|