-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
217 lines (212 loc) · 13.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
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Inca Städ</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="description" content="Inca Städ erbjuder hushållsnära tjänster i Stockholm samt i innerstan." />
<meta name="keywords" content="städ,städning,butiksstadning,fönsterputs,flyttstäd,Stockholm,Båstad,städfirma">
<meta name="robots" content="index, follow" />
<link href='https://fonts.googleapis.com/css?family=Viga' rel='stylesheet' type='text/css'> <!--se usa en los precios-->
<link href="imagenes/icono.jpg" type="image/x-icon" rel="shortcut icon" />
<link rel="stylesheet" type="text/css" href="css/estilos.css" media="all">
<link rel="stylesheet" type="text/css" href="css/fonts.css" media="all">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div class="container_principal">
<header>
<div class="kontaktsup">
<div class="logo">
<a name="over"></a> <!--ancla-->
<a href="index.html">
<img src="imagenes/incastad.jpg" alt="Ina Städ - bästa städfirma i Stockholm">
</a>
</div>
<div class="kontakt">
<div id="ring_oss">
<a href="tel:+46738923004"><span class="icon-phone2"></span>073XXXXXXX</a>
</div>
<div id="maila_oss">
<a href="mailto:[email protected]" target="_blank"><span class="icon-mail"></span>[email protected]</a>
</div>
<div id="facebook">
<a href="https://www.facebook.com/profile.php?id=100004405279177" target="_blank"><span class="icon-facebook3"></span>Facebook</a>
</div>
<div id="twitter">
<a href="#"><span class="icon-twitter2"></span>Twitter</a>
</div>
</div>
</div>
<div class="main_bar">
<a href="#"class="bt-main"><span class="icon-list"></span>Main</a>
</div>
<nav>
<ul>
<li><a href="index.html"><span class="icon-house"></span>Hem</a></li>
<li><a href="javascript:cambiarcont('menus/omoss.html')"><span class="icon-vcard"></span>Om Oss</a></li>
<li class="sub_main">
<a href="#"><span class="icon-user3"></span>Privat<span class="caret icon-arrow-down6"></span></a>
<ul class="children">
<li><a href="javascript:cambiarcont('menus/hemstadning.html')">Hemstädning <span class="icon-house"></span></a></li>
<li><a href="javascript:cambiarcont('menus/storstadning.html')">Storstädning <span class="icon-office"></span></a></li>
<li><a href="javascript:cambiarcont('menus/flyttstadning.html')">Flyttstädning <span class="icon-truck"></span></a></li>
<!--<li><a href="#">Byggstädning <span class="icon-hammer"></span></a></li> para despues -->
<li><a href="javascript:cambiarcont('menus/visningsstadning.html')">Visningsstädning <span class="icon-quill"></span></a></li>
<li><a href="javascript:cambiarcont('menus/fonsterputsning.html')">Fönsterputsning <span class="icon-paint-format"></span></a></li>
</ul>
</li>
<li class="sub_main">
<a href="#"><span class="icon-suitcase"></span>Företag<span class="caret icon-arrow-down6"></span></a>
<ul class="children">
<li><a href="javascript:cambiarcont('menus/kontorsstadning.html')">Kontorsstädning <span class="icon-printer"></span></a></li>
<!--<li><a href="#">Butiksstädning <span class="icon-gift"></span></a></li></li>-->
<li><a href="javascript:cambiarcont('menus/trappstadning.html')">Trappstädning <span class="icon-insert-template"></span></a></li>
<li><a href="javascript:cambiarcont('menus/flyttstadningforetag.html')">Flyttstädning <span class="icon-truck"></span></a></li>
<li><a href="javascript:cambiarcont('menus/fonsterputsningforetag.html')">Fönsterputsning <span class="icon-paint-format"></span></a></li>
</ul>
</li>
<li><a href="javascript:cambiarcont('menus/priser.html')"><span class="icon-cart"></span>Priser</a></li>
<li><a href="javascript:cambiarcont('menus/kontaktaoss.html')"><span class="icon-pencil"></span>Kontakta Oss</a></li>
</ul>
</nav>
</header>
<section class="contenido">
<section class="slides_main">
<article class="slides">
<div>
<h1>Slipp jobbiga sysslor.<br />Låt oss städa ditt hem.</h1>
<img src="imagenes/slide1.jpg" alt="Slipp jobbiga sysslor. Låt oss städa ditt hem.">
</div>
<div>
<h1>Anpassad tjänsten.<br />Alltid Samma medarbetare <br />hos dig varje gång.</h1>
<img src="imagenes/slide2.jpg" alt="Anpassad tjänsten. Alltid Samma medarbetare hos dig varje gång.">
</div>
<div>
<h1>Vi är flexibla och öppna <br />för dina önskemål.</h1>
<img src="imagenes/slide3.jpg" alt="Vi är flexibla och öppna för dina önskemål.">
</div>
</article>
</section>
<section class="section">
<h1 class="section_title">Välkommen att bli kund hos Inca Städ</h1>
<article class="columns">
<h2><strong>Lång erfarenhet</strong></h2>
<p>Inca Städ erbjuder hushållsnära tjänster i Stockholm samt i innerstan.
Vi har samlat kunskap och erfarenhet med hjälp av nyckelpersoner i branschen med mångårig erfarenhet under ett och samma tak. Inca Städ är ett tryggt och säkert val för dig som vill ha hjälp med städning och andra hushållsnära tjänster.
Vi arbetar med egenkontroller och utför kvalitetskontroller löpande. Du har alltid direkt kontakt med en arbetsledare utan ”mellanhänder” och vet alltid var du ska vända dig med frågor eller synpunkter. Inca Städ arbetar ständigt med att utveckla och utbilda vår personal och hålla oss uppdaterade på miljöutveckling och branschnyheter.</p>
</article>
<article class="columns">
<h2><strong>Stor kapacitet</strong></h2>
<p>Som städföretag är Inca Städ flexibel och kompetent. Vi är till storlek en ganska liten städfirma, men sett
till kompetens i samma liga, om inte högre, som storföretagen. Denna kombination ger dig som kund hos oss bara fördelar. Vi utformar våra städtjänster i samråd med dig, på det vis du önskar och med din bekväma vardag i åtanke. Flexibiliteten hos oss på Inca Städ kan ett stort städföretag sällan matcha, samtidigt blir kontakten mellan dig och oss personlig och tillitsfull.</p>
</article>
<article class="columns">
<h2><strong>Fokus på nöjda kunder</strong></h2>
<p>Vårt motto är "Du bestämmer, vi gör jobbet", vilket innebär att du väljer exakt vilka tjänster du eller ditt
företag behöver så ser vi till att resultatet blir lika bra varje gång. Våra tjänster innefattar det mesta inom lokalvård och hushållsnära tjänster. Priserna är mycket konkurrenskraftiga.
Bland annat erbjuder vi flyttstädning med garanti. Det tar mycket tid att flytta och städning av den gamla bostaden är det sista du vill ägna dig åt. Anlita därför oss så tar vi hand om flyttstädningen åt dig. Vi kontakta då köparen som får godkänna och kvittera städningen. Vid problem kontaktar köparen oss istället för säljare eller mäklare!
Driver du ett företag i Stockholm och är i behov av regelbundet återkommande städning, som exempelvis kontorsstädning eller fönsterputsning, kommer vi ut och tittar på lokalerna för att bedöma tidsåtgång och återkommer sedan med en kostnadsfri offert.
Av oss får du alltid välja precis de tjänster du behöver och får alltid samma höga servicenivå, oavsett storleken på uppdraget eller om det handlar om återkommande städning. Du kan alltid känna dig säker på att vi alltid levererar ett bra resultat. Skulle du mot förmodan upptäcka brister i städningen åtgärdar vi det.</p>
</article>
</section>
<section class="kontaktaoss">
<h1>Vi ser fram emot att göra dig nöjd!</h1>
<article>
<form action="https://formsubmit.co/[email protected]" name="kontaktaoss" method="post">
<label for="namn">Namn</label>
<input type="text" name="namn" id="namn" placeholder="Namn" required>
<label for="email">E-mail</label>
<input type="email" name="email" id="email" placeholder="e-mail" required>
<label for="tjanster">Tjänster</label>
<select id="tjanster" name="tjanster" required>
<option value="" selected="selected">Välj</option>
<option value="hemstadning">Hemstädning</option>
<option value="storstadning">Storstädning</option>
<option value="flyttstadning">Flyttstädning</option>
<option value="byggstadning">Byggstädning</option>
<option value="visningsstadning">Visningsstädning</option>
<option value="fönsterputsning">Fönsterputsning</option>
<option value="kontorsstadning">Kontorsstädning</option>
<option value="butiksstadning">Butiksstädning</option>
<option value="trappstadning">Trappstädning</option>
<option value="fonsterputsning">Fönsterputsning</option>
</select>
<label for="bostadstyp">Bostadstyp</label>
<select id="bostadstyp" name="bostadstyp" required>
<option value="" selected="selected">Välj</option>
<option value="lagenhet">Lägenhet</option>
<option value="villaradhus">Villa/Radhus</option>
<option value="Kontor">Kontor</option>
<option value="annat">Annat</option>
</select>
<label for="telefon">Telefon</label>
<input type="tel" name="telefon" id="telefon" placeholder="Ange din nummer Telefon" required>
<label for="antalkvm">Antal kvm</label>
<input type="number" name="antalkvm" id="antalkvm" placeholder="Antal kvm" min="1" max="9999" required>
<label for="meddelande">Meddelande<span class="required">*</span></label>
<textarea id="meddelande" name="meddelande" placeholder="Ange din meddelande" required></textarea>
<input type="submit" id="skicka" value="Skicka" required>
<!-- <input type="submit" name="skicka" id="skicka" value="Skicka" required> -->
<!-- API PARA ENVIAR CORREOS-->
<input type="hidden" name="_next" value="https://incastad.ddns.net">
<input type="hidden" name="_captcha" value="false">
<!-- API PARA ENVIAR CORREOS-->
</form>
</article>
<article class="adress">
<h2>Kontakta oss</h2>
<p>Har du en fråga gällande företaget och våra tjänster eller vill du ha en offert? För att vi på ett snabbt och
enkelt sätt ska kunna ge dig hjälp kan du fylla i dina uppgifter nedan. Vi behandlar ditt mail och återkommer så fort vi kan med uppgifter.</p>
<p>
Adress : <span>xxxxxxxxxxxxxx</span><br>
Movil : <span>0123456789</span><br>
E-mail : <span>[email protected]</span><br>
</p>
</article>
<article class="mapa">
<!--solo quitar los cuatro nueves y saldra la direccion correcta -->
<iframe src="https://www.google.com/maps/embed?pb=!99991m18!1m12!1m3!1d2043.0338408244218!2d17.6074638!3d59.19873210000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x465f12824bcf8ecb%3A0x8e34dfcb38d6dffa!2sKarlslundsgatan+30%2C+151+63+S%C3%B6dert%C3%A4lje%2C+Suecia!5e0!3m2!1ses!2sse!4v1428018198754" frameborder="0" style="border:0">
</iframe>
</article>
</section>
</section>
<footer>
<p>Städfirma/Städföretag för städning & städhjälp för hem & företag med högkvalité i Stockholm</p>
<p>2015 Inca Städ i Stockholm. Alla rättigheter reserverade</p>
</footer>
<script type="text/javascript" src="https://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="js/jquery.slides.js"></script>
<script>
$(function(){
$(".slides").slidesjs({
play: {
active: true,
// [boolean] Generate the play and stop buttons.
// You cannot use your own buttons. Sorry.
effect: "slide",
// [string] Can be either "slide" or "fade".
interval: 3000,
// [number] Time spent on each slide in milliseconds.
auto: true,
// [boolean] Start playing the slideshow on load.
swap: true,
// [boolean] show/hide stop and play buttons
pauseOnHover: false,
// [boolean] pause a playing slideshow on hover
restartDelay: 2500
// [number] restart delay on inactive slideshow
}
});
});
</script>
</div>
<section class="over">
<a href="#over"> <span class="icon-airplanemode-on"></span></a>.
</section>
</body>
</html>