-
Notifications
You must be signed in to change notification settings - Fork 0
/
box1.html
147 lines (121 loc) · 4.71 KB
/
box1.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
135
136
137
138
139
140
141
142
143
144
145
146
147
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<title>Nate Hill</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Favicons -->
<link rel="shortcut icon" href="assets/img/favicons/logo.png" type="image/png">
<style>
img.sold{
opacity: 0.4;
}
.sold-sign{
position: absolute;
top:90%;
left:50%;
}
.relative{
position: relative;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.list-inline-item-nate{
margin-left:2em;
}
</style>
<!-- Custom styles for this template -->
</head>
<body>
<header>
<div class="navbar navbar-light bg-light">
<div class="container d-flex justify-content-between">
<div class="col-md-6">
<a href="index.html" class="navbar-brand d-flex align-items-center">
<img src="assets/favicons/logo.png">
</a>
</div>
<div class="col-md-6 text-right">
<button class="navbar-toggler menu-toggle" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="container">
<div class="row aboutnate" style="display:none">
<div class="col-md-12 py-4">
<h4 class="text-muted">Hello!</h4>
<p class="text-muted">I'm Nate Hill.</br>
This page features boxes, bowls, lighting, and other items that I make, most of which are for sale upon request. If you are interested in my library and cultural heritage work, you can get into that <a href="library.html">over here.</a></br>
Thanks for looking, and please reach out with any questions to [email protected] or find me on Instagram as <a href="https://www.instagram.com/natehillnatehill/?hl=en">@natehillnatehill.</a>
</p>
</div>
</div>
</div>
</div>
</header>
<main role="main">
<!--
<section class="jumbotron text-center">
<div class="container">
<h1>Wooden Bowls</h1>
<p class="lead text-muted">I made them</p>
</div>
</section>
-->
<div class="album py-5 bg-light">
<div class="container">
<!--row-->
<div class="row">
<div class="col-md-12">
<p>My box sculptures are inspired by or represent communities, homes, shared and individual spaces. They also consider the relationships and communications connecting these typologies in both the human-built environment and the natural world. Snails grow shells, termites build mounds, mycelial networks spread for miles underground, and from these kinds of activities complex ecosystems and interactions emerge. People build homes, apartment complexes, networked communications infrastructure, and from these activities diverse communities and cities emerge. </p>
<p>Exteriors present like architecture, carapaces, or bodies. The interior is hidden from view as a more private space where I typically add a rich blue pigment and a found object that holds personal significance.</p>
<p>This box is made from stack laminated white oak. The tree itself was standing dead in my back yard, and had to be taken down for fear it would fall and break my neighbor's power lines.</p>
</div>
</div>
<!--row-->
<div class="row">
<div class="col-md-12">
<div class="card mb-4 shadow-sm">
<img src="assets/img/box1-1.jpg" width="100%" height="100%"></a>
</div>
</div>
</div>
<!--row-->
<div class="row">
<div class="col-md-12">
<div class="card mb-4 shadow-sm">
<img src="assets/img/box1-2.jpg" width="100%" height="100%"></a>
</div>
</div>
</div>
<!--row-->
<div class="row">
<div class="col-md-12">
<div class="card mb-4 shadow-sm">
<img src="assets/img/box1-3.jpg" width="100%" height="100%"></a>
</div>
</div>
</div>
<!--row-->
<div class="row">
<div class="col-md-12">
<div class="card mb-4 shadow-sm">
<img src="assets/img/box1.jpg" width="100%" height="100%"></a>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="text-muted">
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>