Skip to content

Commit 564e4f0

Browse files
abdurhamanmohammeda-a11yabdurhamanmohammeda-a11y
authored
Update index.html
Signed-off-by: abdurhamanmohammeda-a11y <abdurhamanmohammeda@gmail.com>
1 parent 2a81ad8 commit 564e4f0

1 file changed

Lines changed: 34 additions & 72 deletions

File tree

‎index.html‎

Lines changed: 34 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11

2+
23
<!DOCTYPE html>
34
<html lang="en">
45
<head>
@@ -7,124 +8,85 @@
78
<title>Abdurhaman Mechatronics Solutions</title>
89
<style>
910
:root { --primary: #39FF14; --bg: #0d1117; --card-bg: #161b22; --text: #c9d1d9; }
10-
body { background-color: var(--bg); color: var(--text); font-family: 'Segoe UI', sans-serif; padding: 15px; line-height: 1.6; margin: 0; }
11+
body { background-color: var(--bg); color: var(--text); font-family: 'Segoe UI', sans-serif; padding: 15px; margin: 0; }
1112
.container { max-width: 800px; margin: auto; }
12-
.card { background-color: var(--card-bg); padding: 20px; border: 1px solid #30363d; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(0,0,0,0.5); }
13-
h1, h2, h3 { color: var(--primary); text-align: center; }
14-
img { width: 100%; max-width: 100%; border-radius: 12px; border: 2px solid var(--primary); margin-bottom: 20px; }
13+
.card { background-color: var(--card-bg); padding: 20px; border: 1px solid #30363d; border-radius: 12px; margin-bottom: 20px; }
14+
h1, h2 { color: var(--primary); text-align: center; }
1515

16+
/* Bakka suuraa kanaa sirriitti ilaali */
17+
.main-img { width: 100%; border-radius: 12px; border: 2px solid var(--primary); margin-bottom: 20px; display: block; }
1618

17-
/* Table Styling */
18-
table { width: 100%; border-collapse: collapse; margin-top: 15px; background: #0d1117; border-radius: 8px; overflow: hidden; }
19-
th, td { padding: 12px; text-align: left; border-bottom: 1px solid #30363d; font-size: 14px; }
20-
th { background-color: #21262d; color: var(--primary); }
19+
table { width: 100%; border-collapse: collapse; margin-top: 15px; background: #0d1117; }
20+
th, td { padding: 12px; text-align: left; border-bottom: 1px solid #30363d; }
21+
th { color: var(--primary); }
2122

22-
/* Form & Buttons */
23-
input, select, textarea { width: 100%; padding: 12px; margin: 10px 0; border-radius: 8px; border: 1px solid #30363d; background: #0d1117; color: white; box-sizing: border-box; }
24-
.btn { display: block; width: 100%; padding: 15px; border-radius: 8px; text-decoration: none; font-weight: bold; text-align: center; border: none; cursor: pointer; font-size: 16px; margin-top: 10px; transition: 0.3s; }
23+
.btn { display: block; width: 100%; padding: 15px; border-radius: 8px; text-decoration: none; font-weight: bold; text-align: center; margin-top: 10px; cursor: pointer; border: none; }
2524
.btn-wa { background-color: #25D366; color: white; }
2625
.btn-pdf { background-color: #4285F4; color: white; }
27-
.btn-wa:hover { background-color: #128C7E; transform: scale(1.02); }
2826

29-
.payment-info { border: 2px dashed var(--primary); padding: 15px; border-radius: 10px; background: #1c2128; margin-top: 10px; }
30-
.acc-no { font-size: 1.25em; font-weight: bold; color: white; letter-spacing: 1px; display: block; margin: 5px 0; }
31-
.bank-label { color: var(--primary); font-weight: bold; font-size: 0.9em; }
27+
.payment-box { border: 2px dashed var(--primary); padding: 15px; border-radius: 10px; text-align: center; }
28+
.acc { font-size: 1.3em; font-weight: bold; color: white; display: block; margin: 5px 0; }
3229
</style>
3330
</head>
3431
<body>
3532

3633
<div class="container">
3734
<header style="text-align: center; padding: 20px 0;">
3835
<h1>🛠 Abdurhaman Mechatronics</h1>
39-
<p>Instrumentation, Control & SBM Expert</p>
40-
<p style="background: var(--primary); color: black; display: inline-block; padding: 4px 12px; border-radius: 20px; font-weight: bold;">8+ YEARS EXPERIENCE</p>
36+
<p>Instrumentation & SBM Machine Expert</p>
4137
</header>
4238

43-
<img src="Maashinii.jpg" alt="SBM Machine Structure">
39+
<img src="Maashinii.jpg" alt="SBM Machine" class="main-img">
4440

4541
<div class="card">
46-
<h2>📊 Systems & Maintenance Details</h2>
42+
<h2>📊 Expertise & Spare Parts</h2>
4743
<table>
4844
<thead>
49-
<tr>
50-
<th>System Part</th>
51-
<th>Maintenance</th>
52-
<th>Expertise</th>
53-
</tr>
45+
<tr><th>Part</th><th>Maintenance</th><th>Level</th></tr>
5446
</thead>
5547
<tbody>
56-
<tr>
57-
<td>Main Motor (75kW)</td>
58-
<td>Star-Delta / Wiring</td>
59-
<td>Expert</td>
60-
</tr>
61-
<tr>
62-
<td>Instrumentation</td>
63-
<td>Sensors & PLC</td>
64-
<td>Advanced</td>
65-
</tr>
66-
<tr>
67-
<td>Hydraulic System</td>
68-
<td>Pressure Control</td>
69-
<td>Specialist</td>
70-
</tr>
48+
<tr><td>Main Motor</td><td>Star-Delta Wiring</td><td>Expert</td></tr>
49+
<tr><td>PLC/Sensors</td><td>Instrumentation</td><td>Advanced</td></tr>
7150
</tbody>
7251
</table>
7352
</div>
7453

7554
<div class="card">
76-
<h2>👨‍🔧 Expert Consultation Form</h2>
77-
<form id="expertForm" onsubmit="sendRequest(event)">
78-
<input type="text" id="name" placeholder="Maqaa Keessan" required>
79-
<select id="service">
80-
<option value="Instrumentation & Control">Instrumentation & Control</option>
81-
<option value="Electrical/Star-Delta">Electrical (Star-Delta)</option>
82-
<option value="Mechanical/SBM Crusher">Mechanical Maintenance</option>
83-
</select>
84-
<textarea id="msg" rows="4" placeholder="Rakkoo maashinii keessanii asitti ibsaa..." required></textarea>
85-
<button type="submit" class="btn btn-wa">💬 Gorsa Argachuuf WhatsApp Ergi</button>
86-
</form>
87-
</div>
88-
89-
<div class="card" style="border: 1px solid var(--primary);">
90-
<h2>💳 Kaffaltii / Payment</h2>
91-
<p>Tajaajila gorsa online kaffaltii raawwachuuf:</p>
92-
<div class="payment-info">
55+
<h2>💳 Payment / Kaffaltii</h2>
56+
<div class="payment-box">
9357
<p>Name: <strong>Abdurhaman Mohammed Ahamed</strong></p>
94-
<hr style="border: 0.5px solid #30363d;">
95-
<span class="bank-label">CBE (Commercial Bank of Ethiopia):</span>
96-
<span class="acc-no">1000347503707</span>
97-
<span class="bank-label">Telebirr:</span>
98-
<span class="acc-no">0988535068</span>
58+
<p>CBE: <span class="acc">1000347503707</span></p>
59+
<p>Telebirr: <span class="acc">0988535068</span></p>
9960
</div>
100-
<p style="font-size: 12px; text-align: center; color: #8b949e; margin-top: 10px;">*Erga kaffaltii raawwattanii Screenshot WhatsApp-iin naaf ergaa.</p>
10161
</div>
10262

10363
<div class="card">
104-
<button class="btn btn-pdf" onclick="getPDF()">📄 Download Technical Guide</button>
64+
<form onsubmit="sendRequest(event)">
65+
<input type="text" id="name" style="width:100%; padding:10px; margin:5px 0;" placeholder="Maqaa Keessan" required>
66+
<textarea id="msg" style="width:100%; padding:10px; margin:5px 0;" placeholder="Rakkoo Maashinii..."></textarea>
67+
<button type="submit" class="btn btn-wa">💬 WhatsApp Ergi</button>
68+
</form>
10569
</div>
10670

107-
<footer style="text-align: center; padding: 20px; font-size: 14px; color: #8b949e;">
108-
<p>&copy; 2026 Abdurhaman Mohammed | Dire Dawa, Ethiopia</p>
71+
<button class="btn btn-pdf" onclick="getPDF()">📄 Technical Guide Download</button>
72+
73+
<footer style="text-align: center; padding: 20px; font-size: 12px;">
74+
&copy; 2026 Abdurhaman Mohammed | Dire Dawa
10975
</footer>
11076
</div>
11177

11278
<script>
11379
function sendRequest(e) {
11480
e.preventDefault();
11581
let n = document.getElementById('name').value;
116-
let s = document.getElementById('service').value;
11782
let m = document.getElementById('msg').value;
118-
let text = `Hello Abdurhaman, I need Expert Advice.%0A*Name:* ${n}%0A*Service:* ${s}%0A*Issue:* ${m}`;
119-
window.open(`https://wa.me/251904267186?text=${text}`, '_blank');
83+
window.open(`https://wa.me/251904267186?text=Name: ${n}%0AIssue: ${m}`, '_blank');
12084
}
121-
12285
function getPDF() {
123-
let doc = "TECHNICAL GUIDE - ABDURHAMAN MECHATRONICS\n\n1. Check Motor Amps Monthly.\n2. Calibrate Sensors Weekly.\n3. Grease bearings every 8 hours.\n\nCBE: 1000347503707\nTelebirr: 0988535068";
124-
let blob = new Blob([doc], {type: "text/plain"});
86+
let blob = new Blob(["SBM Guide by Abdurhaman\nCBE: 1000347503707"], {type: "text/plain"});
12587
let a = document.createElement("a");
12688
a.href = URL.createObjectURL(blob);
127-
a.download = "Abdurhaman_SBM_Guide.txt";
89+
a.download = "Abdurhaman_Guide.txt";
12890
a.click();
12991
}
13092
</script>

0 commit comments

Comments
 (0)