-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (129 loc) · 4.52 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="img/music-2.png" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<!-- bootstrap css -->
<link rel="stylesheet" href="./style.min.css" />
<!-- main css -->
<link rel="stylesheet" href="./style.css" />
<!-- google fonts -->
<link
href="https://fonts.googleapis.com/css?family=Courgette"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&display=swap"
rel="stylesheet"
/>
<title>Get Your Ticket App</title>
<style></style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-11 mx-auto text-center my-5">
<form class="my-5" id="tickets-form">
<h3 class="text-capitalize">get your metal ticket 🤘🏻</h3>
<div class="feedback text-center text-capitalize">
Searching For Tickets.....
</div>
<!-- single input -->
<div class="input-group my-3">
<div class="input-group-prepend">
<span class="input-group-text"
><i class="fas fa-user"></i
></span>
</div>
<input
type="text"
class="form-control text-capitalize name"
id="band-name"
placeholder="band name"
/>
</div>
<!-- end of single input -->
<!-- single input -->
<div class="input-group my-3">
<div class="input-group-prepend">
<span class="input-group-text"
><i class="fas fa-book"></i
></span>
</div>
<input
type="text"
class="form-control text-capitalize course"
placeholder="city"
id="city"
/>
</div>
<!-- end of single input -->
<!-- single input -->
<div class="input-group my-3">
<div class="input-group-prepend">
<span class="input-group-text"
><i class="fas fa-user-circle"></i
></span>
</div>
<input
type="text"
class="form-control text-capitalize author"
placeholder="price"
id="price"
/>
</div>
<!-- end of single input -->
<button
type="submit"
id="search-btn"
class="submitBtn btn btn-block mt-4"
>
Get
</button>
</form>
<div class="loading">
<div class="lds-ripple">
<div></div>
<div></div>
</div>
</div>
<div class="row tickets-list">
<!-- single customer -->
<div class="col-11 mx-auto col-md-6 col-lg-4 my-3">
<div class="card text-left">
<img src="./img/cust-0.jpg" class="card-img-top" alt="" />
<div class="card-body">
<!-- customer name -->
<h6 class="text-capitalize">
<span class="badge badge-warning mr-2">band name :</span
><span class="customer-name">Metallica</span>
</h6>
<!-- end of customer name -->
<!-- customer name -->
<h6 class="text-capitalize my-3">
<span class="badge badge-success mr-2">city :</span
><span class="customer-course">Moscow </span>
</h6>
<!-- end of customer name -->
<!-- customer name -->
<h6 class="text-capitalize">
<span class="badge badge-danger mr-2">price :</span
><span class="course-author">140$</span>
</h6>
<!-- end of customer name -->
</div>
</div>
<!-- single customer -->
</div>
</div>
</div>
</div>
<footer>Designed © 2022 By Mustafa Johnny</footer>
</div>
<script src="./script.js"></script>
</body>
</html>