marksheet/index.html at v1 · csseditor/marksheet · 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
---
layout: default
title: "MarkSheet: a free HTML and CSS tutorial"
route: index
---

<div id="dots" class="dots"></div>

<section class="heading">
  <img src="/images/marksheet-logo.png" alt="MarkSheet logo">
  <h1 class="type">MarkSheet</h1>
  <h2 class="tagline">A free <strong>tutorial</strong> to learn <strong>HTML</strong> and <strong>CSS</strong></h2>
  <div class="hello">
    <div class="tweet">
      <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://marksheet.io" data-text="MarkSheet: a free HTML and CSS tutorial" data-via="jgthms">Tweet</a>
    </div>
    <div class="like">
      <div class="fb-like" data-href="https://www.facebook.com/marksheet.io" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false">Like</div>
    </div>
  </div>
</section>

<section class="intro">
  <ul>
    <li>
      <strong>Short</strong>
      Just as long as a 50 page book
    </li>
    <li>
      <strong>Simple</strong>
      For everyone: beginners, designers, developers
    </li>
    <li>
      <strong>Free</strong>
      As in "free beer" and "free speech"
    </li>
  </ul>
</section>

<section class="chapters">
  <p><strong>4</strong> chapters, <strong>50</strong> lessons</p>
  <ul>
    <li>
      <a href="/introduction.html">
        <i class="fa fa-globe"></i>
        <strong>The Web</strong>
        <em><strong>3</strong> lessons</em>
        <span>For absolute <strong>beginners</strong>.</span>
      </a>
    </li>
    <li>
      <a href="/html-basics.html">
        <i class="fa fa-html5"></i>
        <strong>HTML 5</strong>
        <em><strong>13</strong> lessons</em>
        <span>For <strong>designers</strong> willing to start coding right away.</span>
      </a>
    </li>
    <li>
      <a href="/css-basics.html">
        <i class="fa fa-css3"></i>
        <strong>CSS 3</strong>
        <em><strong>29</strong> lessons</em>
        <span>For <strong>developers</strong> eager to learn how CSS can define the style and layout of a webpage.</span>
      </a>
    </li>
    <li>
      <a href="/sass.html">
        <i class="fa fa-rocket"></i>
        <strong>Sass</strong>
        <em><strong>5</strong> lessons</em>
        <span>For the <strong>smart and lazy</strong>.</span>
      </a>
    </li>
  </ul>
</section>