123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201 |
- <!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=" IT consultancy firm for dyne.org">
- <meta name="author" content="fredd">
- <title>Dyne Solutions - Consulting Firm</title>
- <!-- Bootstrap core CSS -->
- <!-- Custom styles for this template --> ]
- <link rel="stylesheet" href="components/pg.blocks/css/blocks.css">
- <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
- <link href="css/full-width-pics.css" rel="stylesheet" type="text/css">
- <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
- <link href="components/pg.blocks/css/style-library-1.css" rel="stylesheet" type="text/css">
- <link href="dyne-sol.css" rel="stylesheet" type="text/css">
- <link href="css/jumbotron.css" rel="stylesheet" type="text/css">
- <link href="components/pg.blocks/css/blocks.css" rel="stylesheet" type="text/css">
- <link href="components/pg.blocks/css/plugins.css" rel="stylesheet" type="text/css">
- <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700" rel="stylesheet" type="text/css">
- <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
- </head>
- <body style="background-image:url('images/Oval-big.svg');">
- <!-- Navigation -->
- <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
- <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>
- <a class="navbar-brand" href="https://www.dyne.org">Dyne Solution Consultancy bv</a>
- <div class="container">
- <div class="collapse navbar-collapse" id="navbarResponsive">
- <ul class="navbar-nav ml-auto">
- <li class="nav-item active">
- <a class="nav-link" href="#">Home<span class="sr-only">(current)</span></a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Who we are</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">What we do</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="#">Contact us</a>
- </li>
- </ul>
- </div>
- </div>
- </nav>
- <!-- Header - set the background image for the header in the line below -->
- <div class="jumbotron">
- <div class="container">
- <div class="row">
- <div class="col-md-4">
- <img src="images/LOGO_big.svg" width="300" class="logo img-responsive pull-left" />
- </div>
- <div class="col-md-8">
- <h1>Hello, world!</h1>
- <p>This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
- <a class="btn btn-dynesol btn-lg" href="#" data-placement="top" data-toggle="popover">learn more</a>
- </div>
- </div>
- </div>
- </div>
- <!-- Content section -->
- <section class="py-5">
- <div class="container">
- <h1>Section Heading</h1>
- <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
- <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>
- </section>
- <div class="container">
- <div class="row">
- <div class="col-md-4">
- <h3>Column title</h3>
- <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
- </div>
- <div class="col-md-4">
- <h3>Column title</h3>
- <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
- </div>
- <div class="col-md-4">
- <h3>Column title</h3>
- <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
- </div>
- </div>
- </div>
- <!-- Image Section - set the background image for the header in the line below -->
- <!-- Content section -->
- <section class="py-5">
- <div class="container">
- <h1>Section Heading</h1>
- <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
- <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>
- </section>
- <div class="container">
- <div class="row">
- <div class="col-md-4">
- <h3>Column title</h3>
- <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
- </div>
- <div class="col-md-4">
- <h3>Column title</h3>
- <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
- </div>
- <div class="col-md-4">
- <h3>Column title</h3>
- <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
- </div>
- </div>
- </div>
- <section id="content-1-2" class="content-block content-1-2">
- <div class="container">
- <!-- Start Row -->
- <div class="row">
- <div class="col-sm-6">
- <section class="content-block team-2 team-2-1">
- <div class="container">
- <div class="underlined-title">
- <h1>Say hello to the team</h1>
- <hr>
- </div>
- <div class="row">
- <div class="col-sm-4 team-wrapper">
- <div class="team-item">
- <div class="team-thumb">
- <img src="http://placehold.it/600x500" class="img-responsive" alt="Member Image">
- <div class="image-overlay"></div>
- <a href="#" class="team-link"><i class="fa fa-3x fa-envelope-o"></i></a>
- </div>
- <div class="team-details">
- <h4>Your Name</h4>
- </div>
- </div>
- </div>
- <div class="col-sm-4 team-wrapper">
- <div class="team-item">
- <div class="team-thumb">
- <img src="http://placehold.it/600x500" class="img-responsive" alt="Member Image">
- <div class="image-overlay"></div>
- <a href="#" class="team-link"><i class="fa fa-3x fa-envelope-o"></i></a>
- </div>
- <div class="team-details">
- <h4>My Name</h4>
- </div>
- </div>
- </div>
- <div class="col-sm-4 team-wrapper">
- <div class="team-item">
- <div class="team-thumb">
- <img src="http://placehold.it/600x500" class="img-responsive" alt="Member Image">
- <div class="image-overlay"></div>
- <a href="#" class="team-link"><i class="fa fa-3x fa-envelope-o"></i></a>
- </div>
- <div class="team-details">
- <h4>Someone Else</h4>
- </div>
- </div>
- </div>
- <!-- /.gallery-item-wrapper -->
- </div>
- <!-- /.row -->
- </div>
- <!-- /.container -->
- </section>
- <h2>Copy & paste content blocks</h2>
- <p class="lead">For a professional startup site or prototype.</p>
- <p>Helvetica mustache squid plaid meh Brooklyn hashtag, retro chillwave YOLO four loko photo booth. Brooklyn kale chips, seitan hella 3 wolf moon slow-carb paleo.</p>
- </div>
- <div class="col-sm-5 col-sm-offset-1">
- <img class="img-rounded img-responsive" src="http://placehold.it/600x400">
- </div>
- </div>
- <!--// END Row -->
- </div>
- </section>
- <section id="content-1-4" class="content-block-nopad content-1-4">
- <div class="image-container col-md-5 col-sm-3 pull-left">
- <div class="background-image-holder">
- </div>
- </div>
- <div class="container">
- <!-- /.row-->
- </div>
- <!-- /.container -->
- </section>
- <!-- Footer -->
- <footer class="py-5 bg-inverse">
- <div class="container">
- <p class="m-0 text-center">Copyright © Your Website 2017</p>
- </div>
- <!-- /.container -->
- </footer>
- <!-- Bootstrap core JavaScript -->
- <script src="vendor/jquery/jquery.min.js"></script>
- <script src="vendor/popper/popper.min.js"></script>
- <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
- </body>
- </html>
|