Callum Silcock 2014
Flat Code Editor
Inspired by Dribbble Shot
https://dribbble.com/shots/1016617-Web-Development-Icon
-->
<head>
<title>
Flat Code Editor
</title>
<script src="https://use.edgefonts.net/open-sans:n4,i4,n7.js"></script>
</head>
<body>
<!-- Pen Information -->
<input id="info" name="info" type="checkbox" />
<label for="info">i</label>
<h1>
Inspired by <a href="https://dribbble.com/shots/1016617-Web-Development-Icon" target="blank">Chris Smith's dribble shot</a>
<br />
~Callum Silcock 2014 | <a href="https://twitter.com/cub3" target="_blank">@Cub3</a></h1>
<!-- Code Editor -->
<section class="code-editor">
<div class="controls">
<i class="fa fa-expand fullscreen"></i>
<i class="fa fa-chevron-up accordion"></i>
</div>
<div class="embed-nav">
<ul>
<li>
<a href="https://www.blogger.com/blogger.g?blogID=5216481504220808685#html-box" id="html-link">
HTML
</a>
</li>
<li>
<a class="active" href="https://www.blogger.com/blogger.g?blogID=5216481504220808685#css-box" id="css-link">
SCSS
</a>
</li>
<li>
<a href="https://www.blogger.com/blogger.g?blogID=5216481504220808685#js-box" id="js-link">
JS
</a>
</li>
<li>
<a href="https://www.blogger.com/blogger.g?blogID=5216481504220808685#result-box" id="result-link">
Result
</a>
</li>
</ul>
<div class="logo-wrap">
<a href="https://www.blogger.com/blogger.g?blogID=5216481504220808685#" target="_blank" title="Edit on CodePen">
Edit on codepen
</a>
</div>
</div>
<pre class="line-numbers">
<code class="language-scss">
ÖÚ ÇáßæÏ åäÇ
</code>
</pre>
</section>
</body></div>