2018-01-24 21:49:05 +01:00
<!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 = "" >
< meta name = "author" content = "" >
< title > Scrolling Nav - Start Bootstrap Template< / title >
<!-- Bootstrap core CSS -->
< link href = "vendor/bootstrap/css/bootstrap.min.css" rel = "stylesheet" >
<!-- Custom styles for this template -->
< link href = "css/scrolling-nav.css" rel = "stylesheet" >
< / head >
< body id = "page-top" >
<!-- Navigation -->
< nav class = "navbar navbar-expand-lg navbar-dark bg-dark fixed-top" >
< div class = "container" >
< a class = "navbar-brand" href = "#" >
< span class = "text-white" > BLUDIT< / span >
< span class = "ml-1 text-muted" > Surprise< / span >
< / a >
< button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarResponsive" aria-controls = "navbarResponsive" aria-expanded = "false" aria-label = "Toggle navigation" >
< span class = "navbar-toggler-icon" > < / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarResponsive" >
< ul class = "navbar-nav ml-auto" >
< li class = "nav-item" > < a class = "nav-link" href = "#" > About< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "#" > Contact< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "#" > Impressum< / a > < / li >
< li class = "nav-item" > < a class = "nav-link" href = "#" > BLUDIT PRO< / a > < / li >
< / ul >
< / div >
< / div >
< / nav >
2018-01-25 23:58:42 +01:00
< section class = "page" >
< div class = "container" >
< h1 class = "page-title" > Section Heading< / h1 >
< p class = "page-description" > Lorem ipsum dolor sit amet, consectetur adipisicing elit.< / p >
< div class = "page-cover-image py-6 mb-4" style = "background-image: url('https://unsplash.it/1900/1080?image=1081');" >
< div style = "height: 300px;" > < / div >
< / div >
< div class = "page-content" >
< p > Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, suscipit, rerum quos facilis repellat architecto commodi officia atque nemo facere eum non illo voluptatem quae delectus odit vel itaque amet.< / p >
< / div >
< / div >
< / section >
2018-01-24 21:49:05 +01:00
<!-- Footer -->
< footer class = "py-5 bg-dark" >
< div class = "container" >
< p class = "m-0 text-center text-white" > Copyright © Your Website 2017< / p >
< / div >
<!-- /.container -->
< / footer >
<!-- Bootstrap core JavaScript -->
< script src = "vendor/jquery/jquery.min.js" > < / script >
< script src = "vendor/bootstrap/js/bootstrap.bundle.min.js" > < / script >
<!-- Plugin JavaScript -->
< script src = "vendor/jquery-easing/jquery.easing.min.js" > < / script >
<!-- Custom JavaScript for this theme -->
< script src = "js/scrolling-nav.js" > < / script >
< / body >
< / html >