Cookie_stand/style_guide.html at master · AlisonZ/Cookie_stand · 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
<!DOCTYPE html>
<html>
  <head>
    <link href="style.css" rel="stylesheet" type="text/css">
    <link href= "how_its_laid_out.css" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
    <title>Pat's Salmon Cookies Style Guide</title>
  </head>

  <h1>Colors</h1>
    <ul class ="styleTypes">
      <li class="header_color">
        <span></span>
        <p>Header</p>
      </li>

      <li class ="secondary_color">
        <span></span>
        <p>Secondary</p>
      </li>

      <li class="tertiary_color">
        <span></span>
        <p>Tertiary</p>
      </li>

      <li class="fourth_color">
        <span></span>
        <p>Fourthly</p>
      </li>
    </ul>


<h1 id="typographyHeader">Typography</h1>
  <ul class="typographyTypes">
    <li>Headings</li><span id="headingsTypography">GEORGIA</span>
    <li>Link Text</li><span id="linkTypography">ADD LINK TEXT HERE</span>
    <li>Strong Text</li><span id="strongTypography">ADD STRONG TEXT HERE</span>
    <li id="emphasis">Emphasis Text</li><span id="emphasisTypography">SHADOWS INTRO LIGHT TWO</span>
    <li id="paragraph">Paragraph Text</li><span id="paragraphTypography">PALATINO LINOTYPE</span>
    <li id="data">Data Text</li><span id="dataTypography">ADD DATA DETAILS HERE</span>
  </ul>

</html>