besterKolleg/index.html at master · ngwn-studio/besterKolleg · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html ng-app="app">
	<head>
		<title>Triff deinen besten Kolleg!</title>
		<meta charset="utf-8"/>
		<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
		<link rel="stylesheet" href="kolleg.css"/>
        <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css"/>
        <script src="js/angular.min.js"></script>
	</head>
	<body ng-controller="SiteController">

        <ul class="main-menu" ng-class="{open:menuOpen}">
            <li><button ng-click="switchMenu()" class="main-menu-button"><span class="fa fa-bars fa-2x"></span></button></li>
            <li><a href="#home">Home</a></li>
            <li><a href="#msg">Schreibe Nachricht</a></li>
            <li><a href="#about">Über uns</a></li>
        </ul>

        <div class="page" ng-class="{wide:!menuOpen}">
            <h1 id="home" style="color: #4CAF50;">Triff noch heute deinen besten Kolleg!</h1>
            <div class="row">
                <div class="box left">
                    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sagittis finibus orci, vitae interdum nulla sagittis ac. Nunc non tempus metus. Vivamus viverra lectus vitae eleifend vehicula. In nisl odio, placerat quis ipsum sit amet, malesuada aliquet eros. Vestibulum ac nibh ipsum. Mauris eu nisl lectus. Sed molestie enim a sodales consectetur. Mauris blandit lacinia rutrum. Vivamus laoreet eu ante et semper. Aenean id sapien non mauris lobortis efficitur eu volutpat elit. Pellentesque cursus, nunc sit amet cursus congue, augue augue blandit diam, at mattis eros quam sed lacus.</p>

                    <p>Suspendisse hendrerit placerat velit quis tempus. In faucibus vel magna quis pulvinar. In hac habitasse platea dictumst. Nulla facilisi. Morbi suscipit eros quis dictum porttitor. Fusce ut faucibus felis, ut condimentum velit. Cras vel gravida augue. Vivamus id aliquet arcu, eu varius nunc. </p>
                </div>
                <div class="box right">
                    <img src="img/example.svg"/>
                </div>
            </div>
            <h2 id="msg">Schreibe eine Nachricht</h2>
            <div class="row">
                <div class="box left">
                    <form>
                        <input type="text" placeholder="Name" name="name"/>
                        <textarea placeholder="Nachricht" name="message"></textarea>
                        <button type="submit">Senden</button>
                    </form>
                </div>
                <div class="box right">
                    <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sagittis finibus orci, vitae interdum nulla sagittis ac. Nunc non tempus metus. Vivamus viverra lectus vitae eleifend vehicula. In nisl odio, placerat quis ipsum sit amet, malesuada aliquet eros. Vestibulum ac nibh ipsum. Mauris eu nisl lectus. Sed molestie enim a sodales consectetur. Mauris blandit lacinia rutrum. Vivamus laoreet eu ante et semper. Aenean id sapien non mauris lobortis efficitur eu volutpat elit. Pellentesque cursus, nunc sit amet cursus congue, augue augue blandit diam, at mattis eros quam sed lacus.</p>

                    <p>Suspendisse hendrerit placerat velit quis tempus. In faucibus vel magna quis pulvinar. In hac habitasse platea dictumst. Nulla facilisi. Morbi suscipit eros quis dictum porttitor. Fusce ut faucibus felis, ut condimentum velit. Cras vel gravida augue. Vivamus id aliquet arcu, eu varius nunc. </p>
                </div>

            </div>
            <h2 id="about">Über uns</h2>
            <div class="row">
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sagittis finibus orci, vitae interdum nulla sagittis ac. Nunc non tempus metus. Vivamus viverra lectus vitae eleifend vehicula. In nisl odio, placerat quis ipsum sit amet, malesuada aliquet eros. Vestibulum ac nibh ipsum. Mauris eu nisl lectus. Sed molestie enim a sodales consectetur. Mauris blandit lacinia rutrum. Vivamus laoreet eu ante et semper. Aenean id sapien non mauris lobortis efficitur eu volutpat elit. Pellentesque cursus, nunc sit amet cursus congue, augue augue blandit diam, at mattis eros quam sed lacus.</p>
            </div>
        </div>
        <footer>
            <div class="page left" ng-class="{wide:!menuOpen}">
                <div class="row">
                    <p>Suspendisse hendrerit placerat velit quis tempus. In faucibus vel magna quis pulvinar. In hac habitasse platea dictumst. Nulla facilisi. Morbi suscipit eros quis dictum porttitor. Fusce ut faucibus felis, ut condimentum velit. Cras vel gravida augue. Vivamus id aliquet arcu, eu varius nunc.</p>
                </div>
            </div>
        </footer>
        <script src="app.js"></script>
	</body>
</html>