masterWorkFile/styleguide.html at master · JonSAdams/masterWorkFile · 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
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Inspire Brands Style Guide</title>

    <link rel="stylesheet" href="styles.css">

</head>
<body>
    <h1> Inspire Brands Style Guide</h1>
    <Nav>Choose Brand</Nav>
    <!--Color Section-->
    <div class="mainBox">
        <h2>Color Guide</h2>
        <div class="levelTwo">
            <h3>Inspire Brands</h3>
        </div>
        <div class="levelTwo">
            <h3>Arby's</h3>
        </div>
        <div class="levelTwo">
            <h3>Buffalo Wild Wings</h3>
        </div>
        <div class="levelTwo">
            <h3>Baskin Robbins</h3>
        </div>
        <div class="levelTwo">
            <h3>Dunkin'</h3>
        </div>
        <div class="levelTwo">
            <h3>Jimmy John's</h3>
        </div>
        <div class="levelTwo">
            <h3>Sonic Drive-In</h3>
            <div id="cherry" class="levelThree">
                <h4>Cherry<br>192 C</h4>
                <p>CMYK 0 94 64 0 <br> RGB 228 0 70 <br> HEX #e40046</p>
            </div>
            <div id="sky" class="levelThree">
                <h4>Sky<br>2382 C</h4>
                <p>CMYK 78 30 0 0<br>RGB 0 138 216<br>HEX #008ad8</p>
            </div>
            <div id="frost" class="levelThree">
                <h4>Frost<br>2197 C</h4>
                <p>CMYK 50 0 12 0<br>RGB 116 210 231<br>HEX #74d2e7</p>
            </div>
            <div id="midnight" class="levelThree">
                <h4>Midnight <br>2161 C</h4>
                <p>CMYK 93 55 16 25<br>RGB 40 87 128<br>HEX #285780</p>
            </div>
            <div id="lemonade" class="levelThree">
                <h4>Lemonade<br>Yellow C</h4>
                <p>CMYK 0 1 100 0<br>RGB 254 221 0<br>HEX #fedd00</p>
            </div>
        </div>
        <div class="levelTwo">
            <h3>Rusty Taco</h3>
        </div>
    </div>

</body>
</html>