-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (124 loc) · 4.45 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- -----navigation bar-------- -->
<nav class="nav">
<div class="logo">
<img id="logoimg" src="logo.jpg" alt="" />
<h3>WHere Is My HElper</h3>
</div>
<div class="navbar">
<li><a href="index.html">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#vehicle">VehicleRepair</a></li>
<li><a href="#HomeAppliance">HomeApplianceRepair</a></li>
<li><a href="#HouseRepair">HouseRepair</a></li>
<li><a href="#secure">Security</a></li>
<li><a href="#contact">Contact</a></li>
</div>
</nav>
<!-- ----slider-------- -->
<div class="slider">
<div class="first"></div>
</div>
<!-- ----main---------- -->
<div class="main">
<div class="about" id="about">
<br/>
<p>
<b>WHere Is My HElper</b> provide u a worker for your daily activities.
<br/>
We will repair your vehicle nomatter where u are at that time, we will give you nearby machanic as soon as possible.
</p>
</div>
<div class="info">
<div class="services">
<br/>
<div class="VehicleRepairing ser" id="vehicle">
<div class="card">
<div class="content">
<h1>Vehicle Repairing</h1>
<br/>
<p>
If u are traveling make and your vehicle got damage then use
this website to search nearby machanic
</p>
<button id="btn">Want It! Click It</button>
</div>
<div class="image">
<img id="inside" src="vehicle.avif" alt="">
</div>
</div>
</div>
<br/>
<div class="HomeApplianceRepair ser" id="HomeAppliance">
<div class="card">
<div class="content">
<h1>Home Appliance Repair</h1><br/>
<p>
Your home appliance got damage , and you dont have time to fix it ,
dont worry we are here to make sure that your appliance should work properly. <b>WHere Is My HElper</b> provide you <b>Technicians</b>,
<b>Electricians</b>, and many to make sure that your appliances will work better.
</p>
<button id="btn">Want It! Click It</button>
</div>
<div class="image">
<img id="inside" src="homerepair.webp" alt="">
</div>
</div>
</div>
<br/>
<div class="HouseRepair ser" id="HouseRepair">
<div class="card">
<div class="content">
<h1>House Repair</h1><br/>
<p>
If u are traveling make and your vehicle got damage then use
this website to search nearby machanic
</p>
<button id="btn">Want It! Click It</button>
</div>
<div class="image">
<img id="inside" src="houserepair.jpg" alt="">
</div>
</div>
</div>
<br/>
<div class="Security ser" id="secure">
<div class="card">
<div class="content">
<h1>Security</h1><br/>
<p>
If u are traveling make and your vehicle got damage then use
this website to search nearby machanic
</p>
<button id="btn">Want It! Click It</button>
</div>
<div class="image">
<img id="inside" src="security.webp" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ------------footer------------ -->
<div class="footer" id="contact">
<div class="makers">
<br/>
<h3>@Priya Singh</h3>
</div>
<br/>
<div class="contactdetail">
<p><b>Email : </b>[email protected]</p>
</div>
</div>
<script src="index.js"></script>
</body>
</html>