Skip to content

Commit c23a3c9

Browse files
cfunkzcfunkz
authored
Update index.html
1 parent fe8ae85 commit c23a3c9

File tree

1 file changed

+91
-1
lines changed

1 file changed

+91
-1
lines changed

‎index.html

+91-1
Original file line numberDiff line numberDiff line change
@@ -72,9 +72,99 @@ <h5>Choose from many options</h5>
7272

7373
<!-- SERVICES -->
7474
<div id="services" class="section">
75-
<h2>Services</h2>
75+
<h2>Services</h2>
76+
<div class="container mt-4">
77+
<div class="row">
78+
79+
<!-- SERVICE 1 CARD -->
80+
<div class="col-md-6 col-lg-3 mb-4">
81+
<div class="card">
82+
<img src="img/service1.jpg" class="card-img-top" alt="Image">
83+
<div class="card-body">
84+
<h5 class="card-title">Choose from many options</h5>
85+
<p class="card-text">Amet tellus cras adipiscing enim eu turpis egestas pretium.</p>
86+
<ul class="list-unstyled">
87+
<li>Engine Size: 1.0L</li>
88+
<li>MPG/KPG: 35/45</li>
89+
<li>Miles Driven: 10,000</li>
90+
<li>Fuel Type: Petrol</li>
91+
<hr>
92+
<li>Renting Price: $30/day</li>
93+
</ul>
94+
<a href="#" class="btn btn-primary">Learn More</a>
95+
<a href="#" class="btn btn-success">Purchase</a>
96+
</div>
97+
</div>
98+
</div>
99+
100+
<!-- SERVICE 2 CARD -->
101+
<div class="col-md-6 col-lg-3 mb-4">
102+
<div class="card">
103+
<img src="img/service2.jpg" class="card-img-top" alt="Image">
104+
<div class="card-body">
105+
<h5 class="card-title">Choose from many options</h5>
106+
<p class="card-text">Amet tellus cras adipiscing enim eu turpis egestas pretium.</p>
107+
<ul class="list-unstyled">
108+
<li>Engine Size: 1.4L</li>
109+
<li>MPG/KPG: 30/40</li>
110+
<li>Miles Driven: 15,000</li>
111+
<li>Fuel Type: Petrol</li>
112+
<hr>
113+
<li>Renting Price: $50/day</li>
114+
</ul>
115+
<a href="#" class="btn btn-primary">Learn More</a>
116+
<a href="#" class="btn btn-success">Purchase</a>
117+
</div>
118+
</div>
119+
</div>
120+
121+
<!-- SERVICE 3 CARD -->
122+
<div class="col-md-6 col-lg-3 mb-4">
123+
<div class="card">
124+
<img src="img/service3.jpg" class="card-img-top" alt="Image">
125+
<div class="card-body">
126+
<h5 class="card-title">Choose from many options</h5>
127+
<p class="card-text">Amet tellus cras adipiscing enim eu turpis egestas pretium.</p>
128+
<ul class="list-unstyled">
129+
<li>Engine Size: 1.5L</li>
130+
<li>MPG/KPG: 30/38</li>
131+
<li>Miles Driven: 13,000</li>
132+
<li>Fuel Type: Petrol</li>
133+
<hr>
134+
<li>Renting Price: $55/day</li>
135+
</ul>
136+
<a href="#" class="btn btn-primary">Learn More</a>
137+
<a href="#" class="btn btn-success">Purchase</a>
138+
</div>
139+
</div>
140+
</div>
141+
142+
<!-- SERVICE 4 CARD -->
143+
<div class="col-md-6 col-lg-3 mb-4">
144+
<div class="card">
145+
<img src="img/service4.jpg" class="card-img-top" alt="Image">
146+
<div class="card-body">
147+
<h5 class="card-title">Choose from many options</h5>
148+
<p class="card-text">Amet tellus cras adipiscing enim eu turpis egestas pretium.</p>
149+
<ul class="list-unstyled">
150+
<li>Engine Size: 1.6L</li>
151+
<li>MPG/KPG: 29/35</li>
152+
<li>Miles Driven: 9,000</li>
153+
<li>Fuel Type: Petrol</li>
154+
<hr>
155+
<li>Renting Price: $60/day</li>
156+
</ul>
157+
<a href="#" class="btn btn-primary">Learn More</a>
158+
<a href="#" class="btn btn-success">Purchase</a>
159+
</div>
160+
</div>
161+
</div>
162+
163+
</div>
164+
</div>
76165
</div>
77166

167+
78168
<!-- QUOTES -->
79169
<div id="quote" class="section">
80170
<h2>Get A Quote</h2>

0 commit comments

Comments
 (0)