---
layout : 'default'
css    : 'index'
title  : 'Introduction'
type   : 'Semantic'
---

<div class="masthead segment">
  <div class="container">
    <h1><i class="icon flash"></i>Semantic</h1>
    <h2><strike>HTML</strike> UI is the language of the web.</h2>
    <p>Semantic empowers designers and developers by creating a shared vocabulary for UI.</p>
    
    <div class="ui large black buttons">
      <a href="#" class="ui button"><i class="icon cloud"></i> Download</a>
      <a href="#" class="ui button"><i class="icon terminal"></i> Customize</a>
    </div>
    
  </div>
</div>

<div class="solid">
  <div class="container">
    <h2 class="ui header"><i class="icon eye"></i>HTML for Everyone</h2>
    <p>Semantic code is designed to work like natural language so front end code can be understood and written without being a tech guru.</p>
    <h2 class="ui header"><i class="icon easel"></i>  Reskin your site in seconds</h2>
    <p>Semantic provides an exchange format for UI, so swapping out designs doesn't mean rewriting your site's codebase.</p>
    <h2 class="ui header"><i class="icon users"></i>  Made for the Community</h2>
    <p>Semantic gives front end developers a common language to develop UI components, so we can all start speaking the same language.</p>
  </div>
</div>


</body>

</html>