CSS-Secrets/index.html at master · opensource-now/CSS-Secrets · 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
<!DOCTYPE html>
<html lang="en" class="no-js">
	<!--
The "no-js" class is here as a fallback.
If Modernizr is not running, you'll know
something is wrong and you will be able to act
accordingly. In contrast, if everything goes well,
Modernizr will remove that special class.
-->

<head>

  <!-- Basic Page Needs
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta charset="utf-8">
  <title>CSS Secrets</title>
  <meta name="description" content="">
  <meta name="author" content="">

  <!-- Mobile Specific Metas
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta name="viewport" content="width=device-width, initial-scale=1">


  <!-- Modernizr.js
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <script src="./js/modernizr.js" type="text/javascript"></script>


  <!-- FONT
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link href="http://fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">

  <!-- CSS
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link rel="stylesheet" href="./css/normalize.css">
  <link rel="stylesheet" href="./css/skeleton.css">

   <link href="./css/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
  <link href="./css/print.css" media="print" rel="stylesheet" type="text/css" />
  <!--[if IE]>
      <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
  <![endif]-->


  <!-- Favicon
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link rel="icon" type="image/png" href="images/favicon.png">

</head>
<body>

  <!-- Primary Page Layout
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <div class="container">
    <div class="row">
      <div class="one-half column" style="margin-top: 25%">
        <h4 class="shadow">CSS secrets | 2015 </h4>
        <p>This index.html page is a placeholder with the CSS, font and favicon. It's just waiting for you to add some content! If you need some help hit up the <a href="http://www.getskeleton.com">Skeleton documentation</a>.</p>
        <ul>
	        <li><a href="./secrets/001-background-color.html" media="all" accesskey="0" title="Background-Color" >Changing the background color</a></li>
	        <li><a href="./secrets/002-translucent-borders.html" media="all" accesskey="1" title="Translucent borders" >Translucent borders</a></li>
	        <li><a href="./secrets/003-multiple-borders.html" media="all" accesskey="2" title="Multiple borders">Multiple borders</a></li>
	        <li><a href="./secrets/004-flexible-background-positioning.html" media="all" accesskey="3" title="Flexible Background Positioning">Flexible Background Positioning</a></li>
	        <li><a href="./secrets/005-inner-rounding.html" media="all" accesskey="4" title="Inner rounding">Inner rounding</a></li>
	        <li><a href="./secrets/006-striped-backgrounds.html" media="all" accesskey="5" title="Striped Backgrounds">Striped Backgrounds</a></li>
	        <li><a href="./secrets/007-complex-background-patterns.html" media="all" accesskey="6" title="Complex background patterns">Complex background patterns</a></li>
	        <li><a href="./secrets/008-pseudorandom-backgrounds.html" media="all" accesskey="7" title="Complex background patterns">(Pseudo) random backgrounds</a></li>
	        <li><a href="./secrets/009-continuous-image-borders.html" media="all" accesskey="8" title="Continuous image borders">Continuous image borders</a></li>

        </ul>
      </div>
    </div>
  </div>

<!-- End Document
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->

  <script src="./js/home.js" type="text/javascript"></script>

</body>
</html>