index.html

<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->

<head>
    <title>Metawired Software</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Metawired website">
    <link rel="shortcut icon" href="favicon.ico">

    <link rel="stylesheet" href="front/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="front/plugins/font-awesome/css/font-awesome.css">

    <link rel="stylesheet" href="front/plugins/github-activity/dist/github-activity-0.1.1.min.css">
    <link rel="stylesheet" href="front/plugins/github-activity/dist/octicons/octicons.min.css">

    <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
    <link id="theme-style" rel="stylesheet" href="front/css/styles.css">
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->
    <script type="text/javascript" src="front/plugins/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="front/plugins/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="front/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="front/plugins/github-activity/dist/mustache/mustache.min.js"></script>
    <script type="text/javascript" src="front/plugins/github-activity/dist/github-activity-0.1.1.min.js"></script>
    <script type="text/javascript" src="front/js/main.js"></script>
</head>

<body>
    <nav class="navbar navbar-default navbar-fixed-top navbar-inverse">
        <div class="container-fluid">
            <div class="navbar-header">
                <img alt="Metawired" class="navbar-brand" src="front/images/logo.png">
            </div>

        </div>
    </nav>
    <header class="header">
        <div class="container">
            <div class="profile-content pull-left">
                <h1 class="name">Metawired Software</h1>
                <h2 class="desc"></h2>
                <ul class="social list-inline">
                    <li><a href="https://www.facebook.com/metawired"><i class="fa fa-facebook-square"></i></a></li>
                    <li><a href="https://github.com/metawired"><i class="fa fa-github-alt"></i></a></li>
                </ul>
            </div>
        </div>
        <!--//container-->
    </header>
    <!--//header-->

    <div class="container sections-wrapper">
        <div class="row">
            <div class="primary col-md-8 col-sm-12 col-xs-12">
                <!--//section-->
                <section class="about section">
                    <div class="section-inner">
                        <h2 class="heading">Development focus</h2>
                        <div class="content">
                            <dl class="dl-vertical">
                                <dt>Mobile Development</dt>
                                <dd>Mobile application development for Android and IOS. 
                                    Pototyping apps in Apache Cordova.</dd>
                                <dt>Software integration</dt>
                                <dd>Using enterprise integration patterns to build scallable and secure API's.</dd>
                                <dt>Cloud</dt>
                                <dd>Cloud infrastructure setup and monitoring using Docker and Chef.</dd>
                                <dt>Developer toolbox</dt>
                                <dd>Development tooling, build, integration, tests and automation.</dd>
                            </dl>
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </section>
                <!--//section-->
            </div>
            <!--//primary-->
            <div class="secondary col-md-4 col-sm-12 col-xs-12">
                <aside class="info aside section">
                    <div class="section-inner">
                        <h2 class="heading sr-only">Contact</h2>
                        <div class="content">
                            <p>Contact</p>
                            <ul class="list-unstyled">
                                <li><i class="fa fa-envelope-o"></i><span class="sr-only">Email:</span>
                                    <a href="mailto:info@mewawired.eu?subject=Message to metawired website">info@mewawired.eu</a></li>
                            </ul>
                        </div>
                        <!--//content-->
                    </div>
                    <!--//section-inner-->
                </aside>
                <!--//aside-->
            </div>
            <!--//secondary-->
        </div>
        <!--//row-->
    </div>

    <footer class="footer">
        <div class="container text-center">
            <small class="copyright">Powered by Metawired - 2018</small>
        </div>
        <!--//container-->
    </footer>
    <!--//footer-->

</body>

</html>