-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathphotos.html
129 lines (106 loc) · 5.29 KB
/
photos.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
<!DOCTYPE html>
<html lang="eng">
<head>
<meta charset=”UTF-8”>
<meta name=”viewport” content="width=device-width, initial-scale=1.0">
<meta name="description" content="This is a website about web development.">
<meta name="keywords" content="HTML, website, beginner guide">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style>
body {
background-image: url('renmeibackgrounds/renmeibackground3.jpg');
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
min-height: 100vh;
margin: 0; /* Remove default margin */
padding: 0; /* Remove default padding */
}
header {
background-color: rgba(73, 84, 52, 0.8); /* Semi-transparent dark background */
color: white;
text-align: center;
padding: 20px;
height: 150px; /* Set a fixed height for the header */
display: flex; /* Center content vertically */
flex-direction: column;
justify-content: center; /* Center header content */
}
footer {
background-color: rgba(51, 51, 51, 0.8); /* Semi-transparent dark background */
color: white;
text-align: center;
padding: 20px;
position: relative; /* Adjust for layout */
bottom: 0;
width: 100%; /* Full width */
}
.image-container {
display: flex;
flex-wrap: wrap; /* Allow wrapping of items */
justify-content: space-between; /* Space out items */
padding: 20px; /* Add padding around the container */
}
.image-container div {
width: 23%; /* Each image takes about 1/4 of the width minus space */
margin-bottom: 20px; /* Space between rows */
text-align: center; /* Center the image */
}
img {
max-width: 100%;
height: auto; /* Responsive image */
border: 1px solid #ccc;
border-radius: 5px; /* Optional: Add some styling to the images */
}
</style>
</Head>
<body>
<header>
<h1>Neural Representations Anthology</h1>
<p1>An archive for all my photography.</p1>
</header>
<div class="image-container">
<div><img src="photos2/feebjoshua2.jpg" alt="Image 2"></div>
<div><img src="photos2/feebjoshua3.jpg" alt="Image 3"></div>
<div><img src="photos/nate.jpg" alt="Image 4"></div>
<div><img src="photos/nateandi.jpg" alt="Image 5"></div>
<div><img src="photos2/feebjoshua1.jpg" alt="Image 1"></div>
<div><img src="photos/urballnate.jpg" alt="Image 6"></div>
<div><img src="photos/transflag.jpg" alt="Image 10"></div>
<div><img src="photos/laborcouncil.jpg" alt="Image 14"></div>
<div><img src="photos/kaorichi.jpg" alt="Image 7"></div>
<div><img src="photos2/citycamera.jpg" alt="Image 8"></div>
<div><img src="photos/maydaysmoker.jpg" alt="Image 9"></div>
<div><img src="photos/uhskullfracture.jpg" alt="Image 11"></div>
<div><img src="photos2/brownberets.jpg" alt="Image 12"></div>
<div><img src="photos/revcomlady.jpg" alt="Image 13"></div>
<div><img src="photos/verticalcityscape1.jpg" alt="Image 15"></div>
<div><img src="photos/maydaycamoguy.jpg" alt="Image 16"></div>
<div><img src="photos2/horizontalcityscape1.jpg" alt="Image 17"></div>
<div><img src="photos2/greenwindows.jpg" alt="Image 18"></div>
<div><img src="photos2/greenoffice.jpg" alt="Image 19"></div>
<div><img src="photos2/greentrash.jpg" alt="Image 20"></div>
<div><img src="photos/solitudenaiche.jpg" alt="Image 21"></div>
<div><img src="photos2/fluteguy.jpg" alt="Image 22"></div>
<div><img src="photos2/beanieshoplady.jpg" alt="Image 23"></div>
<div><img src="photos2/accordiancat.jpg" alt="Image 24"></div>
<div><img src="photos/pianoguy.jpg" alt="Image 26"></div>
<div><img src="photos2/cardshop.jpg" alt="Image 27"></div>
<div><img src="photos2/bonzaiguy.jpg" alt="Image 28"></div>
<div><img src="photos/verticaltreescape1.jpg" alt="Image 30"></div>
<div><img src="photos/jaymink1.jpg" alt="Image 25"></div>
<div><img src="photos/verticalaridscape1.jpg" alt="Image 29"></div>
<div><img src="photos2/fruta4sale.jpg" alt="Image 35"></div>
<div><img src="photos2/drivelen.jpg" alt="Image 33"></div>
<div><img src="photos/minkwalk.jpg" alt="Image 31"></div>
<div><img src="photos2/dogpetting.jpg" alt="Image 32"></div>
<div><img src="photos/verticalseascape1.jpg" alt="Image 36"></div>
<div><img src="photos/jaymink2.jpg" alt="Image 36"></div>
<div><img src="photos2/jaylencatoff.jpg" alt="Image 34"></div>
<div><img src="photos2/horizontalseascape1.jpg" alt="Image 37"></div>
<div><img src="photos2/horizontalseascape2.jpg" alt="Image 38"></div>
<div><img src="photos/kitter.jpg" alt="Image 36"></div>
</div>
</body>
</html>