hexio.github.io/index.html at master · hexIO/hexio.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
<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>hexIO</title>
    <meta name="description" content="HexIO is a creative educational toy built by Rice University students to teach children about boolean programming logic.">
    <meta name="keywords" content="Boolean logic toy, digital logic toy, HexIO, HexIO Rice University, HexIO Educational Technologies, creative educational toy, computer hardware toy, computer logic toy, boolean logic puzzle">
    <script>
         (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
         (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
         m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
         })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

         ga('create', 'UA-96545006-1', 'auto');
         ga('send', 'pageview');
    </script>
    <script type='application/ld+json'>
    {
      "@context": "http://www.schema.org",
      "@type": "product",
      "name": "HexIO",
      "image": "http://hexio.org/img/header_logo.png",
      "description": "A creative educational toy built by Rice University students to teach children about boolean programming logic."
    }
     </script>
    <!-- Bootstrap core CSS -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="css/hexio.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Cabin+Sketch:400,700|Open+Sans:300,400,400i,600,600i,700,700i" rel="stylesheet">
    <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
    <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type="text/css" />

    <!-- Custom styles for this template -->
    <link href="./index_files/navbar-top-fixed.css" rel="stylesheet">
  <style type="text/css">
:root #content > #right > .dose > .dosesingle,
:root #content > #center > .dose > .dosesingle
{ display: none !important; }</style></head>

  <body>
    <img src="img/bg-new.jpg" id="full-screen-background-image" />
    <!-- <nav class="navbar bg-faded navbar-toggleable-md fixed-top transparent">
      <div class="navbar-logo"><a class="navbar-brand mx-auto hexio-logo2" href="#"><img src="img/header_logo.png" height="40px"></a></div>
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav mx-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#">home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">mission</a>
          </li>
           <a class="navbar-brand mx-auto hexio-logo" href="#"><img src="img/header_logo.png" height="50px"></a>
          <!-- <li class="nav-item">
            <a class="nav-link disabled" href="#">team</a>
          </li>
          <li class="nav-item">
            <a class="nav-link disabled" href="#">blog</a>
         </li>
        </ul>
      </div>
    </nav> -->

    <div class="container" style="margin-top: -20px; margin-bottom: 20px;">
      <div style="text-align: center"><img src="img/header_logo.png" height="140px"></div>
      <div class="jumbotron" style="background: none;">
        <div class="row">
            <div class="col-sm-4 introphoto" style="text-align: center; margin-top: -20px;"><img src="img/hex.png" class="img-responsive" style="justify-content: center; max-height: 300px;">
            </div>
            <div class="col-md-8" style="" id="introtext">
                <span><h1 style="color: #6bbf67">meet hexIO</h1></span>
                <span id="introp" style="font-size: 22px; font-family: Open Sans; font-weight: 300;">A creative educational toy built by Rice University students to teach children about boolean programming logic.</span>
                <form action="http://hexio.us15.list-manage.com/subscribe/post?u=c1079b66fd02cbef1190c3bdd&amp;id=709b14edf5" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form-inline" target="_blank" novalidate>
                    <div id="mc_embed_signup_scroll">
                        <img src="img/mail.png" id="mailimg" height="70">
                        <div class="input-group"><input type="email" value="" name="EMAIL" class="form-control" id="mce-EMAIL" placeholder="join our mailing list" style="font-family: Open Sans; font-weight: 300;" required>
                        <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_c1079b66fd02cbef1190c3bdd_709b14edf5" tabindex="-1" value=""></div>
                        <span class="input-group-btn"><input type="submit" value="subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn btn-submit" style="margin-right: 10px;"></span></div>
                    </div>
                </form>
            </div>
        </div>
      </div>
      <div class="row" style="margin-top: 0px; margin-bottom: 10px; text-align: center;">
      <iframe width="560" height="315" src="https://www.youtube.com/embed/zADsEeEdQcE" frameborder="0" allowfullscreen></iframe><br><br>
      </div>
      <div class="row" style="margin-top: 10px; padding-top: 25px;" id="comprow">
        <div class="col-md-8">
          <br>
          <h1 style="color: #66b4e4">our vision</h1>
          <span style="font-size: 20px; font-family: Open Sans; font-weight: 300;">As STEM students, we have a passion for sharing our knowledge and inspiring others to pursue their STEM interests. We want HexIO to bridge the gap in pre-college education, and provide kids with a chance to learn more about the world around them.</span>
        </div>
        <div class="col-sm-4" style="text-align: center;">
          <br>
          <img src="img/computer.png" height="270" style="padding-bottom: 50px;">
       </div>
      </div>
      <br>
      <div class="row" id="mobirow" style="margin-top: -50px;">
        <div class="col-md-8" style="">
          <h1 style="color: #66b4e4">our vision</h1>
          <span style="font-size: 20px; font-family: Open Sans; font-weight: 300;">As STEM students, we have a passion for sharing our knowledge and inspiring others to pursue their STEM interests. We want HexIO to bridge the gap in pre-college education, and provide kids with a chance to learn more about the world around them.</span>
       </div>
       <div class="col-sm-4" style="text-align: center;">
           <br>
          <img src="img/computer.png" height="250" style="">
        </div>
      </div>
      <div class="row">
        <div class="col-sm-4" style="">
          <img src="img/bulbs.png" height="200">
        </div>
        <div class="col-md-8">
          <br>
          <h1 style="color: #f299c1">our product</h1>
          <span style="font-size: 20px; font-family: Open Sans; font-weight: 300;">We've created modular building blocks that contain Boolean logic gates, the fundamental pieces in computers that process signals of 0's and 1's. When kids play with HexIO blocks and logic puzzle games – they learn how a computer works!</span>
       </div>
      </div>
      <br><br><br><br><br>
        <div class="footer">
          <div class="row">
              <p align="center"><i class="fa fa-newspaper-o" style="margin-right: 3px;" aria-hidden="true"></i> read about us <a href="http://www.ricethresher.org/article/2017/04/students-alumni-split-30000-in-entrepreneurship-contest">in the news</a> | <i class="fa fa-facebook-official" style="margin-right: 3px;" aria-hidden="true"></i> <a href="#">hexIO</a> | <i class="fa fa-envelope-o" style="margin-right: 3px;" aria-hidden="true"></i> <a href="mailto:[email protected]">[email protected]</a> | Houston, Texas</p>
          </div>
        </div>
    </div>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="./index_files/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="./index_files/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
    <script src="./index_files/bootstrap.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="./index_files/ie10-viewport-bug-workaround.js"></script>


</body>
</html>