LandingPage/index.html at gh-pages · Hyperfeit/LandingPage · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Hyperfeit</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

    <link rel="stylesheet" href="style.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="page section even" id="top">
      <div class="content">
        <h1>Hyperfeit</h1>
        <h3>Securing the Supply Chain</h3>
        <a href="#about"><button type="button" class="btn btn-danger">Learn more &raquo;</button></a>
        <a href="#updates"><button type="button" class="btn btn-danger">Get updates &raquo;</button></a>
      </div>
    </div>

    <div id="about" class="section odd">
      <h2>Our Mission</h2>
      <p>
        Our novel technology enables suppliers to quickly and cheaply verify the authenticity of purchased products.
        It takes advantage of recent breakthroughs in distributed blockchain technology to prevent the sale of counterfeit goods.
        Interested in learning more? <a href="mailto:team@hyperfeit.com">Let us know</a> or <a href="#updates">sign up to hear more in the future</a>.
      </p>
    </div>

    <div id="team" class="section even">
      <h2>Meet the Team</h2>
      <p>
        We are three students from Brown University passionate about blockchain technologies.
      </p>
      <div class="row">
        <div class="col-md-4 person">
          <img src="img/thomas.jpg" alt="Thomas Abebe" class="img-circle" />
          <span class="name"><a href="mailto:thomas@hyperfeit.com">Thomas Abebe</a></span>
          <p>
            Thomas Abebe is a student at Brown studying Computer Science and Economics. He has
            a deep interest in decentralized technologies, particularly blockchains. Specifically, he's
            interested in the application of blockchains to supply chain manangement.
          </p>
        </div>
        <div class="col-md-4 person">
          <img src="img/sergio.jpg" alt="Sergio Chen" class="img-circle" />
          <span class="name"><a href="mailto:sergio@hyperfeit.com">Sergio Chen</a></span>
          <p>
            Sergio is a junior at Brown and studies computer science and history.
            He is passionate about all security related matters, ranging from supply chain security to cybersecurity, to international security.
          </p>
        </div>
        <div class="col-md-4 person">
          <img src="img/greg.jpg" alt="Greg Carlin" class="img-circle" />
          <span class="name"><a href="mailto:greg@hyperfeit.com">Greg Carlin</a></span>
          <p>
            Greg is a computer science major who has been programming since the sixth grade.
            He is currently a freshman at Brown, and has extensive experience in Java, HTML, CSS, JavaScript, MySQL, MongoDB, and other technologies.
          </p>
        </div>
      </div>
    </div>

    <div id="updates" class="section odd">
      <h2>Sign Up For Updates</h2>
      <p>
        Be the first to know when we launch! Enter your email to be notified the moment we're ready to ship.
      </p>
      <!-- Begin MailChimp Signup Form -->
      <div id="mc_embed_signup">
        <form action="//hyperfeit.us13.list-manage.com/subscribe/post?u=927634893c4c5dea41c21e54c&amp;id=bc5fdb0e1f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
          <div id="mc_embed_signup_scroll">
            <div class="mc-field-group">
              <input type="email" value="" name="EMAIL" class="required email form-control" id="mce-EMAIL" placeholder="Email address">
            </div>
            <div id="mce-responses" class="clear">
              <div class="response" id="mce-error-response" style="display:none"></div>
              <div class="response" id="mce-success-response" style="display:none"></div>
            </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_927634893c4c5dea41c21e54c_bc5fdb0e1f" tabindex="-1" value=""></div>
            <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button btn btn-danger"></div>
          </div>
        </form>
      </div>
      <!--End mc_embed_signup-->
    </div>
  </body>
</html>