frontendProgramming/overview.html at main · SallyResch/frontendProgramming · 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
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./styles/overview.css" />
    <title>Overview | Sally Resch</title>
  </head>
  <body>
    <header class="header">
      <a class="home-link" href="./index.html">
        <img
          src="./images/SR-NAVLOGO.png"
          alt="logo"
          class="logo"
          width="127"
          height="106"
        />
      </a>
      <h1 class="header-title">Projects</h1>
    </header>
    <div class="grid-container">
      <a
        class="grid-child project-link"
        href="./HTML-CSS/animationsFun/index.html"
        >Animation</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/blinkingLetters/index.html"
        >Blinking Animation</a
      >
      <a class="grid-child project-link" href="./HTML-CSS/boxModel/index.html"
        >BoxModel</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/circlesBoxModel/index.html"
        >Circles BoxModel</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/cliCommands/commands.html"
        >Client Commands</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/cliCommands-0.1/index.html"
        >Client Commands 0.1</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/flexBoxDirectory/index.html"
        >Flexbox</a
      >
      <a class="grid-child project-link" href="./HTML-CSS/fonts/index.html"
        >Fonts</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/formDirectory/index.html"
        >Forms 1</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/formTwoDirectory/index.html"
        >Forms 2</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/gridDirectory/index.html"
        >Grid 1</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/gridDirectory/gridLayout.html"
        >Grid 2</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/htmlDescriptions/htmlDescription.html"
        >Html Descriptions</a
      >
      <a class="grid-child project-link" href="./HTML-CSS/listTable/index.html"
        >Table list</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/mobileFirst/index.html"
        >MobileFirst</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/multiPageWebsite/index.html"
        >Multipage website</a
      >
      <a class="grid-child project-link" href="./HTML-CSS/rwd-mpw/index.html"
        >Responsive Web Design</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/saturdayFunStuff/index.html"
        >Saturday Funstuff</a
      >
      <a class="grid-child project-link" href="./HTML-CSS/startpage/index.html"
        >Startpage</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/sundayFunStuff/index.html"
        >Sunday Funstuff</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/trafficLightChallenge/index.html"
        >TrafficLight Challenge</a
      >
      <a
        class="grid-child project-link"
        href="./HTML-CSS/training-one/index.html"
        >Grid Training Stripes</a
      >
      <a class="grid-child project-link" href="./JavaScript/jsIntro/index.html"
        >JavaScript Intro</a
      >
      <a
        class="grid-child project-link"
        href="./JavaScript/jsIntro/ifStatements.html"
      >
        If-statements
      </a>
      <a
        class="grid-child project-link"
        href="./JavaScript/numberGuessGamePrompts/index.html"
      >
        NumberGuessingGame
      </a>
    </div>
  </body>
</html>