-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfeedback.html
140 lines (123 loc) · 7.42 KB
/
feedback.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
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>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<link rel="stylesheet" href="./style.css">
<title>Zodiac shop - Feedback Form </title>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand fw-bold fst-italic" href="#">ZODIAC</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active fw-bolder fst-italic" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link fw-bolder fst-italic" href="./about.html">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle fw-bolder fst-italic" href="#" id="navbarDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Category
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item fw-bolder fst-italic" href="./shoes.html">Shoes</a></li>
<li><a class="dropdown-item fw-bolder fst-italic" href="./watches.html">Watches</a></li>
<li><a class="dropdown-item fw-bolder fst-italic" href="./accweies.html">Accessories</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item fw-bolder fst-italic" href="./feedback.html">Feedback form </a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link fw-bolder fst-italic" href="./contact.html">Contact Us </a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2 fw-bolder fst-italic" type="search" placeholder="Search"
aria-label="Search">
<button class="btn btn-outline-primary fw-bolder fst-italic" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<section class="text-gray-600 body-font relative">
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-col text-center w-full mb-12">
<h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900"><i><b>Feedback Form </b></i>
</h1>
<p class="lg:w-2/3 mx-auto leading-relaxed text-base"><i><b>Whatever cardigan tote bag tumblr hexagon
brooklyn asymmetrical gentrify. Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Quos, nisi delectus sunt commodi reiciendis laboriosam hic nihil voluptatem maxime placeat
consequatur natus explicabo sint aliquam adipisci minus dolorem suscipit atque! Consequatur
dolor perspiciatis commodi ipsa dolorem rem sapiente vitae explicabo asperiores earum eum
quisquam ipsum vero dignissimos, quo totam placeat. Tell something about us! </b></i></p>
</div>
<div class="lg:w-1/2 md:w-2/3 mx-auto">
<div class="flex flex-wrap -m-2">
<div class="p-2 w-1/2">
<div class="relative">
<label for="name" class="leading-7 text-sm text-gray-600"><i><b>Name</b></i></label>
<input type="text" id="name" name="name"
class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-green-500 focus:bg-white focus:ring-2 focus:ring-green-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out">
</div>
</div>
<div class="p-2 w-1/2">
<div class="relative">
<label for="email" class="leading-7 text-sm text-gray-600"><i><b>Email</b></i></label>
<input type="email" id="email" name="email"
class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-green-500 focus:bg-white focus:ring-2 focus:ring-green-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out">
</div>
</div>
<div class="p-2 w-full">
<div class="relative">
<label for="message" class="leading-7 text-sm text-gray-600"><i><b>Message</b></i></label>
<textarea id="message" name="message"
class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-green-500 focus:bg-white focus:ring-2 focus:ring-green-200 h-32 text-base outline-none text-gray-700 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out"></textarea>
</div>
</div>
<div class="p-2 w-full">
<button
class="flex mx-auto text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded text-lg"><i><b>submit</b></i></button>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="icons">
<i class="fab fa-facebook fa-3x"></i>
<i class="fab fa-instagram fa-3x"></i>
<i class="fab fa-twitter fa-3x"></i>
</div>
<i>
<i>
<h2> ZODIAC © All Rights Reserved </h2>
<h2>" Ye Dil Maange More "</h2>
</i>
</footer>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
crossorigin="anonymous"></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js" integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.min.js" integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/" crossorigin="anonymous"></script>
-->
</body>
</html>