-
Notifications
You must be signed in to change notification settings - Fork 0
/
bars.html
185 lines (178 loc) · 6.86 KB
/
bars.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
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pinbols Bāriem un Pasākumu vietām</title>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<style>
body {
background-color: #000000;
color: #FFFFFF;
font-family: 'Press Start 2P', cursive;
margin: 0;
padding: 0;
text-align: center;
}
header {
background-color: #FF69B4;
padding: 10px 0;
}
nav a {
color: #FFFFFF;
margin: 0 15px;
text-decoration: none;
}
.main-title {
color: #FF00FF;
font-size: 2.5em;
margin: 20px 0;
}
.content {
text-align: left;
padding: 20px;
max-width: 800px;
margin: 0 auto;
}
.benefits {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.benefit {
background-color: #1E1E1E;
padding: 20px;
border-radius: 8px;
text-align: center;
width: 180px;
}
.benefit img {
width: 50px;
margin-bottom: 10px;
}
.gallery {
margin: 40px auto;
max-width: 800px;
}
.gallery h2 {
color: #FF69B4;
margin-bottom: 20px;
}
.gallery-images {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 10px;
}
.gallery-images img {
width: 100%;
height: auto;
border-radius: 8px;
}
.contact-form {
background-color: #1E1E1E;
padding: 20px;
border-radius: 8px;
margin-top: 40px;
text-align: left;
}
.contact-form label {
display: block;
color: #FF69B4;
margin-bottom: 5px;
}
.contact-form input, .contact-form textarea {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: none;
border-radius: 5px;
}
.submit-button {
background-color: #FF69B4;
color: #000000;
font-size: 1em;
font-weight: bold;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<header>
<nav>
<a href="/index.html">Sākums</a>
<a href="#store">Pirkt Pinball</a>
<a href="#arena">Pinball Arena</a>
<a href="/serviss.html">Serviss</a>
<a href="/pamati.html">Pinball Pamati</a>
<a href="#events">Pasākumi</a>
</nav>
</header>
<main>
<h1 class="main-title">Pinbols Bāriem un Pasākumu vietām</h1>
<section class="content">
<h2 style="color: #FFFFFF;">Kāpēc pievienot pinball savā Bārā?</h2>
<p>Kā vienīgais pinbola izplatītājs valstī mēs piedāvājam ekskluzīvu iespēju veicināt jūsu biznesu ar pavisam jaunu pieredzi! Mūsu 70/30 ienākumu sadalījums ļauj jums viegli pievienot jautrības un palielināt klientu iesaisti. Lūk, priekšrocības:</p>
<div class="benefits">
<div class="benefit">
<img src="https://img.icons8.com/ios-filled/50/FF69B4/money-bag.png" alt="Extra Revenue">
<h3>Papildu ieņēmumi</h3>
<p>Gūstiet papildu ienākumus bez sākotnējām izmaksām.</p>
</div>
<div class="benefit">
<img src="https://img.icons8.com/ios-filled/50/FF69B4/beer.png" alt="Customer Engagement">
<h3>Klientu piesaistīšana</h3>
<p>Pinbols izklaidē apmeklētājus, tādējādi veicinot ilgāku uzturēšanos.</p>
</div>
<div class="benefit">
<img src="https://img.icons8.com/ios-filled/50/FF69B4/clock.png" alt="Low Maintenance">
<h3>Viegla uzturēšana</h3>
<p>Mēs veicam visu mašīnu apkopi, lai jums tas nebūtu jādara.</p>
</div>
<div class="benefit">
<img src="https://img.icons8.com/ios-filled/50/FF69B4/gift.png" alt="Unique Experience">
<h3>Unikāla pieredze</h3>
<p>Piedāvājiet kaut ko unikālu, kas izceļ jūsu pasākuma vietu.</p>
</div>
<div class="benefit">
<img src="https://img.icons8.com/ios-filled/50/FF69B4/graph.png" alt="Increased Foot Traffic">
<h3>Lielāka apmeklētāju plūsma</h3>
<p>Piesaistiet jaunus klientus, kas interesējas par klasiskām arkādes izklaidēm.</p>
</div>
<div class="benefit">
<img src="https://img.icons8.com/ios-filled/50/FF69B4/multiple-devices.png" alt="Social Media Buzz">
<h3>Sociālo mediju uzmanība</h3>
<p>Pinbols ir iecienīts fotoattēlu koplietošanas veids sociālajos tīklos.</p>
</div>
</div>
</section>
<!-- Image Gallery Section -->
<section class="gallery">
<h2>Pinball in Action: Bars & Venues</h2>
<div class="gallery-images">
<img src="#" alt="https://images.unsplash.com/photo-1629522244807-aaf9b811339d?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D">
<img src="#" alt="Pinball machine in bar 2">
<img src="#" alt="Pinball machine in bar 3">
<img src="#" alt="Pinball machine in bar 4">
<img src="#" alt="Pinball machine in bar 5">
<img src="#" alt="Pinball machine in bar 6">
</div>
</section>
<section class="content contact-form">
<h2 style="color: #FF69B4;">Sazinieties ar mums, lai uzsāktu sadarbību.</h2>
<form action="mailto:[email protected]" method="post" enctype="text/plain">
<label for="name">Vārds</label>
<input type="text" id="name" name="name" required>
<label for="email">E-pasts</label>
<input type="email" id="email" name="email" required>
<label for="message">Teksts</label>
<textarea id="message" name="message" rows="4" required></textarea>
<button type="submit" class="submit-button">Nosūtīt</button>
</form>
</section>
</main>
</body>
</html>