thirdaxis/index.html at master · kitaedesigns/thirdaxis · 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

<!DOCTYPE html>
<html>
  <head>
    <!--Import Google Icon Font-->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!--Import materialize.css-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
    <link href="https://fonts.googleapis.com/css?family=Exo:500,600,700,900|Jaldi:400,700|Lato:400,700,900" rel="stylesheet">
    <script src="https://aframe.io/releases/0.8.2/aframe.min.js"></script>

    <!--Let browser know website is optimized for mobile-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  </head>

  <body>

        <div class="container">
                <div class="row" >


                        <div class="section">

                        <a-scene cursor="rayOrigin: mouse" embedded style="height:150px;" vr-mode-ui="enabled: false">

                                <a-box position="-0 2 -5" scale="3 3 3"  color="#4CC3D9">
                                        <a-animation attribute="rotation"
                                        begin="click"
                                        dur="1000"
                                        fill="forwards"
                                        to="0 360 0"
                                        direction="alternate">


                                    </a-animation>

                                    <a-animation attribute="material.color"
                                        begin="click"
                                        dur="1000"
                                        fill="forwards"
                                        from="#4CC3D9"
                                        to="red"
                                        direction="alternate">
                                </a-box>


                        </a-scene>


                        </div>

                        <div style="margin-top:-75px" class="section center">

                          <h1 style="font-family: 'Jaldi', sans-serif; font-weight:700">THIRD AXIS</h1>
                        </div>
                        <div class="divider"></div>
                        <div class="section">

                                <p style="font-family: 'Jaldi', sans-serif;font-size:200%" class="flow-text"> <b >Third Axis  </b>is a development studio working on the next generation of
                                    interactive systems and content. Our focus is to create real-time, spatial and easily accessible digital and physical experiences.

                                    Here are some of the things we can help you with:

                                </p>

                        </div>


                </div>

                <div class="row">
                        <div class="col s12 m6">

                          <h4 style="font-family: 'Jaldi', sans-serif; font-weight:600">Creative Consulting</h4>
                        <p style="font-family: 'Jaldi', sans-serif;" class="flow-text"> Not sure of the path forward? Our team can help you find the right creative and technical solution to your problem. Make the next decision for your team with confidence. </p>

                        </div>

                        <div class="col s12 m6">

                                <h4 style="font-family: 'Jaldi', sans-serif; font-weight:600">Software Development</h4>
                                <p style="font-family: 'Jaldi', sans-serif;" class="flow-text">Third Axis specializes in creating performant software solutions for websites, AV applications and 3D experiences. We utilize open-source technology and have published some of our own tools and research here. </p>


                         </div>

                         <div class="col s12 m6">
                                <h4 style="font-family: 'Jaldi', sans-serif; font-weight:600">Computer Graphics and Rendering</h4>
                                <p style="font-family: 'Jaldi', sans-serif;" class="flow-text"> Looking for high-quality graphics and assets? Our team can handle the entire CG pipeline, from 3D model to the final render. We utilize tools like Unreal Engine, Unity, Maya, Houdini and Touch Designer to get the job done. </p>


                            </div>

                            <div class="col s12 m6">

                                    <h4 style="font-family: 'Jaldi', sans-serif; font-weight:600">Audio Visual Installation</h4>
                                    <p style="font-family: 'Jaldi', sans-serif;" class="flow-text"> Third Axis creates engaging and immersive physical installations for your space. We have experience installing displays, speakers, tracking systems and developing the right software solution to power it all. </p>


                             </div>


                </div>


         </div>


    <!--JavaScript at end of body for optimized loading-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

  </body>
</html>