https://oitbackagard.com/

1<!DOCTYPE html>
2<html class="boxed">
3<head>
4
5<!-- Basic -->
6<meta charset="utf-8">
7<meta http-equiv="X-UA-Compatible" content="IE=edge">
8<title>Oitbacka gård</title>
9<meta name="keywords" content="Oitbacka GÃ¥rd" />
10<meta name="description" content="Oitbacka Gård - Den privatägda släktgården i norra Kyrkslätt fick sitt nuvarande herrgårdsprägel i slutet av 1800-talet, då egendomen köptes av den ryska handelssläkten Kiseleff.">
11<meta name="author" content="hedberg.biz">
12
13<!-- Favicon -->
14<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
15<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
16
17<!-- Mobile Metas -->
18<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
19
20<!-- Web Fonts  -->
21<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css">
22
23<!-- Vendor CSS -->
24<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
25<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
26<link rel="stylesheet" href="vendor/animate/animate.min.css">
27
28<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.carousel.min.css">
29<link rel="stylesheet" href="vendor/owl.carousel/assets/owl.theme.default.min.css">
30<link rel="stylesheet" href="vendor/magnific-popup/magnific-popup.min.css">
31
32<!-- Theme CSS -->
33<link rel="stylesheet" href="css/theme.css">
34<link rel="stylesheet" href="css/theme-elements.css">
35
36
37<!-- Current Page CSS -->
38<link rel="stylesheet" href="vendor/rs-plugin/css/settings.css">
39<link rel="stylesheet" href="vendor/rs-plugin/css/layers.css">
40<link rel="stylesheet" href="vendor/rs-plugin/css/navigation.css">
41
42
43<!-- Demo CSS -->
44
45<!-- Skin CSS -->
46<link rel="stylesheet" href="css/skins/oitbacka.css">
47
48<!-- Theme Custom CSS -->
49<link rel="stylesheet" href="css/custom.css">
50
51<!-- Head Libs -->

52<script src="vendor/modernizr/modernizr.min.js"></script>

52
53</head>
54<body>
55<div class="body">
56  <header id="header" data-plugin-options="{'stickyEnabled': true, 'stickyEnableOnBoxed': true, 'stickyEnableOnMobile': true, 'stickyStartAt': 57, 'stickySetTop': '-55px', 'stickyChangeLogo': true}">
57    <div class="header-body">
58      <div class="header-container container">
59        <div class="header-row">
60          <div class="header-column">
61            <div class="header-row">
62              <div class="header-logo"> <a href="index.html"> <img alt="Oitbacka gård logo" width="347" height="100" data-sticky-width="191" data-sticky-height="55" data-sticky-top="45" src="images/Oitbacka_logo_vertical.png" class="img-fluid"> </a> </div>
63            </div>
64          </div>
65          <div class="header-column justify-content-end">
66            <div class="header-row pt-3">
67              <nav class="header-nav-top">
68                <ul class="nav nav-pills">
69                  <li class="nav-item dropdown"> <a class="nav-link" href="#" role="button" id="dropdownLanguage" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <img src="img/blank.gif" class="flag flag-se" alt="Svenska" /> Svenska <i class="fa fa-angle-down"></i> </a>
70                    <div class="dropdown-menu" aria-labelledby="dropdownLanguage"> <a class="dropdown-item" href="index-fi.html"><img src="img/blank.gif" class="flag flag-fi" alt="Suomeksi" /> Suomeksi</a>
71					  <a class="dropdown-item" href="index-en.html"><img src="img/blank.gif" class="flag flag-gb" alt="In English" /> English</a> </div>
72                  </li>
73                </ul>
74              </nav>
75            </div>
76            <div class="header-row">
77              <div class="header-nav">
78                <div class="header-nav-main header-nav-main-effect-1 header-nav-main-sub-effect-1">
79                  <nav class="collapse">
80                    <ul class="nav nav-pills" id="mainNav">
81                      <li class="dropdown"> <a class="dropdown-toggle" href="#">Intro</a>
82						<ul class="dropdown-menu">
83                          <li> <a class="dropdown-item" href="historia.html">Historia</a> </li>
84                        </ul>
85					  </li>
86                      <li class="dropdown"> <a class="dropdown-toggle" href="#">Bröllop och fest</a>
87						<ul class="dropdown-menu">
88                          <li> <a class="dropdown-item" href="fester.html">Festutrymmen</a> </li>
89                          <li> <a class="dropdown-item" href="brollop.html">Bröllop</a> </li>
90                          <li> <a class="dropdown-item" href="bastu.html">Bastu</a></li>
91						  <li> <a class="dropdown-item" href="orangeri.html">Orangeri</a></li>
92                        </ul>
93					  </li>
94                      <li class="dropdown"> <a class="dropdown-toggle" href="verksamhet.html">Övrig verksamhet</a>
95						<ul class="dropdown-menu">
96                          <li> <a class="dropdown-item" href="vagnsmuseum.html">Vagnsmuseum</a></li>
97                        </ul>
98					  </li>
99                      <li> <a class="nav-link" href="bildgalleri.html">Bildgalleri</a> </li>
100                      <li> <a class="nav-link" href="kontakt.html">Kontakt</a> </li>
101                    </ul>
102                  </nav>
103                </div>
104                <ul class="header-social-icons social-icons d-none d-sm-block">
105                  <li class="social-icons-facebook"><a href="https://www.facebook.com/oitbackagard/" target="_blank" title="Facebook - Oitbacka gård"><i class="fa fa-facebook"></i></a></li>
106                  <li class="social-icons-instagram"><a href="https://www.instagram.com/oitbackagard/" target="_blank" title="Instagram - Oitbacka gård"><i class="fa fa-instagram"></i></a></li>
107                </ul>
108                <button class="btn header-btn-collapse-nav" data-toggle="collapse" data-target=".header-nav-main nav"> <i class="fa fa-bars"></i> </button>
109              </div>
110            </div>
111          </div>
112        </div>
113      </div>
114    </div>
115  </header>
116  <div role="main" class="main">
117    <div class="slider-container light rev_slider_wrapper">
118      <div id="revolutionSlider" class="slider rev_slider" data-plugin-revolution-slider data-plugin-options='{"delay": 4000, "gridwidth": 1170, "gridheight": 500, "disableProgressBar": "on"}'>
119        <ul>
120          <li data-delay="3000"> <img src="img/oitbacka/slidebg-esittely-01.jpg"  
121									alt="Oitbacka gård bröllop"
122									data-bgposition="center center" 
123									data-bgfit="cover" 
124									data-bgrepeat="no-repeat" 
125									data-kenburns="on"
126									data-duration="1500"
127									data-ease="Linear.easeIn"
128									data-scalestart="120"
129									data-scaleend="100"
130									data-rotatestart="0"
131									data-rotateend="0"
132									data-offsetstart="0 0"
133									data-offsetend="0 0"
134									data-bgparallax="10"
135									class="rev-slidebg">
136		  </li>
137		  <li> <img src="img/oitbacka/slidebg-brollop.jpg"  
138									alt="Oitbacka gård"
139									data-bgposition="center center" 
140									data-bgfit="cover" 
141									data-bgrepeat="no-repeat" 
142									data-kenburns="on"
143									data-duration="1500"
144									data-ease="Linear.easeIn"
145									data-scalestart="120"
146									data-scaleend="100"
147									data-rotatestart="0"
148									data-rotateend="0"
149									data-offsetstart="0 0"
150									data-offsetend="0 0"
151									data-bgparallax="10"
152									class="rev-slidebg">
153		  </li>
154		  <li> <img src="img/oitbacka/slidebg-fester-03.jpg"  
155									alt="Oitbacka gård festutrymme"
156									data-bgposition="center center" 
157									data-bgfit="cover" 
158									data-bgrepeat="no-repeat" 
159									data-kenburns="on"
160									data-duration="1500"
161									data-ease="Linear.easeIn"
162									data-scalestart="120"
163									data-scaleend="100"
164									data-rotatestart="0"
165									data-rotateend="0"
166									data-offsetstart="0 0"
167									data-offsetend="0 0"
168									data-bgparallax="10"
169									class="rev-slidebg">
170		  </li>
171		  <li> <img src="img/oitbacka/slidebg-esittely-02.jpg"  
172									alt="Oitbacka gård"
173									data-bgposition="center center" 
174									data-bgfit="cover" 
175									data-bgrepeat="no-repeat" 
176									data-kenburns="on"
177									data-duration="1500"
178									data-ease="Linear.easeIn"
179									data-scalestart="120"
180									data-scaleend="100"
181									data-rotatestart="0"
182									data-rotateend="0"
183									data-offsetstart="0 0"
184									data-offsetend="0 0"
185									data-bgparallax="10"
186									class="rev-slidebg">
187		  </li>
188		  <li> <img src="img/oitbacka/slidebg-esittely-03.jpg"  
189									alt="Oitbacka gård"
190									data-bgposition="center center" 
191									data-bgfit="cover" 
192									data-bgrepeat="no-repeat" 
193									data-kenburns="on"
194									data-duration="1500"
195									data-ease="Linear.easeIn"
196									data-scalestart="120"
197									data-scaleend="100"
198									data-rotatestart="0"
199									data-rotateend="0"
200									data-offsetstart="0 0"
201									data-offsetend="0 0"
202									data-bgparallax="10"
203									class="rev-slidebg">
204		  </li>
205        </ul>
206      </div>
207    </div>
208    <div class="container mt-3">
209      <h2><strong>Oitbacka gård</strong></h2>
210		<p>Den privatägda släktgården i norra Kyrkslätt fick sitt nuvarande herrgårdsprägel i slutet av 1800-talet, då egendomen köptes av den r

210yska handelssläkten Kiseleff. Under konsul och kommerseråd Nikolai Kiseleffs tid uppfördes bl.a. det nya karaktärshuset år 1876, ett vitrappat åkstall enligt ritningar av Jarl Eklund år 1912, ladugård för 96 kor samt ett Orangeri med trädgårdsmästarbostad planerat av arkitekt Waldemar Aspelin.</p>
211		<p>I dessa, och många andra gamla ekonomiebyggnader, bedrivs idag hyresverksamhet för både privatpersoner och företag. Idag fungerar både det gamla stallet och orangeriet som festvåningar.</p>
212		<p>Förutom hyresverksamhet bedriver gården konventionellt jord- och skogsbruk.</p>
213		<p>I slutet av augusti 2015 öppnades ett vagnsmuseum med gårdens gamla vagnar, kärror och slädar.</p>
214    </div>
215    
216    <!--<div class="container">
217      <div class="row">
218        <div class="col">
219          <hr class="tall mt-4">
220        </div>
221      </div>
222      <div class="row">
223        <div class="col-lg-4">
224          <a class="img-thumbnail d-block lightbox" href="img/oitbacka/ob_vinter_d_600.jpg" data-plugin-options="{'type':'image'}">
225			<img class="img-fluid" src="img/oitbacka/ob_vinter_d_600.jpg" alt="Oitbacka GÃ¥rd - VÃ¥r">
226		  </a>
227        </div>
228		<div class="col-lg-4">
229          <a class="img-thumbnail d-block lightbox" href="img/oitbacka/ob_vinter_b_600.jpg" data-plugin-options="{'type':'image'}">
230			<img class="img-fluid" src="img/oitbacka/ob_vinter_b_600.jpg" alt="Oitbacka GÃ¥rd - Vinter">
231		  </a>
232        </div>
233		<div class="col-lg-4">
234          <a class="img-thumbnail d-block lightbox" href="img/oitbacka/host_boskap_600.jpg" data-plugin-options="{'type':'image'}">
235			<img class="img-fluid" src="img/oitbacka/host_boskap_600.jpg" alt="Oitbacka GÃ¥rd - Boskap">
236		  </a>
237        </div>
238      </div>
239    </div>-->
240    
241  </div>
242  <footer id="footer" style="background:#333333">
243    <div class="container">
244      <div class="row">
245        <div class="footer-ribbon"> <span>Tag Kontakt</span> </div>
246        
247        <div class="col-md-4">
248          <div class="contact-details">
249            <h4>Kontaktuppgifter</h4>
250            <ul class="contact">
251              <li>
252                <p><i class="fa fa-map-marker"></i> <strong>Adress:</strong> Kiseleffsallén, 02510 OITBACKA</p>
253              </li>
254              <li>
255                <p><i class="fa fa-phone"></i> <strong>Telefon:</strong> 040- 57 33449</p>
256              </li>
257              <li>
258                <p><i class="fa fa-envelope"></i> <strong>Email:</strong> [email protected]</p>
259              </li>
260            </ul>
261          </div>
262        </div>
263        <div class="col-md-3">
264          <h4>Social media</h4>
265          <ul class="social-icons">
266            <li class="social-icons-facebook"><a href="https://www.facebook.com/oitbackagard/" target="_blank" title="Facebook"><i class="fa fa-facebook"></i></a></li>
267			<li class="social-icons-instagram"><a href="https://www.instagram.com/oitbackagard/" target="_blank" title="Instagram"><i class="fa fa-instagram"></i></a></li>  
268          </ul>
269        </div>
270        <div class="col-md-5">
271          <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d31712.182554784777!2d24.516678!3d60.21364200000001!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x468df29ddd73870d%3A0x61e4ca0281692816!2sKiseleffin+puistotie%2C+02510+Kirkkonummi!5e0!3m2!1sfi!2sfi!4v1461607281135" width="400" height="200" frameborder="0" style="border:0" allowfullscreen></iframe>
272        </div>
273      </div>
274    </div>
275  </footer>
276</div>
277
278<!-- Vendor --> 

279<script src="vendor/jquery/jquery.min.js"></script>

279 

280<script src="vendor/jquery.appear/jquery.appear.min.js"></script>

280 

281<script src="vendor/jquery.easing/jquery.easing.min.js"></script>

281 

282<script src="vendor/jquery-cookie/jquery-cookie.min.js"></script>

282 

283<script src="vendor/popper/umd/popper.min.js"></script>

283 

284<script src="vendor/bootstrap/js/bootstrap.min.js"></script>

284 

285<script src="vendor/common/common.min.js"></script>

285 

286<script src="vendor/jquery.validation/jquery.validation.min.js"></script>

286 

287<script src="vendor/jquery.gmap/jquery.gmap.min.js"></script>

287 

288<script src="vendor/jquery.lazyload/jquery.lazyload.min.js"></script>

288 

289<script src="vendor/isotope/jquery.isotope.min.js"></script>

289 

290<script src="vendor/owl.carousel/owl.carousel.min.js"></script>

290 

291<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

291 
292 
293
294<!-- Theme Base, Components and Settings --> 

295<script src="js/theme.js"></script>

295 
296
297<!-- Current Page Vendor and Views --> 

298<script src="vendor/rs-plugin/js/jquery.themepunch.tools.min.js"></script>

298 

299<script src="vendor/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

299 

300<script src="js/views/view.home.js"></script>

300 
301
302<!-- Theme Custom --> 

303<script src="js/custom.js"></script>

303 
304
305<!-- Theme Initialization Files --> 

306<script src="js/theme.init.js"></script>

306 
307
308<!-- Google Analytics: Change UA-XXXXX-X to be your site's ID. Go to http://www.google.com/analytics/ for more information.
309		

309<script>

309
310			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
311			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
312			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
313			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
314		
315			ga('create', '

315UA-12345678-1

315', 'auto');
316			ga('send', 'pageview');
317		

317</script>

317
318		 -->
319
320</body>
321</html>