-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
68 lines (68 loc) · 1.97 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
<!DOCTYPE html>
<html>
<head>
<title>Car service</title>
<link rel="stylesheet" href="./css/styles.css">
</head>
<body>
<header>
<div class="logo">Car service</div>
<div class="discount-banner">
-10% discount
</div>
</header>
<div class="wrapper">
<div class="content">
<main>
<aside>
<div class="feedback side-block">
<div class="title">Last Feedback</div>
<div class="text">“ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam feugiat vitae sem non varius. ”
<div class="author"> – Dillan Sullivan</div></div>
</div>
<div class="contact-form side-block">
<div class="title">Need support?</div>
<form action="">
<input type="text" placeholder="Name">
<input type="text" placeholder="Phone">
<textarea placeholder="I have a problem..." id="" rows="6"></textarea>
<input type="submit" >
</form>
</div>
</aside>
<section>
<div class="title"> Gallery</div>
<map name="image1">
<area shape="rect" coords="140,0,317,196" href="page2.html" alt="">
</map>
<map name="image2">
<area shape="circle" coords="120,100,55" href="page3.html" alt="">
</map>
<div class="photos">
<img src="./images/image1.png" alt="" usemap="#image1">
<img src="./images/image2.png" alt="" usemap="#image2">
<img src="./images/image3.png" alt="">
<img src="./images/image4.png" alt="">
</div>
</section>
</main>
<footer>
<div class="title">Contacts</div>
<div class="info">
<span id="phone">+38 068 7777 777</span>
<span id="email">[email protected]</span>
</div>
</footer>
</div>
<nav>
<ul>
<li><a href="index.html" class="active">Home</a></li>
<li><a href="page1.html">Full diagnostic</a></li>
<li><a href="page2.html">Engine repairing</a></li>
<li><a href="page3.html">Tire service</a></li>
<li><a href="page4.html">News</a></li>
</ul>
</nav>
</div>
</body>
</html>