machinegunfly.github.io/index.html at main · machinegunfly/machinegunfly.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Machine Gun Fly</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="https://kit.fontawesome.com/631210626b.js" crossorigin="anonymous"></script>
</head>
<body onload="endLoader()">
<div id="container">
    <div class="header">
        <div class="inner">
            <div class="header-left width-left">
                <a href="index.html">
                    <img src="img/logo_white.png" height="64" id="header-logo" class="img-black opacity-down"/>
                    <span>machinegunfly</span>
                    <div class="logo-long1"></div>
                    <div class="logo-long2"></div>
                </a>
            </div>
            <div class="header-right width-right">
                <a href="index.html">home</a>
                <a href="works.html">works</a>
                <a href="hire.html">hire us</a>
                <a href="contact.html">contact</a>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content-big">
            <div class="inner center">
                <h3>
                    Branding, UI Design, Web Design<br>
                </h3>
                <a href="hire.html" class="button">learn more</a>
            </div>
        </div>
        <div class="center inner">
            <img src="img/img_app1.png" class="window noselect"/>
        </div>
        <div class="inner">
        </div>
    </div>
    <div class="footer">
        <div class="inner">
            <div class="width33">
                <b>Website:</b><br>
                <a href="index.html">home</a><br>
                <a href="team.html">team</a><br>
                <a href="works.html">works</a><br>
                <a href="hire.html">hire us</a><br>
                <a href="learn.html">learn more</a><br>
                <a href="contact.html">contact</a><br>
            </div>
            <div class="width33">
                <b>Socials:</b><br>
                <a href="">instagram</a><br>
                <a href="">twitter</a><br>
                <a href="">discord</a><br>
                <a href="">youtube</a><br>
                <a href="">steam</a><br>
            </div>
            <div class="width33">
                <b>Contact:</b><br>
                <a href="">email</a><br>
                <a href="">phone</a><br>
                <br>
                <b>Downloads:</b><br>
                <a href="">press kit</a><br>
            </div>
            <div class="footer-end center noselect">
                © 2021 - Jan Poláček (neostetic)
            </div>
        </div>
    </div>
    <div id="loader" class="div-loader flex-center fixed">
        <img src="img/logo_sqar.png" height="200" width="200" class="div-loader-icon img-black opacity-down"/>
    </div>
    <div id="eyecare" class="eyecare">
        <i id="eyecare-icon" class="fas fa-low-vision"></i>
    </div>
</div>
<script src="script/loader.js"></script>
<script src="script/eyecare.js"></script>
</body>
</html>