-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpaintings.html
134 lines (125 loc) · 4.92 KB
/
paintings.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Susan Stair</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
}
</style>
<link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<link href="bootstrap/css/style.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
<nav class="navbar">
<div class="navbar-inner">
<div class="container-fluid offset1">
<div class="header">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="index.html">Susan Stair Portfolio</a>
<div class="nav-collapse">
<ul class="nav nav-pills">
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li class="dropdown active">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Work <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class=""><a href="claydrawings.html">Clay Drawings</a></li>
<li><a href="mosaics.html">Mosaics</a></li>
<li class="active"><a href="paintings.html">Paintings</a></li>
<li><a href="installations.html">Installations</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
</nav>
<div class="container-fluid">
<nav class="row-fluid subnav">
<div class="span1 hoverlink"><a href="paintingsstatement.html">Statement</a></div>
</nav>
<div class="paintings row-fluid nav-images">
<div class="span12">
<div class="row-fluid">
<div class="span2 offset2">
<a href="paintings/AsianPaintings.html">
<figure>
<img src="images/paintings/Asian-Painting-Category.jpg" alt="Asian Paintings">
<figcaption>Asian Paintings</figcaption>
</figure>
</a>
</div><!--/span-->
<div class="span2">
<a href="paintings/CatskillMountainTales.html">
<figure>
<img src="images/paintings/Catskill-Mountain-Tales-Painting-Category.jpg" alt="Catskill Mountain Tales">
<figcaption>Catskill Mountain Tales</figcaption>
</figure>
</a>
</div><!--/span-->
<div class="span2">
<a href="paintings/CatskillRocks.html">
<figure>
<img src="images/paintings/Catskill-Rocks-Category.jpg" alt="Catskill Rocks">
<figcaption>Catskill Rocks</figcaption>
</figure>
</a>
</div><!--/span-->
<div class="span2">
<a href="paintings/ClicheVerre.html">
<figure>
<img src="images/paintings/Cliche-Verre-Category.jpg" alt="Cliche Verre">
<figcaption>Cliche Verre</figcaption>
</figure>
</a>
</div><!--/span-->
<div class="span2">
<a href="paintings/RockFaces.html">
<figure>
<img src="images/paintings/Rock-Faces-Category.jpg" alt="Rock Faces">
<figcaption>Rock Faces</figcaption>
</figure>
</a>
</div><!--/span-->
</div><!--/row-->
</div><!--/span-->
</div><!--/row-->
</div>
<hr>
<footer>
<p>© Company 2012</p>
</footer>
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>
<script src="bootstrap/js/bootstrap-carousel.js"></script>
<script src="js/main.js"></script>
</body>
</html>