dyne-web
/
dynesolutions


			
				
					
						
						
							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 &copy; 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>