-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfooter.php
140 lines (121 loc) · 5.39 KB
/
footer.php
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
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>footer</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!--external css file-->
<link href="style.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
crossorigin="anonymous"></script>
<!-- for icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.3/dist/jquery.validate.min.js"></script>
</head>
<body>
<!-- ------------------footer---------------------- -->
<div class="bloc1 my-5" style="width: 100%;">
<footer class="text-center text-lg-start text-white" style="background-color:black; position:relative">
<div class=" container-fluid p-4 pb-0">
<section class="">
<!--Grid row-->
<div class="row">
<!-- Grid column -->
<div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
<h6 class="text-uppercase mb-4 font-weight-bold">
<a class="navbar-brand fw-bold" href="hotel.html">Fu<span style="color: red;">S</span>ion</a>
</h6>
<p>
Here you can use rows and columns to organize your footer
content. Lorem ipsum dolor sit amet, consectetur adipisicing
elit.
</p>
</div>
<!-- Grid column -->
<hr class="w-100 clearfix d-md-none" />
<!-- Grid column -->
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mt-3">
<h6 class="text-uppercase mb-4 font-weight-bold">QUICK MENU</h6>
<p>
<a href="hotel.html" class="text-white">Home</a>
</p>
<p>
<a href="room.html" class="text-white">Rooms</a>
</p>
<p>
<a href="gallery.html" class="text-white">Gallary</a>
</p>
<p>
<a href="about.html" class="text-white">About</a>
</p>
<p>
<a href="contact.html" class="text-white">Contect</a>
</p>
</div>
<!-- Grid column -->
<hr class="w-100 clearfix d-md-none" />
<!-- Grid column -->
<hr class="w-100 clearfix d-md-none" />
<!-- Grid column -->
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mt-3">
<h6 class="text-uppercase mb-4 font-weight-bold">Contact</h6>
<p><i class="fas fa-home mr-3"></i> Rajkot,Gujarat,india </p>
<p><i class="fas fa-envelope mr-3"></i> jenilgajera@gmail.com</p>
<p><i class="fas fa-phone mr-3"></i> +91 8780689090</p>
<p><i class="fas fa-print mr-3"></i> +91 9429032526</p>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-3 col-lg-2 col-xl-2 mx-auto mt-3">
<h6 class="text-uppercase mb-4 font-weight-bold">Follow us</h6>
<!-- Facebook -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #3b5998" href="#!" role="button"><i
class="fab fa-facebook-f"></i></a>
<!-- Twitter -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #55acee" href="#!" role="button"><i
class="fab fa-twitter"></i></a>
<!-- Google -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #dd4b39"
href="https://www.google.com/search?q=nenis+rudani&rlz=1C1VDKB_enIN1074IN1074&oq=nenis+rudani&gs_lcrp=EgZjaHJvbWUyBggAEEUYOTIGCAEQRRg80gEINDA2N2owajeoAgCwAgA&sourceid=chrome&ie=UTF-8"
role="button"><i class="fab fa-google"></i></a>
<!-- Instagram -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #ac2bac"
href="https://www.instagram.com/nenisrudani/?igshid=ZGUzMzM3NWJiOQ%3D%3D" role="button"><i
class="fab fa-instagram"></i></a>
<!-- Linkedin -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #0082ca"
href="https://www.linkedin.com/in/nenis-rudani-878845272" role="button"><i
class="fab fa-linkedin-in"></i></a>
<!-- Github -->
<a class="btn btn-primary btn-floating m-1" style="background-color: #333333"
href="https://github.com/nenisrudani7" role="button"><i class="fab fa-github"></i></a>
</div>
</div>
</section>
</div>
<br>
<br>
<br>
<br>
<br>
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)">
© 2024 Copyright:
<a class="text-white" href="">BY JNJ Devlopers</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</div>
</body>
</html>