HackIllinois/target2.html at master · kuprogrammingclub/HackIllinois · 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>
<!-- This site was created in Webflow. http://www.webflow.com-->
<!-- Last Published: Sat Feb 20 2016 23:09:34 GMT+0000 (UTC) -->
<html data-wf-site="56c5200f5f4a7cf431e6d57a" data-wf-page="56c5200f5f4a7cf431e6d57d">
<head>
  <meta charset="utf-8">
  <title>Hannah Johnson's First Site</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="generator" content="Webflow">
  <link rel="stylesheet" type="text/css" href="css/normalize.css">
  <link rel="stylesheet" type="text/css" href="css/webflow.css">
  <link rel="stylesheet" type="text/css" href="css/hannah-johnsons-first-site.webflow.css">
  <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
  <script>
    WebFont.load({
      google: {
        families: ["Roboto:300,regular,500","Roboto Condensed:300,regular,700","Roboto Slab:300,regular,700","Arbutus Slab:regular"]
      }
    });
  </script>
  <script type="text/javascript" src="js/modernizr.js"></script>
  <link rel="shortcut icon" type="image/x-icon" href="images/New icon.ico">
  <link rel="apple-touch-icon" href="images/metric-webclip.png">
</head>
<body>
  <div data-collapse="medium" data-animation="default" data-duration="400" data-contain="1" class="w-nav navigation">
    <div class="w-container">
      <a href="index.html" class="w-nav-brand brand-link">
        <div class="logo-text">Metric</div>
      </a>
      <nav role="navigation" class="w-nav-menu nav-menu"><a href="#features" class="w-nav-link nav-link">Features</a><a href="#pricing" class="w-nav-link nav-link">Pricing</a><a href="#customers" class="w-nav-link nav-link">Customers</a><a href="#" class="w-nav-link nav-link">Sign Up</a>
      </nav>
      <div class="w-nav-button nav-link menu">
        <div class="w-icon-nav-menu"></div>
      </div>
    </div>
  </div>
  <div data-animation="slide" data-duration="500" data-infinite="1" class="w-slider slider">
    <div class="w-slider-mask">
      <div class="w-slide slide _1">
        <div class="w-container"></div>
      </div>
      <div class="w-slide slide _2">
        <div class="w-container"></div>
      </div>
      <div class="w-slide slide _3">
        <div class="w-container"></div>
      </div>
    </div>
    <div class="w-slider-arrow-left">
      <div class="w-icon-slider-left"></div>
    </div>
    <div class="w-slider-arrow-right">
      <div class="w-icon-slider-right"></div>
    </div>
    <div class="w-slider-nav w-round"></div>
  </div>
  <div id="top" class="w-section section main">
    <div class="w-container">
      <div class="w-row">
        <div class="w-col w-col-6">
          <h1 class="main-heading">Grow Your Business 10x with Metric</h1>
          <p class="main-subtitle">The Metric Dashboard brings all of your business insights under one roof. Revenue metrics, social, integrations - everything.</p><a href="#" class="button hollow">Learn More</a>
        </div>
        <div class="w-col w-col-6"><img width="422" src="images/business_people.jpg" data-ix="fade-in-on-load" class="main-image">
        </div>
      </div>
    </div>
  </div>
  <div id="customers" class="w-section section">
    <div class="w-container">
      <h2>What People Say About Us</h2>
      <div data-animation="slide" data-duration="500" data-infinite="1" class="w-slider testimonial-slider">
        <div class="w-slider-mask">
          <div class="w-slide testimony-slide">
            <p class="testimony-text">“ Securitiespook really went out of their way to perfect our superlative brand.  I can't think of a more mission critical, postdeterministic, or directionally accurate company in the market today.  They really dive deep.  ”</p><img width="64" src="images/04f14af5199093cdd29a89eb295febf5.jpeg" class="person">
            <div class="name">Kyle Killit</div>
            <div class="title">Designer at Tiempo Labs</div>
          </div>
          <div class="w-slide testimony-slide">
            <p class="testimony-text">“ My sister told me to check out TechCull for my higher-order thinking.  I was pleasantly surprised; they raise the stakes, and even repurpose content.  Wow! Give them a shot for your imagineer, you won't regret it.  ”</p><img width="100" src="images/sergie-square.jpg" class="person">
            <div class="name">Sergie Kalashnikov</div>
            <div class="title">CEO at BentoBoxesFoLunch</div>
          </div>
          <div class="w-slide testimony-slide">
            <p class="testimony-text">“ Spectrum Standards Lab really went out of their way to perfect our business-to-consumer nanotechnology.  I can't think of a more responsive, buzzword compliant, or powerful company in the market today.  They really retarget.  ”</p><img width="100" src="images/bryant-square.jpg" class="person">
            <div class="name">Bryant Chou</div>
            <div class="title">CTO at Slappa Labs</div>
          </div>
        </div>
        <div class="w-slider-arrow-left slider-arrow">
          <div class="w-icon-slider-left"></div>
        </div>
        <div class="w-slider-arrow-right slider-arrow">
          <div class="w-icon-slider-right"></div>
        </div>
        <div class="w-slider-nav w-round slide-nav"></div>
      </div>
    </div>
  </div>
  <div class="w-section section footer">
    <div class="w-container">
      <div class="w-row">
        <div class="w-col w-col-6">
          <div class="logo-text footer">Metric</div>
          <div class="footer-slogan">Sign up for our newsletter</div>
          <div class="w-form newsletter-form">
            <form id="wf-form-newsletter" name="wf-form-newsletter" data-name="Newsletter" class="w-clearfix">
              <input id="email" type="email" placeholder="Email Address" name="email" data-name="Email" required="required" class="w-input newsletter-field">
              <input type="submit" value="Subscribe" data-wait="Wait..." wait="Wait..." class="w-button newsletter-button">
            </form>
            <div class="w-form-done success-message">
              <p>Thank you! You’ll receive an email shortly.</p>
            </div>
            <div class="w-form-fail">
              <p>Oops! Something went wrong while submitting the form :(</p>
            </div>
          </div>
          <div class="social-icon-group">
            <a href="#" class="w-inline-block social-icon"><img src="images/facebook-icon.svg">
            </a>
            <a href="#" class="w-inline-block social-icon"><img src="images/twitter-icon.svg">
            </a>
            <a href="#" class="w-inline-block social-icon"><img src="images/linkdin-icon-white.svg">
            </a>
            <a href="#" class="w-inline-block social-icon"><img src="images/email-icon-white.svg">
            </a>
          </div>
        </div>
        <div class="w-col w-col-2">
          <h4 class="footer-title">Company</h4><a href="#" class="page-link in-footer">Home</a><a href="#" class="page-link in-footer">Features</a><a href="#" class="page-link in-footer">Clients</a><a href="#" class="page-link in-footer">Pricing</a><a href="#" class="page-link in-footer">Sign Up</a>
        </div>
        <div class="w-col w-col-2">
          <h4 class="footer-title">Product</h4><a href="#" class="page-link in-footer">Analytics</a><a href="#" class="page-link in-footer">Businesses</a><a href="#" class="page-link in-footer">Testimonials</a><a href="#" class="page-link in-footer">Integrations</a>
        </div>
        <div class="w-col w-col-2">
          <h4 class="footer-title">Legal</h4><a href="#" class="page-link in-footer">Privacy Policy</a><a href="#" class="page-link in-footer">Terms of Use</a>
        </div>
      </div>
    </div>
  </div>
  <div class="w-section section footer copyright">
    <div class="w-container">
      <div>Copyright 2014 Metric. All Rights Reserved. Brand logos for demonstration purposes only.</div>
    </div>
  </div>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  <script type="text/javascript" src="js/webflow.js"></script>
  <!--[if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]-->
</body>
</html>