JAYASWAROOP commited on
Commit
5179094
·
verified ·
1 Parent(s): 1fe40f9

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +23 -23
index.html CHANGED
@@ -96,32 +96,32 @@
96
 
97
 
98
  <section class="portfolio" id="portfolio">
99
- <div class="container">
100
- <h2>Portfolio</h2>
101
- <div class="row">
102
- <div class="col-md-6 portfolio-item">
103
- <div class="card h-100">
104
- <img src="images/project-1.jpg" class="card-img-top" alt="Project 1">
105
- <div class="card-body">
106
- <h5 class="card-title">E-commerce Website</h5>
107
- <p class="card-text">A user-friendly e-commerce website built with HTML, CSS, JavaScript, and Bootstrap.</p>
108
- <a href="#" class="btn btn-primary">View Details</a>
109
- </div>
110
- </div>
111
- </div>
112
- <div class="col-md-6 portfolio-item">
113
- <div class="card h-100">
114
- <img src="images/project-2.jpg" class="card-img-top" alt="Project 2">
115
- <div class="card-body">
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
- </section>
 
 
 
 
 
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>