-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
191 lines (185 loc) · 10.4 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
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
186
187
188
189
190
191
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="naprawa, diagnostyka, serwis, bus, mobilny, pomoc, tir, pojazdy ciężarowe, naprawy stacjonarne">
<meta name="description" content="Diagnostyka komputerowa & serwis mobilny pojazdów ciężarowych.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Paweł Krakowiak">
<link rel="stylesheet" href="./css/style.css">
<script data-ad-client="ca-pub-7180374777392017" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script type="text/javascript" src="./js/lang.js"></script>
<!-- fav -->
<link rel="apple-touch-icon" sizes="57x57" href="./favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="./favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="./favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="./favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="./favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="./favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="./favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="./favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="./favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="./favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="./favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<title>FIX-BUS | Witaj</title>
<header>
<div class="container">
<div id="branding">
<h1><a href="index.html"> <img src="./img/fix_bus_logo.png"></a></h1>
</div>
<nav>
<ul>
<li class="current"><a href="index.html" id="strona_glowna">STRONA GŁÓWNA</a></li>
<li><a href="services-range-page.html" id="zakres_uslug">ZAKRES USŁUG</a></li>
<li><a href="contact-page.html" id="kontakt">KONTAKT</a></li>
<li><a href="services-stat-page.html" id="uslugi_stacjonarne">USŁUGI STACJONARNE</a></li>
<li><a href="gallery-page.html" id="galeria">GALERIA</a></li>
</ul>
</nav>
</div>
</header>
<div id="showcase">
<div class="container">
<h1><span class="highlight">FIX</span>-BUS</h1>
<p id="slogan">
„Profesjonalny Serwis Mobilny Samochodów Ciężarowych i Naczep.”
</p>
</div>
</div>
<section id="mail_contact">
<div class="container">
<h1><span class="highlight">FIX</span>-BUS > <hold id="mb_strona_glowna">Strona Główna</hold></h1>
<form>
<button class="button_1">FIX-BUS Lorem Ipsum<br>(Tel.) 000 000 000</button>
</form>
<form>
<div class="lang">
<button class="button_lang" onclick="window.location.href='#pl'; location.reload()"><img src="images/pl.png"></button>
<button class="button_lang" onclick="window.location.href='#eng'; location.reload()"><img src="images/eng.png"></button>
</div>
</form>
</div>
</section>
<section id="boxes">
<div class="container">
<div class="box">
<img src="./img/logo_1.png">
<h3 id="bb_why_us">Dlaczego my?</h3>
<p id="bb_why_us_d">Jesteśmy małą firmą specjalizującą się przede wszystkim w serwisie mobilnym. Nie mamy nad sobą przełożonych stawiających na zyski dzięki czemu nasze ceny są bardzo konkurencyjne - pracujemy sami, i dla siebie.</p>
</div>
<div class="box">
<img src="./img/logo_2.png">
<h3 id="bb_serv_range">Obszar działania!</h3>
<p id="bb_serv_range_d">Technicznie rzecz biorąc nie mamy ograniczeń. Serwis dojedzie wszędzie tam gdzie jest potrzebny. Niezależnie czy jest to wystrzał koła, poduchy, brak sprzęgłą czy każda inna awaria. Przyjedziemy i zrobimy co w naszej mocy aby kierowca mógł wyruszyć w dalszą drogę.</p>
</div>
<div class="box">
<img src="./img/logo_3.png">
<h3 id="bb_comp_diagnostic">Diagnotyka komputerowa!</h3>
<p id="bb_comp_diagnostic_d">Posiadamy licencjonowany program diagnostyczny „JALTEST” do wszystkich marek pojazdów.
Często zdarza się, że nasi klienci mają swoich mechaników, swoje warsztaty jednak nie posiadają komputera diagnostycznego. Przyjedziemy, zdiagnozujemy i zostawimy szczegółowy raport wraz z opisem.
</p>
</div>
</div>
</section>
<footer>
<p>FIX-BUS - Paweł Krakowiak | Copyright © 2020</p>
</footer>
<script>
// Translacje
var language = {
pl: {
// top bar
strona_glowna: "STRONA GŁÓWNA",
zakres_uslug: "ZAKRES USŁUG",
kontakt: "KONTAKT",
uslugi_stacjonarne: "USŁUGI STACJONARNE",
galeria: "GALERIA",
// slogan
slogan: "„Profesjonalny Serwis Mobilny Samochodów Ciężarowych i Naczep.”",
mb_strona_glowna: "Strona Główna",
// bottom box
bb_why_us: "Dlaczego my?",
bb_why_us_d: "Jesteśmy małą firmą specjalizującą się przede wszystkim w serwisie mobilnym. Nie mamy nad sobą przełożonych stawiających na zyski dzięki czemu nasze ceny są bardzo konkurencyjne - pracujemy sami, i dla siebie.",
bb_serv_range: "Obszar działania!",
bb_serv_range_d: "Technicznie rzecz biorąc nie mamy ograniczeń. Serwis dojedzie wszędzie tam gdzie jest potrzebny. Niezależnie czy jest to wystrzał koła, poduchy, brak sprzęgłą czy każda inna awaria. Przyjedziemy i zrobimy co w naszej mocy aby kierowca mógł wyruszyć w dalszą drogę.",
bb_comp_diagnostic: "Diagnostyka komputerowa!",
bb_comp_diagnostic_d: "Posiadamy licencjonowany program diagnostyczny „JALTEST” do wszystkich marek pojazdów. Często zdarza się, że nasi klienci mają swoich mechaników, swoje warsztaty jednak nie posiadają komputera diagnostycznego. Przyjedziemy, zdiagnozujemy i zostawimy szczegółowy raport wraz z opisem.",
},
eng: {
// top bar
strona_glowna: "MAIN PAGE",
zakres_uslug: "SERVICES RANGE",
kontakt: "CONTACT",
uslugi_stacjonarne: "STATIONARY SERVICES",
galeria: "GALLERY",
// slogan
slogan: "„The Professional Mobile Service for Trucks and Trailers.”",
mb_strona_glowna: "Main Page",
// bottom box
bb_why_us: "Why us?",
bb_why_us_d: "We're a small company specializing primarily in the mobile service. We don't have supervisors betting on profits so our prices are very competitive - we work alone and for ourselves.",
bb_serv_range: "Working area!",
bb_serv_range_d: "Technically, we have no limits. The service will go wherever it is needed. Whether it's a flat tire, airbags, no clutch or any other failure. We will come and do our best so that the driver can go further.",
bb_comp_diagnostic: "Computer diagnostics!",
bb_comp_diagnostic_d: "We have the licensed diagnostic program „JALTEST” for all vehicle brands. It often happens that our clients have their own mechanics, but their workshops do not have a diagnostic computer. We will come, diagnose and leave a detailed report with a description.",
}
};
// Definiowanie języka przez hash
if (window.location.hash) {
if (window.location.hash === "#eng") {
// top bar
strona_glowna.textContent = language.eng.strona_glowna;
zakres_uslug.textContent = language.eng.zakres_uslug;
kontakt.textContent = language.eng.kontakt;
uslugi_stacjonarne.textContent = language.eng.uslugi_stacjonarne;
galeria.textContent = language.eng.galeria;
// slogan
slogan.textContent = language.eng.slogan;
// mid bar
mb_strona_glowna.textContent = language.eng.mb_strona_glowna;
// bottom box
bb_why_us.textContent = language.eng.bb_why_us;
bb_why_us_d.textContent = language.eng.bb_why_us_d;
bb_serv_range.textContent = language.eng.bb_serv_range;
bb_serv_range_d.textContent = language.eng.bb_serv_range_d;
bb_comp_diagnostic.textContent = language.eng.bb_comp_diagnostic;
bb_comp_diagnostic_d.textContent = language.eng.bb_comp_diagnostic_d;
}
else if(window.location.hash === "#pl") {
// top bar
strona_glowna.textContent = language.pl.strona_glowna;
zakres_uslug.textContent = language.pl.zakres_uslug;
kontakt.textContent = language.pl.kontakt;
uslugi_stacjonarne.textContent = language.pl.uslugi_stacjonarne;
galeria.textContent = language.pl.galeria;
// slogan
slogan.textContent = language.pl.slogan;
// mid bar
mb_strona_glowna.textContent = language.pl.mb_strona_glowna;
// bottom box
bb_why_us.textContent = language.pl.bb_why_us;
bb_why_us_d.textContent = language.pl.bb_why_us_d;
bb_serv_range.textContent = language.pl.bb_serv_range;
bb_serv_range_d.textContent = language.pl.bb_serv_range_d;
bb_comp_diagnostic.textContent = language.pl.bb_comp_diagnostic;
bb_comp_diagnostic_d.textContent = language.pl.bb_comp_diagnostic_d;
}
}
// Ustawia domyślny hash językowy
document.addEventListener("DOMContentLoaded", function() {
if (window.location.hash!="#eng") {
window.location.hash="#pl"
}
});
</script>
</body>
</html>