-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathcontact.html
117 lines (101 loc) · 4.43 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>contact us</title>
<link rel="stylesheet" href="contact.css"/>
<link rel="stylesheet" href="./sign_up.css"/>
<link rel="icon" href="./images/bhlogo.png"/>
</head>
<body>
<nav class="navbar">
<div style="display: flex;">
<img src="./images/bhlogo.png" height="82px" width="100px" style="border-radius:90%;"><br><br>
<b class="b" >BOOKHUB</b>
</div>
<ul class="nav-list">
<li class="li-item"><a class="a1"href="index.html">HOME</a></li>
<li class="li-item"><a class="a1"href="categories.html">CATEGORIES</a></li>
<li class="li-item"><a class="a1" href="books.html">BOOKS</a></li>
<li class="li-item"><a class="a1" href="contact.html">CONTACT US</a></li>
<li class="li-item"><a class="a1" href="About.html">ABOUT US</a></li>
<button class="bt"><a href="login.html" target="_blank">Log in</a></button>
<button class="bt"><a href="./sign up/sign_up.html" target="_blank">Sign up</a></button>
</ul>
</nav>
<div class="container">
<div class="main-card">
<div class="card">
<div class="card1">
<img src="./imgs/contact-us1.jpg" class="img">
</div>
<div class="card2">
<p class="txt">Contact Us</p>
<input type="text" placeholder=" Enter Your Name" class="btn"/>
<br/>
<input type="email" placeholder=" Enter a valid email Address" class="btn"/>
<br/>
<input type="text" placeholder=" Enter Your Message " class="btn"/>
<button class="submit">
Submit
</button>
</div>
</div>
<div class="bottom-card">
<div class="bt-card">
<p class="bt-txt">
<img src="./imgs/phone.png" class="image" />
CALL US
</p>
<p class="text">111-222-333</p>
</div>
<div class="bt-card">
<p class="bt-txt">
<img src="./imgs/img3.webp" class="image" />
LOCATION
</p>
<p class="text">24-17 LoVe-HeVen</p>
</div>
<img src="./imgs/working-time.png" class="last-img"/>
<div class="lbt-card">
<p class="last-txt">WORKING HOUR</p>
<p class="text">Mon-Fri...11 am-8 pm,<br/>
Sat-Sun...6 am-8 pm</p>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="f1">
<div class="row">
<div class="footer-col">
<h4>BOOKHUB</h4><br>
<p style="font-size: 20px; color: white;"> BookHub is the vision to provide an extensive library of books in digital format for free on the Internet.</p>
</div>
<div class="footer-col">
<h4> PAGES</h4><br>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div class="footer-col">
<h4> OUR COMPANY</h4><br>
<ul>
<li><a href="#">About us</a></li>
<li><a href="books.html">Books</a></li>
<li><a href="categories.html">Categories</a></li>
</ul>
</div>
<div class="footer-col">
<h4> FOLLOW US</h4><br>
<ul>
<img src="./images/insta.jpg" class="f-img"/>
<img src="./images/git.png" class="f-img"/>
<img src="./images/whatsapp.jpg" class="f-img"/>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>