Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Bilklubben AS</title>
- <meta name="description" content="Bilklubben AS" />
- <meta name="keywords" content="html template, css, free, one page, gym, fitness, web design" />
- <meta name="author" content="Luka Cvetinovic for Codrops" />
- <!-- Favicons (created with http://realfavicongenerator.net/)-->
- <link rel="apple-touch-icon" sizes="57x57" href="img/favicons/apple-touch-icon-57x57.png">
- <link rel="apple-touch-icon" sizes="60x60" href="img/favicons/apple-touch-icon-60x60.png">
- <link rel="icon" type="image/png" href="img/favicons/favicon-32x32.png" sizes="32x32">
- <link rel="icon" type="image/png" href="img/favicons/favicon-16x16.png" sizes="16x16">
- <link rel="manifest" href="img/favicons/manifest.json">
- <link rel="shortcut icon" href="img/favicons/favicon.ico">
- <meta name="msapplication-TileColor" content="#00a8ff">
- <meta name="msapplication-config" content="img/favicons/browserconfig.xml">
- <meta name="theme-color" content="#ffffff">
- <!-- Normalize -->
- <link rel="stylesheet" type="text/css" href="css/normalize.css">
- <!-- Bootstrap -->
- <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
- <!-- Owl -->
- <link rel="stylesheet" type="text/css" href="css/owl.css">
- <!-- Animate.css -->
- <link rel="stylesheet" type="text/css" href="css/animate.css">
- <!-- Font Awesome -->
- <link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.1.0/css/font-awesome.min.css">
- <!-- Elegant Icons -->
- <link rel="stylesheet" type="text/css" href="fonts/eleganticons/et-icons.css">
- <!-- Main style -->
- <link rel="stylesheet" type="text/css" href="css/cardio.css">
- </head>
- <body>
- <div class="preloader">
- <img src="img/loader.gif" alt="Preloader image">
- </div>
- <nav class="navbar">
- <div class="container">
- <!-- Brand and toggle get grouped for better mobile display -->
- <div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
- <span class="sr-only">Toggle navigation</span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </button>
- <a class="navbar-brand" href="#"><img src="img/logo.png" data-active-url="img/logo-active.png" alt=""></a>
- </div>
- <!-- Collect the nav links, forms, and other content for toggling -->
- <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
- <ul class="nav navbar-nav navbar-right main-nav">
- <li><a href="#intro">Bilklubben AS</a></li>
- <li><a href="#team">Våre bilpakker</a></li>
- <li><a href="#Vårebiler">Våre biler</a></li>
- <li><a href="#pricing">Priser</a></li>
- <li><a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-blue">Registrer deg nå!</a></li>
- <li><a href="#" data-toggle="modal" data-target="#modal2" class="btn btn-blue">Logg inn!</a></li>
- </ul>
- </div>
- <!-- /.navbar-collapse -->
- </div>
- <!-- /.container-fluid -->
- </nav>
- <header id="intro">
- <div class="container">
- <div class="table">
- <div class="header-text">
- <div class="row">
- <div class="col-md-12 text-center">
- <h3 class="light white">Bilklubben AS</h3>
- <h1 class="white typed">Den beste måten å leie bil på.</h1>
- <span class="typed-cursor">|</span>
- </div>
- </div>
- </div>
- </div>
- </div>
- </header>
- <section>
- <div class="cut cut-top"></div>
- <div class="container">
- <div class="row intro-tables">
- <div class="col-md-4">
- <div class="intro-table intro-table-first">
- <h5 class="white heading">En bedrift i vekstfasen</h5>
- <div class="owl-carousel owl-schedule bottom">
- <div class="item">
- <div class="schedule-row row">
- <div class="col-xs-6">
- <h5 class="regular white">Registrering av aksjeselskap</h5>
- </div>
- <div class="col-xs-6 text-right">
- <h5 class="white">2014</h5>
- </div>
- </div>
- <div class="schedule-row row">
- <div class="col-xs-6">
- <h5 class="regular white">Åpnet filial i Stavanger</h5>
- </div>
- <div class="col-xs-6 text-right">
- <h5 class="white">2015</h5>
- </div>
- </div>
- <div class="schedule-row row">
- <div class="col-xs-6">
- <h5 class="regular white">Åpner filial i Trondheim</h5>
- </div>
- <div class="col-xs-6 text-right">
- <h5 class="white">2017</h5>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-4">
- <div class="intro-table intro-table-hover">
- <h5 class="white heading hide-hover">Bli med i bilklubben!</h5>
- <div class="bottom">
- <h4 class="white heading small-heading no-margin regular">Registrer deg nå!</h4>
- <h4 class="white heading small-pt">Mye for p(o)engene!</h4>
- <a href="#" class="btn btn-white-fill expand">Registrer deg nå!</a>
- </div>
- </div>
- </div>
- <div class="col-md-4">
- <div class="intro-table intro-table-third">
- <h5 class="white heading">Fornøyde kunder</h5>
- <div class="owl-testimonials bottom">
- <div class="item">
- <h4 class="white heading content">Bilklubben AS har forandret livet mitt.</h4>
- <h5 class="white heading light author">Odd Bobland</h5>
- </div>
- <div class="item">
- <h4 class="white heading content">Hver dag er enklere på grunn av Bilklubben AS.</h4>
- <h5 class="white heading light author">Gyda Graumbotten</h5>
- </div>
- <div class="item">
- <h4 class="white heading content">Jeg kan ikke fatte at noen ikke har tenkt på et poengsystem for bilutleie før!</h4>
- <h5 class="white heading light author">Petter Måneberg</h5>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section id="team" class="section gray-bg">
- <div class="container">
- <div class="row title text-center">
- <h2 class="margin-top">Bilklubbens bilpakker</h2>
- <h4 class="light muted">Bilpakker som passer dine behov</h4>
- </div>
- <div class="row">
- <div class="col-md-4">
- <div class="team text-center">
- <div class="cover" style="background:url('img/team/team-cover1.jpg'); background-size:cover;">
- <div class="overlay text-center">
- <h3 class="white">100 poeng</h3>
- <h5 class="light light-white">Pris pr. døgn</h5>
- </div>
- </div>
- <img src="img/team/team1.png" alt="Team Image" class="avatar">
- <div class="title">
- <h4>Småbilpakken</h4>
- <h5 class="muted regular">Tur for to</h5>
- </div>
- <button data-toggle="modal" data-target="#modal1" class="btn btn-blue-fill">Registrer deg nå!</button>
- </div>
- </div>
- <div class="col-md-4">
- <div class="team text-center">
- <div class="cover" style="background:url('img/team/team-cover2.jpg'); background-size:cover;">
- <div class="overlay text-center">
- <h3 class="white">200 poeng</h3>
- <h5 class="light light-white">Pris pr. døgn</h5>
- </div>
- </div>
- <img src="img/team/team2.png" alt="Team Image" class="avatar">
- <div class="title">
- <h4>Familiebilpakken</h4>
- <h5 class="muted regular">Ta med familien på tur</h5>
- </div>
- <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-blue-fill ripple">Registrer deg nå!</a>
- </div>
- </div>
- <div class="col-md-4">
- <div class="team text-center">
- <div class="cover" style="background:url('img/team/team-cover3.png'); background-size:cover;">
- <div class="overlay text-center">
- <h3 class="white">300 poeng</h3>
- <h5 class="light light-white">Pris pr. døgn</h5>
- </div>
- </div>
- <img src="img/team/team2.png" alt="Team Image" class="avatar">
- <div class="title">
- <h4>Varebilpakken</h4>
- <h5 class="muted regular">Plass til alt</h5>
- </div>
- <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-blue-fill ripple">Registrer deg nå!</a>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section id="Vårebiler" class="section gray-bg">
- <div class="container">
- <div class="row title text-center">
- <h2 class="margin-top">Våre biler</h2>
- <h4 class="light muted">Biler for enhver</h4>
- </div>
- <div class="row">
- <div class="col-md-3">
- <div class="team text-center">
- <div class="cover" style="background:url('img/team/audi-s4.png'); background-size:cover;">
- <div class="overlay text-center">
- <h3 class="white">200 poeng</h3>
- <h5 class="light light-white">Pris pr. døgn</h5>
- </div>
- </div>
- <img src="img/team/team1.png" alt="Team Image" class="avatar">
- <div class="title">
- <h4>Familiebil</h4>
- <h5 class="muted regular">Tur for to</h5>
- </div>
- <button data-toggle="modal" data-target="#modal1" class="btn btn-blue-fill">Registrer deg nå!</button>
- </div>
- </div>
- <div class="col-md-3">
- <div class="team text-center">
- <div class="cover" style="background:url('img/team/ford-transit.png'); background-size:cover;">
- <div class="overlay text-center">
- <h3 class="white">300 poeng</h3>
- <h5 class="light light-white">Pris pr. døgn</h5>
- </div>
- </div>
- <img src="img/team/ford.jpg" alt="Team Image" class="avatar">
- <div class="title">
- <h4>Varebil</h4>
- <h5 class="muted regular">Plass til alt!</h5>
- </div>
- <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-blue-fill ripple">Registrer deg nå!</a>
- </div>
- </div>
- <div class="col-md-3">
- <div class="team text-center">
- <div class="cover" style="background:url('img/team/hyundai-elantra.png'); background-size:cover;">
- <div class="overlay text-center">
- <h3 class="white">200 poeng</h3>
- <h5 class="light light-white">Pris pr. døgn</h5>
- </div>
- </div>
- <img src="img/team/hyundai.jpg" alt="Team Image" class="avatar">
- <div class="title">
- <h4>Familiebil</h4>
- <h5 class="muted regular">Ta med familien på tur</h5>
- </div>
- <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-blue-fill ripple">Registrer deg nå!</a>
- </div>
- </div>
- <div class="col-md-3">
- <div class="team text-center">
- <div class="cover" style="background:url('img/team/mazda3.png'); background-size:cover;">
- <div class="overlay text-center">
- <h3 class="white">100 poeng</h3>
- <h5 class="light light-white">Pris pr. døgn</h5>
- </div>
- </div>
- <img src="img/team/mazda.jpg" alt="Team Image" class="avatar">
- <div class="title">
- <h4>Småbil</h4>
- <h5 class="muted regular">Ta med familien på tur</h5>
- </div>
- <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-blue-fill ripple">Registrer deg nå!</a>
- </div>
- </div>
- <div class="col-md-3">
- <div class="team text-center">
- <div class="cover" style="background:url('img/team/nissan-350.png'); background-size:cover;">
- <div class="overlay text-center">
- <h3 class="white">300 poeng</h3>
- <h5 class="light light-white">Pris pr. døgn</h5>
- </div>
- </div>
- <img src="img/team/nissan.jpg" alt="Team Image" class="avatar">
- <div class="title">
- <h4>Varebil</h4>
- <h5 class="muted regular">Plass til alt!</h5>
- </div>
- <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-blue-fill ripple">Registrer deg nå!</a>
- </div>
- </div>
- <div class="col-md-3">
- <div class="team text-center">
- <div class="cover" style="background:url('img/team/nissan-altima.png'); background-size:cover;">
- <div class="overlay text-center">
- <h3 class="white">200 poeng</h3>
- <h5 class="light light-white">Pris pr. døgn</h5>
- </div>
- </div>
- <img src="img/team/nissan.jpg" alt="Team Image" class="avatar">
- <div class="title">
- <h4>Familiebil</h4>
- <h5 class="muted regular">Ta med familien på tur</h5>
- </div>
- <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-blue-fill ripple">Registrer deg nå!</a>
- </div>
- </div>
- <div class="col-md-3">
- <div class="team text-center">
- <div class="cover" style="background:url('img/team/team-cover1.jpg'); background-size:cover;">
- <div class="overlay text-center">
- <h3 class="white">100 poeng</h3>
- <h5 class="light light-white">Pris pr. døgn</h5>
- </div>
- </div>
- <img src="img/team/team1.png" alt="Team Image" class="avatar">
- <div class="title">
- <h4>Småbil</h4>
- <h5 class="muted regular">Plass til alt</h5>
- </div>
- <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-blue-fill ripple">Registrer deg nå!</a>
- </div>
- </div>
- <div class="col-md-3">
- <div class="team text-center">
- <div class="cover" style="background:url('img/team/team-cover2.jpg'); background-size:cover;">
- <div class="overlay text-center">
- <h3 class="white">200 poeng</h3>
- <h5 class="light light-white">Pris pr. døgn</h5>
- </div>
- </div>
- <img src="img/team/team2.png" alt="Team Image" class="avatar">
- <div class="title">
- <h4>Familiebil</h4>
- <h5 class="muted regular">Plass til alt</h5>
- </div>
- <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-blue-fill ripple">Registrer deg nå!</a>
- </div>
- </div>
- <div class="col-md-5">
- <div class="team text-center">
- <div class="cover" style="background:url('img/team/team-cover3.png'); background-size:cover;">
- <div class="overlay text-center">
- <h3 class="white">300 poeng</h3>
- <h5 class="light light-white">Pris pr. døgn</h5>
- </div>
- </div>
- <img src="img/team/team2.png" alt="Team Image" class="avatar">
- <div class="title">
- <h4>Varebil</h4>
- <h5 class="muted regular">Plass til alt!</h5>
- </div>
- <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-blue-fill ripple">Registrer deg nå!</a>
- </div>
- </div>
- <div class="col-md-5">
- <div class="team text-center">
- <div class="cover" style="background:url('img/team/mercedes-benz-metris.png'); background-size:cover;">
- <div class="overlay text-center">
- <h3 class="white">200 poeng</h3>
- <h5 class="light light-white">Pris pr. døgn</h5>
- </div>
- </div>
- <img src="img/team/mercedes.jpg" alt="Team Image" class="avatar">
- <div class="title">
- <h4>Varebil</h4>
- <h5 class="muted regular">Plass til alt</h5>
- </div>
- <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-blue-fill ripple">Registrer deg nå!</a>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section id="pricing" class="section">
- <div class="container">
- <div class="row title text-center">
- <h2 class="margin-top white">Priser</h2>
- <h4 class="light white">Velg prisplanen du foretrekker og registrer deg i dag!</h4>
- </div>
- <div class="row no-margin">
- <div class="col-md-7 no-padding col-md-offset-5 pricings text-center">
- <div class="pricing">
- <div class="box-main active" data-img="img/pricing1.jpg">
- <h4 class="white">Spesialtilbud på årsplan</h4>
- <h4 class="white regular light">10000,- <span class="small-font">/ år</span></h4>
- <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-white-fill">Registrer deg nå!</a>
- <i class="info-icon icon_question"></i>
- </div>
- <div class="box-second active">
- <ul class="white-list text-left">
- <li>Biler fra alle klasser</li>
- <li>Valgfri bil når det er ledig</li>
- <li>Både bensin & diesel</li>
- <li>Prioritet i køen</li>
- <li>Gratis kaffe / gratis te</li>
- </ul>
- </div>
- </div>
- <div class="pricing">
- <div class="box-main" data-img="img/pricing2.jpg">
- <h4 class="white">Cardio Training</h4>
- <h4 class="white regular light">$100.00 <span class="small-font">/ year</span></h4>
- <a href="#" data-toggle="modal" data-target="#modal1" class="btn btn-white-fill">Registrer deg nå!</a>
- <i class="info-icon icon_question"></i>
- </div>
- <div class="box-second">
- <ul class="white-list text-left">
- <li>One Personal Trainer</li>
- <li>Big gym space for training</li>
- <li>Free tools & props</li>
- <li>Free locker</li>
- <li>Free before / after shower</li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="section section-padded blue-bg">
- <div class="container">
- <div class="row">
- <div class="col-md-8 col-md-offset-2">
- <div class="owl-twitter owl-carousel">
- <div class="item text-center">
- <i class="icon fa fa-twitter"></i>
- <h4 class="white light">To enjoy the glow of good health, you must exercise.</h4>
- <h4 class="light-white light">#health #training #exercise</h4>
- </div>
- <div class="item text-center">
- <i class="icon fa fa-twitter"></i>
- <h4 class="white light">To enjoy the glow of good health, you must exercise.</h4>
- <h4 class="light-white light">#health #training #exercise</h4>
- </div>
- <div class="item text-center">
- <i class="icon fa fa-twitter"></i>
- <h4 class="white light">To enjoy the glow of good health, you must exercise.</h4>
- <h4 class="light-white light">#health #training #exercise</h4>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <div class="modal fade" id="modal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content modal-popup">
- <a href="#" class="close-link"><i class="icon_close_alt2"></i></a>
- <h3 class="white">Logg inn!</h3>
- <form action="logginn.php" method="post" class="popup-form">
- <input type="text" class="form-control form-white" name="brukernavn" placeholder="Brukernavn">
- <input type="text" class="form-control form-white" name="passord" placeholder="Passord">
- <button type="submit" class="btn btn-submit">Logg inn</button>
- <?php include "oppkobling.php"
- ?>
- </form>
- </div>
- </div>
- </div>
- <div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content modal-popup">
- <a href="#" class="close-link"><i class="icon_close_alt2"></i></a>
- <h3 class="white">Registrer deg nå!</h3>
- <form action="registrering.php" method="post" class="popup-form">
- <input type="text" class="form-control form-white" name="brukernavn" placeholder="Brukernavn">
- <input type="text" class="form-control form-white" name="navn" placeholder="Fullt Navn">
- <input type="text" class="form-control form-white" name="epostadresse" placeholder="Epostadresse">
- <div class="dropdown">
- <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
- Velg ditt abbonnement
- <span class="caret"></span>
- </button>
- <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
- <li><a href="abonnement.php?abonnement=Smabilpakka">Småpakka - 499,-</a></li>
- <li><a href="abonnement.php?abonnement=Familiebilpakka">Mellompakka - 1499,-</a></li>
- <li><a href="abonnement.php?abonnement=Varebilpakka">Storpakka - 3499,-</a></li>
- </ul>
- <div class="dropdown">
- <button id="dLabel" class="form-control form-white dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- Se våre prisplaner
- </button>
- <ul class="dropdown-menu animated fadeIn" role="menu" aria-labelledby="dLabel">
- <li class="animated lightSpeedIn"><a input type="text" href="#">Småpakka - 499,-</a></li>
- <li class="animated lightSpeedIn"><a input type="text" href="#">Mellompakka - 1499,-</a></li>
- <li class="animated lightSpeedIn"><a input type="text" href="#">Storpakka - 3499,-</a></li>
- <li class="animated lightSpeedIn"><a href="#">Kjøp ingen poeng</a></li>
- </ul>
- </div>
- <input type="text" class="form-control form-white" name="passord" placeholder="Passord">
- <button type="submit" class="btn btn-submit">Submit</button>
- <?php include "oppkobling.php"
- ?>
- </form>
- </div>
- </div>
- </div>
- <footer>
- <div class="container">
- <div class="row">
- <div class="col-sm-6 text-center-mobile">
- <h3 class="white">Early bird tilbud, halv pris første måned!</h3>
- <h5 class="light regular light-white">Ikke gå glipp av sjansen til å være med på noe stort.</h5>
- <a href="#" class="btn btn-blue ripple trial-button">Benytt lokketilbud</a>
- </div>
- <div class="col-sm-6 text-center-mobile">
- <h3 class="white">Åpningstider <span class="open-blink"></span></h3>
- <div class="row opening-hours">
- <div class="col-sm-6 text-center-mobile">
- <h5 class="light-white light">Man - Fre</h5>
- <h3 class="regular white">9:00 - 21:00</h3>
- </div>
- <div class="col-sm-6 text-center-mobile">
- <h5 class="light-white light">Lør - Søn</h5>
- <h3 class="regular white">12:00 - 16:00</h3>
- </div>
- </div>
- </div>
- </div>
- <div class="row bottom-footer text-center-mobile">
- <div class="col-sm-8">
- <p>© 2015 All Rights Reserved. Powered by <a href="http://www.phir.co/">PHIr</a> exclusively for <a href="http://tympanus.net/codrops/">Codrops</a></p>
- </div>
- <div class="col-sm-4 text-right text-center-mobile">
- <ul class="social-footer">
- <li><a href="http://www.facebook.com/pages/Codrops/159107397912"><i class="fa fa-facebook"></i></a></li>
- <li><a href="http://www.twitter.com/codrops"><i class="fa fa-twitter"></i></a></li>
- <li><a href="https://plus.google.com/101095823814290637419"><i class="fa fa-google-plus"></i></a></li>
- </ul>
- </div>
- </div>
- </div>
- </footer>
- <!-- Holder for mobile navigation -->
- <div class="mobile-nav">
- <ul>
- </ul>
- <a href="#" class="close-link"><i class="arrow_up"></i></a>
- </div>
- <!-- Scripts -->
- <script src="js/jquery-1.11.1.min.js"></script>
- <script src="js/owl.carousel.min.js"></script>
- <script src="js/bootstrap.min.js"></script>
- <script src="js/wow.min.js"></script>
- <script src="js/typewriter.js"></script>
- <script src="js/jquery.onepagenav.js"></script>
- <script src="js/main.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement