<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="Verkkokaupan tuotteilla voit luoda unelmiesi kodin.">
  <meta name="author" content="">

  <title>Omaa tuotetta? Tutustu henkilökohtaisiin tuotteisiin!</title>

  <link href="/css/bootstrap.min.css" rel="stylesheet">

  <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

  <link href="/css/default.css" rel="stylesheet">

</head>

<body id="page-top">

  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
    <div class="container">
      <a class="navbar-brand js-scroll-trigger" href="#page-top">fleim.fi</a>
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        Menu
        <i class="fa fa-bars"></i>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item">
<a class="nav-link js-scroll-trigger" href="index.html">Koti</a></li><li class="nav-item">
<a class="nav-link js-scroll-trigger" href="ajoneuvoa">Ajoneuvoa</a></li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Header -->
  <header class="masthead" style="background: linear-gradient(to bottom, rgba(22, 22, 22, 0.3) 0%, rgba(22, 22, 22, 0.7) 75%, #161616 100%), url(assets/img/image_12937.png) no-repeat;">
    <div class="container d-flex h-100 align-items-center">
      <div class="mx-auto text-center">
        <h1 class="mx-auto my-0 text-uppercase">Tulosteet muuttavat muotoaan: Miten tekniikka vaikuttaa taiteeseen</h1>
        <a href="#content" class="btn btn-primary js-scroll-trigger" style="margin-top:20px;">Read</a>
      </div>
    </div>
  </header>

  <!-- Content Section -->
  <section id="content" class="content-section bg-light">
    <div class="container">

      <!-- Main content -->
      <div class="row no-gutters mb-4 mb-lg-5">
        <div class="col-xl-8 col-lg-8">
          <div class="content-text text-center text-lg-left">
            <h3>Nya artiklar</h3><hr /><article><a href="ajoneuvoa"><h4>Hinauspalvelu Espoo: luotettava apu liikenteessä</h4></a><p>Hinauspalvelut ovat tärkeä osa liikenteen sujuvuutta ja turvallisuutta, kun ajoneuvot kohtaavat ongelmia. Etenkin Espoon alueella, jossa liikenne voi olla vilkasta, on tärkeää tuntea luotettava ja...</p><time datetime="2023-04-06"> 6 April, 2023</time></article><hr />
          </div>
        </div>
        <div class="col-xl-1 col-lg-1">
        </div>
        <div class="col-xl-3 col-lg-3">

          <div class="sidebar">
            <h3>Tags</h3>
            <ul>
              <li><a href="#">Tiedot</a></li><li><a href="#">Kalusteet</a></li><li><a href="#">Ajoneuvot</a></li><li><a href="#">Valokuvat</a></li><li><a href="#">Elokuvat</a></li><li><a href="#">Allas</a></li>
            </ul>
          </div>
        </div>
      </div>

    </div>
  </section>

  <!-- Signup Section -->
  <section id="signup" class="signup-section" style="background: linear-gradient(to bottom, rgba(22, 22, 22, 0.1) 0%, rgba(22, 22, 22, 0.5) 75%, #161616 100%), url(assets/img/image_12938.png) no-repeat;">
    <div class="container">
      <div class="row">

      </div>
    </div>
  </section>

  <!-- Contact Section -->
  <section class="contact-section bg-black">
    <div class="container">


      <div class="social d-flex justify-content-center">
        <a href="#" class="mx-2">
          <i class="fa fa-twitter"></i>
        </a>
        <a href="#" class="mx-2">
          <i class="fa fa-facebook-f"></i>
        </a>
        <a href="#" class="mx-2">
          <i class="fa fa-instagram"></i>
        </a>
      </div>

    </div>
  </section>


  <footer class="bg-black small text-center text-white-50">
    <div class="container">
      Copyright &copy; fleim.fi
    </div>
  </footer>
  <script src="/js/jquery.min.js"></script>
  <script src="/js/bootstrap.bundle.min.js"></script>
  <script src="/js/jquery.easing.min.js"></script>
  <script src="/js/default.min.js"></script>
</body>
</html>