polytope.github.io/index.html at master · polytope/polytope.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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Polytope</title>
    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet">
    <link href="assets/styles/styles.css" rel="stylesheet">
    <script src="https://kit.fontawesome.com/bf39559890.js" crossorigin="anonymous"></script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-178040502-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-178040502-1');
    </script>
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="msapplication-TileColor" content="#2b5797">
    <meta name="theme-color" content="#ffffff">
</head>

<body class="leading-normal tracking-normal text-gray-900">
    <div class="pb-14 bg-right bg-cover mb-12">
        <!--Nav-->
        <div class="w-full p-6 top-bar">
            <div class="container mx-auto">
                <div class="w-full flex items-center justify-between">
                    <a class="flex items-center text-indigo-400 no-underline hover:no-underline font-bold text-2xl lg:text-4xl"
                        href="#">
                        <img src="assets/logos/logo-01.svg" class="h-12 fill-current text-indigo-600 pr-2" />
                    </a>

                    <div class="flex w-1/2 justify-end content-center">
                        <a class="inline-block text-blue-300 no-underline hover:text-indigo-800 hover:text-underline text-center h-10 p-2 md:h-auto md:p-4"
                            data-tippy-content="@twitter_handle" href="https://github.com/polytope">
                            <svg class="fill-current h-6" viewBox="0 0 29 29">
                                <path
                                    d="M14.499 0C6.493 0 0 6.656 0 14.867c0 6.569 4.154 12.14 9.916 14.107.726.137.99-.323.99-.717 0-.352-.012-1.288-.02-2.528-4.033.898-4.884-1.993-4.884-1.993-.66-1.718-1.61-2.175-1.61-2.175-1.317-.922.1-.904.1-.904 1.455.105 2.22 1.533 2.22 1.533 1.294 2.271 3.395 1.615 4.22 1.235.132-.96.507-1.616.921-1.987-3.22-.375-6.605-1.651-6.605-7.348 0-1.623.566-2.95 1.493-3.99-.15-.375-.647-1.888.142-3.934 0 0 1.217-.4 3.987 1.524a13.567 13.567 0 0 1 3.63-.5c1.232.005 2.472.17 3.63.5 2.769-1.924 3.984-1.524 3.984-1.524.791 2.046.294 3.559.145 3.935.93 1.038 1.49 2.366 1.49 3.989 0 5.711-3.39 6.968-6.62 7.336.52.459.984 1.366.984 2.753 0 1.987-.018 3.59-.018 4.078 0 .398.262.86.997.716C24.849 27.003 29 21.434 29 14.867 29 6.657 22.507 0 14.499 0"
                                    fill="currentColor" fill-rule="evenodd"></path>
                            </svg>
                        </a>
                    </div>

                </div>
            </div>
        </div>

        <!--Main-->
        <div class="flex justify-center items-center container hero px-6 mx-auto">
            <div class="flex flex-wrap flex-col md:flex-row">
                <!--Left Col-->
                <div class="flex flex-col w-full lg:w-2/5 justify-center lg:items-start overflow-y-hidden">
                    <h1 class="my-4 text-3xl md:text-5xl font-bold leading-tight text-center">
                        onboarding is a
                        <div class="inline bitch txt-polyblue">
                            b<div class="inline bitch-ast">*</div>tch
                        </div>
                    </h1>
                    <p class="leading-normal text-base md:text-2xl mb-8 text-center">
                        we minimize your future hires' onboarding period by
                        having them work on your projects while studying.

                        <p class="text-xl text-gray-600 text-center">
                            Polytope covers fields such as <i>Computer-Science,
                            Software Engineering, IT,</i> and <i>Interaction Design</i>.
                        </p>
                    </p>
                </div>

                <!--Right Col-->
                <div class="w-full lg:w-3/5 py-6 overflow-y-hidden">
                    <img class="w-5/6 mx-auto lg:mr-0 slide-in-bottom" src="assets/images/undraw_career_progress_ivdb.svg">
                </div>
            </div>
        </div>
    </div>

    <hr />


    <div class="mx-auto flex items-center my-12 md:my-24 justify-center origami-background">
        <div class="origami-left hidden lg:block"></div>
        <div class="origami-right hidden lg:block"></div>
        <!--Left Col-->
        <div class="contact-body container flex flex-col w-full lg:w-1/2 justify-center items-start pt-12 pb-24 px-6">
            <h1 class="leading-normal font-bold text-3xl md:text-5xl my-4 text-center w-full">
                contact polytope
            </h1>
            <h2 class="leading-normal text-base md:text-2xl mb-8 text-center text-gray-700 w-full">
                looking for more information? find our contact information below and we will get back to you shortly
            </h2>

            <div class="flex flex-col md:flex-row w-full">
                <div class="flex-1 w-full rounded overflow-hidden shadow-lg">
                    <iframe class="w-full h-full"
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3983.884102905461!2d9.984419853027783!3d57.01339844475105!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x464eccdc004e86a7%3A0x2f0ab12fcde56e4c!2sNiels%20Jernes%20Vej%2014%2C%209220%20Aalborg!5e0!3m2!1sen!2sdk!4v1583871761551!5m2!1sen!2sdk"
                        frameborder="0" style="border:0;" allowfullscreen=""></iframe>
                </div>

                <div class="flex-1 max-w-full-md rounded overflow-hidden shadow-lg bg-white">
                    <div class="px-6 py-4">
                        <div class="mx-auto w-1/2 lg:w-1/3 contact-image mb-4 hidden md:block">
                            <img src="assets/icons/contact.svg" width="100%" />
                        </div>
                        <div class="font-bold text-xl mb-2">Polytope ApS</div>
                        <div class="text-gray-700 text-base">
                            <p>c/o Polytope</p>
                            <p>Niels Jernes Vej 10</p>
                            <p>9220 Aalborg Øst</p>
                            <p>Denmark</p>
                            <p class="mt-4">
                                <a href="tel:+4522939464">
                                    <p class="inline">tel: </p>
                                    <p class="inline text-indigo-500">+45 22 93 94 64</p>
                                </a>
                                <p class="">CVR: 39447150</p>
                            </p>
                            <p>
                                <a href="mailto:contact@polytope.dk">
                                    <p class="inline">email: </p>
                                    <p class="inline text-indigo-500">contact@polytope.dk</p>
                                </a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="contact-wrap" id="floatingContactWrap">
        <div class="btn primary-btn fixed cursor-pointer" id="floatingContactButton" style="display: inline-block;">
            Contact Us
        </div>
    </div>

    <script src="assets/scripts/script.js"></script>
</body>

</html>