Quellcode-Beispiel für das JobSkill-Tutorial

<!doctype html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="{{asset('css/app.css')}}">
<title>Document</title>
</head>
<body>
    <nav class="navbar navbar-expand-lg bg-dark navbar-dark">
        <a class="navbar-brand" href="#">Jobskills</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarNav" aria-controls="navbarNav"
            aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item active"><a class="nav-link" href="#">Feed<span
                        class="sr-only">(current)</span></a></li>
                <li class="nav-item"><a class="nav-link" href="#">Messages</a></li>
                <li class="nav-item"><a class="nav-link" href="#">Friends</a></li>

            </ul>
        </div>
    </nav>
    <div class="container">
        <div class="row">
            <div class="col">
                <div class="card">

                    <div class="card-body">
                        <h2 class="card-title">Username Lastname</h2>
                        Occupation at Company
                    </div>
                </div>

            </div>
            <div class="col-7">

                <div class="card">
                    <div class="card-body">
                        <h3 class="card-title">Newscontent blabla</h3>
                        <p>Lorem</p>

                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <h3 class="card-title">Newscontent blabla</h3>
                        <p>Lorem</p>

                    </div>
                </div>
                <div class="card">
                    <div class="card-body">
                        <h3 class="card-title">Newscontent blabla</h3>
                        <p>Lorem</p>

                    </div>
                </div>

            </div>
            <div class="col">
                <div class="card">
                    <div class="card-body">
                        <h3 class="card-title">Happening in your network</h3>
                        <ul class="list-group">
                            <li class="list-group-item"><a href="#">Laravel Tutorial</a></li>
                            <li class="list-group-item"><a href="#">Laravel Tutorial</a></li>
                            <li class="list-group-item"><a href="#">Laravel Tutorial</a></li>
                        </ul>

                    </div>
                </div>

            </div>
        </div>
    </div>
    <script src="{{asset('js/app.js')}}"></script>
</body>
</html>