-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathserv_desc.html
More file actions
134 lines (120 loc) · 6.28 KB
/
serv_desc.html
File metadata and controls
134 lines (120 loc) · 6.28 KB
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
133
134
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css">
</head>
<body>
<section>
<input type="checkbox" id="check">
<!-- Header -->
<header>
</div>
<a href="index.html"><img src="imgs/logo.png"></a>
<div class="navigation">
<a href="index.html">Home</a>
<a href="about_us.html">About</a>
<a href="review.html">Reviews</a>
<a href="services.html">Services</a>
<a href="contact_us.html">Contact</a>
<!-- <a href="login.html">Login</a> -->
</div>
<div class="nav-buttons">
<button onclick="window.location.href='login.html';" type="button"class="login-signup-nav-btn">Login</button>
<button onclick="window.location.href='signup.html';" type="button"class="login-signup-nav-btn">Signup</button></div>
<label for="check">
<i class="fas fa-bars menu-btn"></i>
<i class="fas fa-times close-btn"></i>
</label>
</header>
<!-- Body -->
<div class="content">
<div class="provider-desc-cont">
<h1 class="providers-title-text">Complete Booking!</h1>
<div class="provider-desc">
<!-- <p class="provider-index-txt">#1</p> -->
<div class="provider-desc-c1">
<img src="imgs/harry_styles.jpg">
<h1>Harry Styles</h1>
</div>
<div class="provider-desc-c2">
<p style="margin: 10px;font-size: 20px; font-weight: 500;">About Me</p>
<p style="margin: 10px;color: rgb(27, 27, 27);">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae est natus reiciendis, voluptas itaque libero nisi enim magni provident repudiandae modi, minus in cum officia nihil, a quasi praesentium sapiente nobis veniam aspernatur. Minima repellat non, officiis repellendus quod reprehenderit mollitia dignissimos tenetur minus, libero distinctio tempore quaerat ex harum quibusdam. Ipsum dicta eum modi delectus repellendus atque, veritatis unde accusamus, perferendis voluptate ullam pariatur praesentium quod voluptatum at recusandae consectetur aliquid provident laboriosam quos distinctio? Maxime odit temporibus cum dolorum magni, dolor sunt? Maiores consequatur nisi dolor aliquam repellendus ipsum distinctio nobis molestiae eius quod. Iusto ab iure vitae fugit eos qui, fuga suscipit, inventore culpa illo corporis. Corporis dolorum amet architecto molestias culpa ex animi esse aliquam illo. Tempore unde dicta distinctio in, animi quos non excepturi illum autem, inventore itaque, et voluptatem consequatur veritatis veniam illo. Modi sequi quos fugiat fugit omnis aut esse magnam consequuntur labore explicabo deserunt assumenda corrupti ipsa, eveniet expedita hic sunt quasi repudiandae. Consequuntur quisquam quod, beatae expedita dolorum ad! Fuga sequi, dolore quaerat delectus esse pariatur, quisquam veniam iusto aut odio, sint libero dolores. Illo voluptate quos et odio veritatis culpa placeat cupiditate nemo doloremque nam saepe molestiae eius, illum est animi fugit porro fugiat consectetur dolor voluptas accusamus eveniet, cum error nesciunt? Est distinctio facilis ipsa veritatis maiores aspernatur corrupti. Quidem unde inventore odio, cumque laudantium dolore, obcaecati corporis, veritatis quo adipisci sunt sint nemo? Et eius laboriosam, dolore natus officia praesentium quisquam ea dolor! Numquam ratione sequi quisquam autem..</p>
</div>
<div class="provider-desc-c3">
<div style="flex: 1; margin: 10px;" class="des-stars"><span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
<span class="fa fa-star checked"></span>
</div>
<button onclick="window.location.href='https://paytm.me/H-v3PEE';" type="button" class="book-provider-btn">₹5000</button>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="footer">
<div class="footer-content">
<div class="footer-section about">
<h1 class="logo-text"><span>DE</span>MO</h1>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nulla in hic eaque vitae aliquid, repellendus,
culpa provident maiores delectus adipisci modi ipsum? Aspernatur doloremque autem distinctio provident odit
nesciunt maxime.
</p>
<div class="contact">
<span><i class="fas fa-phone"></i> 123-456-789</span>
<span><i class="fas fa-envelope"></i> support@demo.com</span>
</div>
<div class="socials">
<a href="#"><i class="fab fa-facebook"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-section links">
<h2>Quick Links</h2>
<br>
<ul>
<a href="#">
<li>Home</li>
</a>
<a href="#">
<li>About</li>
</a>
<a href="#">
<li>Services</li>
</a>
<a href="#">
<li>Reviews</li>
</a>
<a href="#">
<li>Contact</li>
</a>
</ul>
</div>
<div class="footer-section contact-form">
<h2>Contact us</h2>
<br>
<form action="index.html" method="post">
<input type="email" name="email" class="text-input contact-input" placeholder="Your email address...">
<textarea rows="4" name="message" class="text-input contact-input" placeholder="Your message..."></textarea>
<button type="submit" class="btn btn-big contact-btn">
<i class="fas fa-envelope"></i>
Send
</button>
</form>
</div>
</div>
<div class="footer-bottom">
© example.com | Made With 💖 For IWT Project
</div>
</div>
</section>
</body>
</html>