-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
149 lines (127 loc) · 5.63 KB
/
Copy pathindex.html
File metadata and controls
149 lines (127 loc) · 5.63 KB
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
141
142
143
144
145
146
147
<!DOCTYPE HTML>
<html>
<head>
<title>Mandy Knight | Home</title>
<link rel='stylesheet' type='text/css' href='assets/knight.css'/>
<link rel='stylesheet' type='text/css' href='assets/hover-effects.css'/>
<link href="assets/favicon.ico" rel="icon" type="image/x-icon" />
<link rel='stylesheet' type='text/css' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'/>
</head>
<body>
yo.
<main class="portfolio container">
<figure class="portfolio-item effect-phoebe header">
<img class="e" src="https://unsplash.it/1000/600?image=1025" alt="img01"/>
<figcaption class="e">
<h2 class="e">Mandy <span>Knight</span> Portfolio</h2>
<p class="e">
<a target="_blank" class="e" href="https://github.com/racoonsmakeokayfriends">
<i class="fa fa-fw fa-lg fa-github"></i>
</a>
<a target="_blank" class="e" href="http://codepen.io/theselittleknights/">
<i class="fa fa-fw fa-lg fa-codepen"></i>
</a>
<a target="_blank" class="e" href="https://www.linkedin.com/in/amanda-knight-bb04ba80">
<i class="fa fa-fw fa-lg fa-linkedin-square"></i>
</a>
</p>
</figcaption>
</figure>
<!-- ===GAMES=== -->
<!-- Kitty Bejeweled - sarah -->
<figure class="portfolio-item effect-lily hidden">
<img class="e" src="https://unsplash.it/1000/600?image=1025" alt="img01"/>
<figcaption class="e">
<h2 class="e">Kitty Bejeweled</h2>
<p class="e">Match up my kitties.</p>
<a target="_blank" class="e" href="https://racoonsmakeokayfriends.github.io/bejeweled">play me</a>
</figcaption>
</figure>
<!-- Pin the Bow on the Kitty -->
<figure class="portfolio-item effect-lily hidden">
<img class="e" src="https://unsplash.it/1000/600?image=1025" alt="img01"/>
<figcaption class="e">
<h2 class="e">Pin the Bow on the Kitty</h2>
<p class="e">Make my cats look cuter</p>
<a target="_blank" class="e" href="https://racoonsmakeokayfriends.github.io/pinthebow">play me</a>
</figcaption>
</figure>
<!-- Drench -->
<figure class="portfolio-item effect-lily">
<img class="e" src="https://unsplash.it/800/300?image=1012" alt="img01"/>
<figcaption class="e">
<h2 class="e">Drench</h2>
<p class="e">Absorb the colors as fast as you can</p>
<a target="_blank" class="e" href="https://racoonsmakeokayfriends.github.io/drench">play me</a>
</figcaption>
</figure>
<!-- ===TOOLS=== -->
<!-- Color Scales-->
<figure class="portfolio-item effect-sarah">
<img class="e" src="https://unsplash.it/800/300?image=494" alt="img01"/>
<figcaption class="e">
<h2 class="e">Color Scale</h2>
<p class="e">Find the right shadow</p>
<a target="_blank" class="e" href="https://racoonsmakeokayfriends.github.io/color-scale">play me</a>
</figcaption>
</figure>
<!-- Pyramids -->
<figure class="portfolio-item effect-sadie">
<img class="e" src="http://cdn.history.com/sites/2/2015/11/iStock_000046034440_Full-E.jpeg" alt="img01"/>
<figcaption class="e">
<h2 class="e">Pyramids</h2>
<p class="e">Classic card game</p>
<a target="_blank" class="e" href="https://racoonsmakeokayfriends.github.io/pyramids">play me</a>
</figcaption>
</figure>
<!-- Color Scales 2D-->
<figure class="portfolio-item effect-oscar">
<img class="e" src="https://unsplash.it/800/300?image=210" alt="img01"/>
<figcaption class="e">
<h2 class="e">Color Scale 2d</h2>
<p class="e">so many colors @_@</p>
<a target="_blank" class="e" href="https://racoonsmakeokayfriends.github.io/color-scale2d">play me</a>
</figcaption>
</figure>
<!-- Star Rating -->
<figure class="portfolio-item effect-sarah hidden">
<img class="e" src="https://unsplash.it/800/300?image=842" alt="img01"/>
<figcaption class="e">
<h2 class="e">Star Rating</h2>
<p class="e">different star ratings</p>
<a target="_blank" class="e" href="https://racoonsmakeokayfriends.github.io/star-rating">play me</a>
</figcaption>
</figure>
<!-- Inkscape Extension 593-tiger, 307=wood, 210=wood, 200=yak-->
<!-- ===GOVERNMENT=== -->
<!-- About Me 366,493=laptop-->
<figure class="portfolio-item effect-julia">
<img class="e" src="https://unsplash.it/800/300?image=201" alt="img01"/>
<figcaption class="e">
<h2 class="e">Looking for a <strong>web developer</strong>?</h2>
<p class="e">
<i class="fa fa-fw fa-graduation-cap"></i> Rensselear Polytechnic Institute
</p>
<p class="e">
<i class="fa fa-fw fa-map-marker"></i> Southern New Hampshire
</p class="e">
<p class="e">
<a href="mailto:amanda.knight314@gmail.com">
<i class="fa fw fa-envelope"></i> Ask for my resume!
</a>
</p>
<p class="e">
<i class="fa fw fa-code"></i> HTML5, CSS3, Javascript, JQuery, Python
</p>
</figcaption>
</figure>
</main>
<aside class="credit">
Images: <a href="https://unsplash.it/">Unsplash</a>&<a href="http://www.history.com/">history.com</a> +
Hover Effect Inspiration: <a href="http://tympanus.net/codrops/?p=19292">codrops</a> +
Icons: <a href="http://fontawesome.io/icons/">font awesome</a>
</aside>
<footer><s>This portfolio is under construction - June 2016</s> This portfolio will always be under construction</footer>
<!-- <a href="/bejeweled.html">Kitty Bejeweled!</a> -->
</body>
</html>