Skip to content

Commit fd34eca

Browse files
dr5hndr5hn
committed
feat: enhance offerings section with new pricing and layout adjustments
1 parent 830c7d1 commit fd34eca

File tree

1 file changed

+45
-22
lines changed

1 file changed

+45
-22
lines changed

‎index.html‎

Lines changed: 45 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -98,36 +98,59 @@ <h2>About Us</h2>
9898
<div id="space" class="space">
9999
<div class="container">
100100
<div class="row gx-5">
101-
<div class="col-md">
102-
<h2> Space We Offer</h2>
103-
<img src="img/desk.jpg" alt="SkyWork Coworking Space">
101+
<div class="col-lg-4 col-md-12 mb-4">
102+
<h2>Space We Offer</h2>
103+
<img src="img/desk.jpg" alt="SkyWork Coworking Space" style="width: 100%; border-radius: 10px; margin-bottom: 20px;">
104+
<p style="font-size: 0.85em; color: #6c757d; margin-bottom: 10px;"><em>Pricing last updated: August 22, 2025</em></p>
104105
<h3>Contact Us Now</h3>
105-
<div class="space-button">
106+
<div class="space-button" style="margin-bottom: 30px;">
106107
<a href="#" id="phoneLink" onclick="decryptPhone(); return false;" class="button">Call Us Now</a>
107108
</div>
109+
<div class="content" style="margin-bottom: 25px; padding: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
110+
<img src="img/daily-pass.jpg" alt="Virtual Meeting Pass" style="width: 100%; border-radius: 8px;">
111+
<h5 style="margin-top: 15px;">💼 Virtual Meeting Pass</h5>
112+
<p style="font-weight: bold; color: #007bff; font-size: 1.1em; margin-bottom: 5px;">₹250 (1-3 hours)</p>
113+
<small>Perfect for occasional meetings or trying our space</small>
114+
</div>
108115
</div>
109-
<div class="col-md col-sm-6">
110-
<div class="content">
111-
<img src="img/daily-pass.jpg" alt="Daily Pass Workspace">
112-
<h5>Daily Pass</h5>
113-
<p>₹250/Day</p>
116+
<div class="col-lg-4 col-md-6">
117+
<div class="content" style="margin-bottom: 25px; padding: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
118+
<img src="img/daily-pass.jpg" alt="Daily Pass Workspace" style="width: 100%; border-radius: 8px;">
119+
<h5 style="margin-top: 15px;">💼 Daily Pass</h5>
120+
<p style="font-weight: bold; color: #007bff; font-size: 1.1em; margin-bottom: 5px;">₹400/day</p>
121+
<small>Perfect for occasional needs or trying our space</small>
114122
</div>
115-
<div class="content">
116-
<img src="img/monthly.jpg" alt="Monthly Membership">
117-
<h5>Monthly Membership</h5>
118-
<p><strike>₹5,000</strike> ₹4,500/Month</p>
123+
<div class="content" style="margin-bottom: 25px; padding: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
124+
<img src="img/single-chair.jpg" alt="Weekly Package" style="width: 100%; border-radius: 8px;">
125+
<h5 style="margin-top: 15px;">🗓️ Weekly Package</h5>
126+
<p style="font-weight: bold; color: #007bff; font-size: 1.1em; margin-bottom: 5px;">₹1,500/week</p>
127+
<small>Ideal for short projects (15% savings!)</small>
128+
</div>
129+
<div class="content" style="margin-bottom: 25px; padding: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
130+
<img src="img/single-chair.jpg" alt="15-Day Package" style="width: 100%; border-radius: 8px;">
131+
<h5 style="margin-top: 15px;">📆 15-Day Package</h5>
132+
<p style="font-weight: bold; color: #007bff; font-size: 1.1em; margin-bottom: 5px;">₹3,000</p>
133+
<small>For extended projects with maximum flexibility</small>
119134
</div>
120135
</div>
121-
<div class="col-md col-sm-6">
122-
<div class="content">
123-
<img src="img/single-chair.jpg" alt="15-Day Package">
124-
<h5>15-Day Package</h5>
125-
<p>₹3,000</p>
136+
<div class="col-lg-4 col-md-6">
137+
<div class="content" style="margin-bottom: 25px; padding: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
138+
<img src="img/monthly.jpg" alt="Monthly Membership" style="width: 100%; border-radius: 8px;">
139+
<h5 style="margin-top: 15px;">📅 Monthly Membership</h5>
140+
<p style="font-weight: bold; color: #007bff; font-size: 1.1em; margin-bottom: 5px;">₹5,000/month</p>
141+
<small>Complete access with best value</small>
142+
</div>
143+
<div class="content" style="margin-bottom: 25px; padding: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
144+
<img src="img/cabin.jpg" alt="Shared Cabin" style="width: 100%; border-radius: 8px;">
145+
<h5 style="margin-top: 15px;">🚪 Shared Cabin (1-seater)</h5>
146+
<p style="font-weight: bold; color: #007bff; font-size: 1.1em; margin-bottom: 5px;">₹6,000/month</p>
147+
<small>Shared space for individual with video calls</small>
126148
</div>
127-
<div class="content">
128-
<img src="img/cabin.jpg" alt="Private Cabin">
129-
<h5>Private Cabin (2-Seater)</h5>
130-
<p><strike>₹10,000</strike> ₹8,000/Month</p>
149+
<div class="content" style="margin-bottom: 25px; padding: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border: 2px solid #007bff;">
150+
<img src="img/cabin.jpg" alt="Private Cabin" style="width: 100%; border-radius: 8px;">
151+
<h5 style="margin-top: 15px;">🚪 Private Cabin (2-seater)</h5>
152+
<p style="font-weight: bold; color: #007bff; font-size: 1.2em; margin-bottom: 5px;">₹12,000/month</p>
153+
<small>Exclusive space for teams or privacy</small>
131154
</div>
132155
</div>
133156
</div>

0 commit comments

Comments
 (0)