Skip to content

Commit 487e2b3

Browse files
CodeWithTanimCodeWithTanim
committed
Problem Fix
Order Page Problem Fixed
1 parent 3078170 commit 487e2b3

3 files changed

Lines changed: 55 additions & 39 deletions

File tree

‎order.html‎

Lines changed: 30 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,7 @@
3434

3535

3636
<!-- Link to the shared design system -->
37+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
3738
<link rel="stylesheet" href="style.css">
3839

3940
<style>
@@ -308,16 +309,21 @@ <h2>Start Your <span>Project</span></h2>
308309

309310
<div class="split-inputs">
310311
<div class="form-group">
311-
<label><i class="fab fa-whatsapp"></i> WhatsApp Number</label>
312-
<input type="text" name="whatsapp" placeholder="+1 (555) 000-0000" required>
312+
<label><i class="fas fa-envelope"></i> Email Address</label>
313+
<input type="email" name="email" placeholder="john@example.com" required>
313314
</div>
314315

315316
<div class="form-group">
316-
<label><i class="fab fa-telegram"></i> Telegram Username</label>
317-
<input type="text" name="telegram" placeholder="@username">
317+
<label><i class="fab fa-whatsapp"></i> WhatsApp Number</label>
318+
<input type="text" name="whatsapp" placeholder="+1 (555) 000-0000" required>
318319
</div>
319320
</div>
320321

322+
<div class="form-group">
323+
<label><i class="fab fa-telegram"></i> Telegram Username</label>
324+
<input type="text" name="telegram" placeholder="@username">
325+
</div>
326+
321327
<div class="form-group">
322328
<label><i class="fas fa-map-marker-alt"></i> Company Address (Optional)</label>
323329
<input type="text" name="address" placeholder="123 Business St, City, Country">
@@ -411,39 +417,39 @@ <h4>Connect With Us</h4>
411417
// Pricing Logic
412418
const packages = {
413419
"Landing Page": {
414-
"Basic": 99,
415-
"Standard": 169,
416-
"Premium": 249
420+
"Basic": 29,
421+
"Standard": 79,
422+
"Premium": 169
417423
},
418424
"Social Media Website": {
419-
"Community": 799,
420-
"Network": 1499,
421-
"Enterprise": 2999
425+
"Community": 150,
426+
"Network": 400,
427+
"Enterprise": 1000
422428
},
423429
"SaaS Platform": {
424-
"Startup": 2499,
425-
"Business": 4499,
426-
"Enterprise": 8499
430+
"Startup": 200,
431+
"Business": 600,
432+
"Enterprise": 1500
427433
},
428434
"E-Commerce Store": {
429-
"Basic Store": 1999,
430-
"Business Store": 3499,
431-
"Enterprise Store": 6499
435+
"Basic Store": 150,
436+
"Business Store": 369,
437+
"Enterprise Store": 999
432438
},
433439
"HYIP Investment Site": {
434-
"Basic HYIP": 2999,
435-
"Professional HYIP": 4999,
436-
"Enterprise": 7999
440+
"Basic HYIP": 299,
441+
"Professional HYIP": 499,
442+
"Enterprise": 1299
437443
},
438444
"Stock Image Store": {
439445
"Basic": 199,
440-
"Standard": 399,
441-
"Premium": 699
446+
"Standard": 599,
447+
"Premium": 1499
442448
},
443449
"Portfolio Website": {
444-
"Basic": 299,
445-
"Professional": 699,
446-
"Premium": 1199
450+
"Basic": 69,
451+
"Professional": 199,
452+
"Premium": 399
447453
},
448454
"App Development": {
449455
"Android Basic": 300,

‎services.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@ <h2>Choose Your Package</h2>
9595
<div class="card">
9696
<div class="service-icon">🪟</div>
9797
<h3>Landing Page</h3>
98-
<div class="price">$99</div>
98+
<div class="price">$29</div>
9999
<ul class="pricing-features"> <!-- Renamed class -->
100100
<li>Fully responsive</li>
101101
<li>Contact form</li>
@@ -108,7 +108,7 @@ <h3>Landing Page</h3>
108108
<div class="card">
109109
<div class="service-icon">👥</div>
110110
<h3>Social Media Website</h3>
111-
<div class="price">$499</div>
111+
<div class="price">$150</div>
112112
<ul class="pricing-features">
113113
<li>User profiles & auth</li>
114114
<li>Posting system</li>
@@ -121,7 +121,7 @@ <h3>Social Media Website</h3>
121121
<div class="card">
122122
<div class="service-icon">☁️</div>
123123
<h3>SaaS Platform</h3>
124-
<div class="price">$699</div>
124+
<div class="price">$200</div>
125125
<ul class="pricing-features">
126126
<li>Subscription system</li>
127127
<li>Billing dashboard</li>
@@ -134,7 +134,7 @@ <h3>SaaS Platform</h3>
134134
<div class="card">
135135
<div class="service-icon">🛒</div>
136136
<h3>E-Commerce Store</h3>
137-
<div class="price">$399</div>
137+
<div class="price">$150</div>
138138
<ul class="pricing-features">
139139
<li>Product catalog</li>
140140
<li>Cart + Checkout</li>
@@ -148,7 +148,7 @@ <h3>E-Commerce Store</h3>
148148
<div class="card">
149149
<div class="service-icon">📈</div>
150150
<h3>HYIP Investment</h3>
151-
<div class="price">$599</div>
151+
<div class="price">$299</div>
152152
<ul class="pricing-features">
153153
<li>Plans system</li>
154154
<li>User dashboards</li>
@@ -161,7 +161,7 @@ <h3>HYIP Investment</h3>
161161
<div class="card">
162162
<div class="service-icon">🖼️</div>
163163
<h3>Stock Image Store</h3>
164-
<div class="price">$699</div>
164+
<div class="price">$199</div>
165165
<ul class="pricing-features">
166166
<li>Digital items</li>
167167
<li>Search + Filters</li>
@@ -175,7 +175,7 @@ <h3>Stock Image Store</h3>
175175
<div class="card">
176176
<div class="service-icon">👤</div>
177177
<h3>Portfolio Website</h3>
178-
<div class="price">$299</div>
178+
<div class="price">$69</div>
179179
<ul class="pricing-features">
180180
<li>Premium UI</li>
181181
<li>Smooth animations</li>

‎style.css‎

Lines changed: 18 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -744,14 +744,20 @@ nav.shrink {
744744
display: flex;
745745
align-items: center;
746746
justify-content: center;
747-
color: #b0b0b0;
748-
font-size: 20px;
749747
text-decoration: none;
750748
transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
751749
position: relative;
752750
overflow: hidden;
753751
}
754752

753+
.footer-social-link i {
754+
position: relative;
755+
z-index: 2;
756+
color: #00eaff !important;
757+
font-size: 20px;
758+
transition: 0.3s transform ease, 0.3s color ease;
759+
}
760+
755761
.footer-social-link::before {
756762
content: '';
757763
position: absolute;
@@ -761,21 +767,25 @@ nav.shrink {
761767
height: 100%;
762768
background: linear-gradient(135deg, #00eaff 0%, #00a8ff 100%);
763769
opacity: 0;
764-
z-index: -1;
770+
z-index: 1;
765771
transition: 0.3s;
766772
}
767773

768-
.footer-social-link:hover {
769-
transform: translateY(-5px);
770-
color: #05070e;
771-
border-color: #00eaff;
772-
box-shadow: 0 5px 15px rgba(0, 238, 255, 0.3);
774+
.footer-social-link:hover i {
775+
color: #000 !important;
776+
transform: scale(1.1);
773777
}
774778

775779
.footer-social-link:hover::before {
776780
opacity: 1;
777781
}
778782

783+
.footer-social-link:hover {
784+
transform: translateY(-5px);
785+
border-color: #00eaff;
786+
box-shadow: 0 5px 15px rgba(0, 238, 255, 0.3);
787+
}
788+
779789
/* -------------------- RESPONSIVE -------------------- */
780790
@media screen and (max-width: 768px) {
781791
nav {

0 commit comments

Comments
 (0)