-
Notifications
You must be signed in to change notification settings - Fork 0
/
page3.html
62 lines (62 loc) · 2.45 KB
/
page3.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
<!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">Tire service</div>
<div class="page-image">
<img src="./images/tire.jpg" alt="">
</div>
<div class="description">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Saepe, recusandae soluta ipsam, corporis pariatur repellat eligendi officiis deleniti maiores voluptatibus perferendis hic eius. Sit, iste, excepturi. Adipisci, voluptatem. Ab, aspernatur! Eius cupiditate nostrum voluptatum laborum repudiandae distinctio totam corrupti enim. Repellendus, suscipit voluptatem dicta minus! Architecto, tempora qui ducimus voluptatibus sequi maiores, voluptas autem consequatur aut hic dolor fugit ipsam cupiditate placeat! Officiis voluptate corrupti, necessitatibus harum! Autem blanditiis deserunt, optio incidunt porro recusandae dolore praesentium distinctio nulla! Saepe maxime nihil asperiores adipisci iusto quibusdam ullam optio fugiat. Harum quasi libero maiores, similique architecto numquam? Nihil vel autem similique, deleniti.
</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" >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" class="active">Tire service</a></li>
<li><a href="page4.html">News</a></li>
</ul>
</nav>
</div>
</body>
</html>