lumios.github.io/index.html at master · lumios/lumios.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
<!DOCTYPE html>
<html>
  <head>
    <title>Lumios</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="apple-touch-icon" href="assets/img/app-icon.png">
    <link rel="icon" type="image/x-icon" href="favicon.ico">

    <link href="assets/css/caramel.min.css" rel="stylesheet" type="text/css">
    <link href="assets/css/style.css" rel="stylesheet" type="text/css">
    <script src="assets/js/jquery-2.1.3.min.js"></script>
    <script src="assets/js/caramel.js"></script>
  </head>
<body>
    <header class="header fixed">
        <nav class="nav bar">
            <div class="container">
                <ul>
                    <li class="collapse"><a href="#" class="menu"><i class="fa fa-bars"></i></a></li>
                    <li><a href="#">Home</a></li>
                    <li><a href="#projects">Projects</a></li>
                    <li><a href="https://github.com/lumios">GitHub</a></li>
                </ul>

                <ul class="right">
                    <li><a href="https://twitter.com/lumios_ga"><i class="fa fa-twitter fa-fw" style="font-size:16px"></i></a></li>
                </ul>
            </div>
        </nav>
    </header>

    <div class="block title">
        <div align="center">
            <img src="assets/img/Bulb-2.svg" height=250px width=250px>
        </div>
    </div>

    <div class="container">
        <div class="row item-1">
            <a href="http://github.com/lumios/eew">
                <div class="box col-4">
                    <div align="center">
                        <img src="assets/img/eew.svg" height="110px" width="110px" class="logo">
                    </div>
                </div>
                <div class="box col-8">
                    <h4>Earthquake Early Warning</h4>
                    <h6>Get Notified of an Earthquake the moment it happens, by receiving Earthquake Early Warnings on your computer.</h6>
                    <p class="honcol">Be Prepared for an Earthquake, with EEW. Being notified of an Earthquake before it hits*, can save your life. Having even a 5 second warning can give you the chance to prepare an escape route, turn off your stove, get away from tall furniture, and hide under a stable object.</p>
                </div>
            </a>
        </div>
        <div class="row item-2">
            <a href="http://github.com/lumios/caramel">
                <div class="box col-4">
                    <div align="center">
                        <img src="assets/img/caramel.svg" height="110px" width="110px" class="logo">
                    </div>
                </div>
                <div class="box col-8">
                    <h4>Caramel</h4>
                    <h6>A Simple, Modern, Responsive Website Framework.</h6>
                    <p class="honcol">Caramel is a simple, modern, responsive website framework. Caramel is fully responsive, meaning you only need to write code once, to have the same results across multiple platforms.</p>
                </div>
            </a>
        </div>
    </div>

    <footer>
        <div class="row">
            <div class="box col-12">
                <p>Copyright (c) 2015 Lumios - All Rights Reserved.</p>
            </div>
        </div>
    </footer>

</body>
</html>