Skip to content

Commit 61576d0

Browse files
abdurhamanmohammeda-a11yabdurhamanmohammeda-a11y
authored
Update index.html
Signed-off-by: abdurhamanmohammeda-a11y <abdurhamanmohammeda@gmail.com>
1 parent a7f470e commit 61576d0

File tree

1 file changed

+49
-128
lines changed

1 file changed

+49
-128
lines changed

‎index.html‎

Lines changed: 49 additions & 128 deletions
Original file line numberDiff line numberDiff line change
@@ -1,50 +1,30 @@
11

2+
23
<!DOCTYPE html>
34
<html>
45
<head>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
57
<style>
68
body { background-color: #0d1117; color: #39FF14; font-family: sans-serif; padding: 20px; }
79
h1 { color: white; border-bottom: 2px solid #39FF14; }
8-
9-
/* Miidhagina Gabatee */
10-
table {
11-
width: 100%;
12-
border-collapse: collapse;
13-
margin-top: 20px;
14-
background-color: #161b22;
15-
}
16-
th, td {
17-
border: 1px solid #30363d;
18-
padding: 12px;
19-
text-align: left;
20-
}
10+
table { width: 100%; border-collapse: collapse; margin-top: 20px; background-color: #161b22; }
11+
th, td { border: 1px solid #30363d; padding: 12px; text-align: left; }
2112
th { background-color: #21262d; color: #39FF14; }
2213
tr:nth-child(even) { background-color: #0d1117; }
14+
img { max-width: 100%; height: auto; border-radius: 10px; }
2315
</style>
2416
</head>
2517
<body>
2618

27-
19+
<h1>Maashinii SBM - Inventarii</h1>
2820
<img src="https://www.sbmchina.com/d/files/home/mobile-crusher.jpg" width="250">
2921

30-
<hr> <h3>Mirkaneessa Nageenya Motorii</h3>
31-
<button onclick="checkMotor()" style="background-color: red; color: white; padding: 15px; border-radius: 10px; cursor: pointer; font-weight: bold;">
22+
<hr>
23+
<h3>Mirkaneessa Nageenya Motorii</h3>
24+
<button onclick="checkMotor()" style="background-color: red; color: white; padding: 15px; border-radius: 10px; cursor: pointer; font-weight: bold; border: none;">
3225
Check 75kW Safety
3326
</button>
3427

35-
<script>
36-
function checkMotor() {
37-
let size = prompt("Hamma Motorii (kW) galchi:");
38-
if (size >= 75) {
39-
alert("⚠️ AKEKKACHIISA: Motorri " + size + "kW sun wiring Star-Delta (6-wire) barbaada. Maaloo mirkaneessi!");
40-
} else {
41-
alert("✅ Motorri " + size + "kW sun rakkoo hin qabu. Hojii gaarii!");
42-
}
43-
}
44-
</script>
45-
46-
</body>
47-
<h1>Maashinii SBM - Inventarii</h1>
4828
<p>Odeeffannoo meeshaalee Station:</p>
4929

5030
<table>
@@ -70,108 +50,49 @@ <h1>Maashinii SBM - Inventarii</h1>
7050
</tr>
7151
</table>
7252

73-
<h3>Suuraa Maashinii:</h3>
74-
<img src="https://www.sbmchina.com/d/files/home/mobile-crusher.jpg" width="250" style="border-radius: 10px;">
75-
76-
</body>
77-
78-
<div style="background-color: #1a1a1a; color: #39FF14; padding: 25px; border: 2px solid #39FF14; border-radius: 20px; margin-top: 30px; font-family: sans-serif; text-align: center;">
79-
<h2 style="text-transform: uppercase; border-bottom: 2px solid #39FF14; padding-bottom: 10px;">👤 Odeeffannoo Teeknishianii</h2>
80-
81-
<p style="font-size: 18px; margin: 10px 0;">
82-
<strong>Maqaa Guutuu:</strong> Abdurhaman Mohammed Ahamed
83-
</p>
84-
85-
<p style="font-size: 18px; margin: 10px 0;">
86-
<strong>Idoo Hojii:</strong> Dire Dawa, Ethiopia 📍
87-
</p>
88-
89-
<div style="margin-top: 20px;">
90-
<a href="tel:+251904267186" style="background-color: #39FF14; color: black; padding: 15px 25px; text-decoration: none; border-radius: 50px; font-weight: bold; display: inline-block; font-size: 18px;">
91-
📞 Nuuf Bilbilaa: +251904267186
92-
</a>
53+
<div style="background-color: #1a1a1a; color: #39FF14; padding: 25px; border: 2px solid #39FF14; border-radius: 20px; margin-top: 30px; text-align: center;">
54+
<h2 style="text-transform: uppercase; border-bottom: 2px solid #39FF14; padding-bottom: 10px;">👤 Odeeffannoo Teeknishianii</h2>
55+
<p><strong>Maqaa Guutuu:</strong> Abdurhaman Mohammed Ahamed</p>
56+
<p><strong>Idoo Hojii:</strong> Dire Dawa, Ethiopia 📍</p>
57+
58+
<div style="margin-top: 20px;">
59+
<a href="tel:+251904267186" style="background-color: #39FF14; color: black; padding: 15px 25px; text-decoration: none; border-radius: 50px; font-weight: bold; display: block; margin-bottom: 10px;">
60+
📞 Nuuf Bilbilaa: +251904267186
61+
</a>
62+
<a href="https://wa.me/251904267186?text=Akkaam%20Abdurhaman" style="background-color: #25D366; color: white; padding: 15px 25px; text-decoration: none; border-radius: 50px; font-weight: bold; display: block; margin-bottom: 10px;">
63+
💬 WhatsApp natti ergi
64+
</a>
65+
<a href="https://www.google.com/maps?q=Dire+Dawa" style="background-color: #4285F4; color: white; padding: 15px 25px; text-decoration: none; border-radius: 50px; font-weight: bold; display: block;">
66+
📍 Iddoo Hojii (Maps)
67+
</a>
68+
</div>
9369
</div>
94-
95-
<div style="margin-top: 15px;">
96-
<a href="https://wa.me/251904267186?text=Akkaam%20Abdurhaman,%20suphaa%20maashinii%20barbaadeen%20ture."
97-
style="background-color: #25D366; color: white; padding: 12px 20px; text-decoration: none; border-radius: 50px; font-weight: bold; display: inline-block; width: 80%;">
98-
💬 WhatsApp natti ergi
99-
</a>
100-
</div>
10170

102-
<div style="margin-top: 15px;">
103-
<a href="https://www.google.com/maps/search/?api=1&query=Dire+Dawa,+Ethiopia"
104-
style="background-color: #4285F4; color: white; padding: 12px 20px; text-decoration: none; border-radius: 50px; font-weight: bold; display: inline-block; width: 80%;">
105-
📍 Iddoo Hojii (Maps)
106-
</a>
107-
</div>
71+
<div style="background-color: #1a1a1a; color: #39FF14; padding: 20px; border: 2px solid #39FF14; border-radius: 15px; margin-top: 30px;">
72+
<h2>🛒 Ajaja Meeshaa Crusher</h2>
73+
<label>Maqaa Teeknishianii:</label><br>
74+
<input type="text" placeholder="Maqaa kee..." style="width: 100%; padding: 10px; margin: 10px 0; background: #000; color: #39FF14; border: 1px solid #39FF14;"><br>
10875

109-
<p style="font-size: 14px; color: #888; margin-top: 15px;">
110-
*Suphaa Maashinii SBM, Jaw Crusher fi Cone Crusher (75kW).*
111-
</p>
112-
</div>
113-
<h3 style="margin-top: 30px;">Inventarii Meeshaalee SBM</h3>
114-
<table border="1" style="width:100%; border-collapse: collapse; text-align: left;">
115-
<tr style="background-color: #21262d; color: white;">
116-
<th>Maqaa Meeshaa</th>
117-
<th>Status</th>
118-
<th>Lakk.</th>
119-
</tr>
120-
<tr>
121-
<td>Electrical Motor</td>
122-
<td>Hojjechaa jira</td>
123-
<td>01</td>
124-
</tr>
125-
<tr>
126-
<td>Cone Crusher Liner</td>
127-
<td>Haaraa</td>
128-
<td>04</td>
129-
</tr>
130-
<tr>
131-
<td>Oil Pump</td>
132-
<td>Maintenance barbaada</td>
133-
<td>01</td>
134-
</tr>
135-
</table>
136-
<div style="background-color: #21262d; padding: 20px; border-radius: 10px; margin-top: 20px;">
137-
<h3 style="color: white;">Ajaja Meeshaa Galchi</h3>
138-
139-
<label>Maqaa Kee:</label><br>
140-
<input type="text" placeholder="Maqaa kee asitti barreessi..." style="width: 90%; padding: 10px; margin-bottom: 15px;"><br>
76+
<label>Gosa Maashinii:</label><br>
77+
<select style="width: 100%; padding: 10px; margin: 10px 0; background: #000; color: #39FF14; border: 1px solid #39FF14;">
78+
<option>Jaw Crusher (PE Series)</option>
79+
<option>Cone Crusher (HP Series - 75 kW)</option>
80+
</select><br>
14181

142-
<label>Meeshaa Barbaaddu Fili:</label><br>
143-
<select style="width: 95%; padding: 10px; margin-bottom: 15px;">
144-
<option>Motor (Star-Delta)</option>
145-
<option>Sensor</option>
146-
<option>Conveyor Belt</option>
147-
</select><br>
148-
149-
<button onclick="alert('Galatoomaa! Ajajni keessan nu gaheera.')"
150-
style="background-color: #39FF14; color: black; padding: 10px 20px; border: none; border-radius: 5px; font-weight: bold; cursor: pointer;">
151-
Ajaja Ergi
152-
</button>
153-
</div>
154-
<div style="background-color: #1a1a1a; color: #39FF14; padding: 20px; border: 2px solid #39FF14; border-radius: 15px;">
155-
<h2>🛒 Ajaja Meeshaa Crusher</h2>
156-
157-
<label>Maqaa Teeknishianii:</label><br>
158-
<input type="text" placeholder="Maqaa kee asitti barreessi..." style="width: 100%; padding: 8px; margin: 10px 0;"><br>
159-
160-
<label>Gosa Maashinii:</label><br>
161-
<select style="width: 100%; padding: 8px; margin: 10px 0;">
162-
<option>Jaw Crusher (PE Series)</option>
163-
<option>Cone Crusher (HP Series - 75 kW)</option>
164-
<option>Vibrating Screen</option>
165-
<option>Belt Conveyor</option>
166-
</select><br>
167-
168-
<label>Rakkoo Mudate (Fault):</label><br>
169-
<textarea placeholder="Wiring, Motor, ykn Mechanical..." style="width: 100%; height: 60px;"></textarea><br>
170-
171-
<button onclick="alert('Odeeffannoon Jaw/Cone Crusher galmaa\'eera!')"
172-
style="background-color: #39FF14; color: black; border: none; padding: 10px 20px; font-weight: bold; cursor: pointer; margin-top: 10px;">
173-
Gabaasa Ergi
174-
</button>
175-
</div>
82+
<button onclick="alert('Odeeffannoon galmaa\'eera!')" style="background-color: #39FF14; color: black; border: none; padding: 15px; font-weight: bold; cursor: pointer; width: 100%;">
83+
Gabaasa Ergi
84+
</button>
85+
</div>
17686

87+
<script>
88+
function checkMotor() {
89+
let size = prompt("Hamma Motorii (kW) galchi:");
90+
if (size >= 75) {
91+
alert("⚠️ AKEKKACHIISA: Motorri " + size + "kW sun wiring Star-Delta (6-wire) barbaada!");
92+
} else {
93+
alert("✅ Motorri " + size + "kW sun rakkoo hin qabu.");
94+
}
95+
}
96+
</script>
17797

98+
</body>

0 commit comments

Comments
 (0)