ZirkonGraphics.github.io/index.html at master · ZirkonGraphics/ZirkonGraphics.github.io · 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="de">
  <head>
    <!-- Required meta tags always come first -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <title>ZirkonGraphics</title>
    <link rel="icon" href="Zirkon.ico">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">
    <!-- Custom Stylesheet -->
    <link rel="stylesheet" href="Stylesheets/styles.css">
    <link rel="stylesheet" href="Stylesheets/hover.css">
    <link rel="stylesheet" href="Stylesheets/footer.css">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  </head>

  <body>
    <nav class="navbar navbar-light navbar-full" style="background-color: white">
      <div class="nav navbar-nav">
        <a class="navbar-brand" href="http://ZirkonGraphics.de"><img width="30" height="30" src="Zirkon.svg"></a>
        <!--<a class="navbar-brand" href="http://ZirkonGraphics.de">ZirkonGraphics</a>-->
        <a class="nav-item nav-link active" href="http://ZirkonGraphics.de">Home<span class="sr-only">(current)</span></a>
        <a class="nav-item nav-link" href="voicemessenger">Voicemessenger</a>
        <a class="nav-item nav-link" href="mitglieder">Mitglieder</a>
        <a class="nav-item nav-link" href="kontakt">Kontakt</a>
      </div>
    </nav>


    <div class="container top-info">
        <div class="row">
            <div class="col-md-7">
                <div class="embed-responsive embed-responsive-16by9">
                    <iframe width="640" height="360" src="https://www.youtube.com/embed/NpEaa2P7qZI?rel=0&amp;controls=0&amp;showinfo=0" allowfullscreen></iframe>
                </div>
            </div>
            <div class="col-md-5">
                <h1>Unsere Ziele</h1>
                <p style="text-align:center;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro veritatis fugit cupiditate earum ipsam tempora enim ab nemo, repudiandae incidunt nihil voluptatibus a modi molestias vero. Itaque voluptas cupiditate mollitia!</p>
            </div>
        </div>
    </div>

    <hr>

    <h1>Die Gründer</h1>

    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="hovereffect">
        <img class="img-fluid" src="/Images/Jugoli.png" alt="">
            <div class="overlay">
                <h2>Jugoli</h2>
				<p>Ich bin Julian, 16 Jahre alt und versuche mich seit ca. 2 Jahren am Erstellen, sowie Bearbeiten von 3D-Inhalten. Ich arbeite hauptsächlich mit Cinema4D und After Effects.</p>
            </div>
    </div>
            </div>
        <div class="col-md-4">
            <div class="hovereffect">
        <img class="img-fluid" src="/Images/ReleaseGraphics.png" alt="">
            <div class="overlay">
                <h2>ReleaseGraphics</h2>
				<p>Ich bin Tim, 16 Jahre alt und bin seit gut zwei Jahren im Minecraft Design tätig. Allerdings designe ich aus zeitlichen Gründen nur noch für Freunde. Meine Hauptaufgabe ist die Wartung der Server und der Domain.</p>
            </div>
    </div>
        </div>
        <div class="col-md-4">
            <div class="hovereffect">
        <img class="img-fluid" src="/Images/SkyGuardian.png" alt="">
            <div class="overlay">
                <h2>SkyGuardian</h2>
				<p>Ich bin Malte, 15 Jahre alt und mache 2D motiondesigns in AfterEffects und Illustrator. Ich kümmere mich um die Website und gestalte das Design des Clans.</p>
            </div>
    </div>
        </div>
        </div>
    </div>


    <footer class="footer">
      <div class="container">
        <p style="color:black;text-align:center">© ZirkonGraphics 2016</p>
      </div>
    </footer>


    <!-- jQuery first, then Bootstrap JS. -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/js/bootstrap.min.js" integrity="sha384-vZ2WRJMwsjRMW/8U7i6PWi6AlO1L79snBrmgiDpgIWJ82z8eA5lenwvxbMV1PAh7" crossorigin="anonymous"></script>
  </body>
</html>