index.html

---
layout: default
js:
 - vendor/jquery.adaptive-backgrounds.min
 - home
---
<div class="home">
  <img style="width:2000px"src="{{site.media}}02theater.jpg"/>
</div>

  <ul class="bullets">
    <li class="bullet">
      <div class="bullet-icon bullet-icon-1">
        <img src="{{site.media}}icon02.png" alt="">
      </div>
      <div class="bullet-content">
        <h2>What we do</h2>
        <p>We help CSIRTs focus their remediation efforts on the most important risks; to help understand where improvements can be made and how, together, we can achieve a more sustainable, secure, and resilient cyber ecosystem. <a href="/what-we-do/">Read more &raquo;</a></p>
        </div>
    </li>
    <li class="bullet">
      <div class="bullet-icon bullet-icon-2">
        <img src="{{site.media}}icon17.png"  alt="">
      </div>
      <div class="bullet-content">
        <h2>Stats and Data</h2>
        <p>We provide statistically mature, state-of-the-art metrics-based measurement and visualisation of key risk indicators in the Cyber Ecosystem, using carefully curated and validated data from multiple sources. <a href="http://stats.cybergreen.net/">Read more &raquo;</a> </p>
      </div>
    </li>
    <li class="bullet">
      <div class="bullet-icon bullet-icon-3">
        <img src="{{site.media}}icon15.png" alt="">
      </div>
      <div class="bullet-content">
        <h2>Get involved</h2>
        <p>Keeping the Cyber Ecosystem clean is a shared responsibility. There’s no better way to make an impact than to become an active advocate yourself by joining our mailing list or becoming a CyberGreen supporter or sponsor. <a href="/contact/">Read more &raquo;</a></p>
      </div>
    </li>
  </ul>

  <div class="side-image">
  <div class="images-wrapper"></div>
    <div class="side-image-content">
      <h4>Improving Global Cyber Health</h4>
      <h1>Get your copy of CyberGreen’s infographic on how metrics make a difference!</h1>
      <p>A Cyber Ecosystem that is full of infections poses major risks to stakeholders and internet citizens around the world. Download our Infographic to learn more about these risks, what CyberGreen does to mitigate them, and how you can help.</p>
      <button href="{{site.media}}CG-infographic-2016-web.pdf" style="font-size:20px;" target="_blank">Download</button>
  </div>
</div>

<img src="{{site.media}}cyber08.jpg">

<div class="wrapper">
  <h2 style="color:#00D49A; font-size:40px; margin-top:40px; margin-bottom:20px;">News</h2>
  <ul style="list-style-type:none; padding-left:0px;">
  {% for post in site.posts limit:4 %}
    <li style="margin-bottom:40px; clear:both">
      <div class="details">
        <h2 style="color:#00BAB5; font-size:20px">{{ post.title }}</h2>
        {% if post.image %}
        <img style="width:150px; margin-right:20px; margin-top: 20px; margin-bottom: 35px; float:left" src="{{site.media}}{{post.image}}" />
        {% endif %}
        <div class="meta">
           <span class="date">{{ post.date | date_to_long_string }}</span>
           <span class="author">{{ post.author }}</span>
        </div>
      </div>
      <div class="excerpt">
        {{ post.content | markdownify | strip_html | truncatewords: 25  }}
        <a href="{{ post.url }}" title="read full post">Read more &raquo;</a>
      </div>
    </li>
  {% endfor %}
  </ul>
</div>

<div class="wrapper" style="margin-bottom:50px; margin-top:50px">
    <h2 style="color:#00D49A;; font-size:40px; margin-bottom:20px;">Contact</h2>
    <form action="https://formspree.io/contact@cybergreen.net"
          method="POST">
          <h4>Name</h4>
        <input type="text" name="name" />
        <h4>Email</h4>
        <input type="email" name="_replyto" />
        <h4>Description</h4>
        <textarea  name="description"> </textarea>
        <input type="submit" value="Send">
    </form>
</div>