-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathGallery.html
127 lines (124 loc) · 5.08 KB
/
Gallery.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Gallery</title>
</head>
<body style="background-image:url(https://i.pinimg.com/originals/44/56/10/445610da917ff4dc7dd857b393465324.jpg)">
<br>
<table align="center" style="width: 80%; font-family:cursive; background-color: slategrey">
<tr>
<td align="center" style="background-color:skyblue"><a href="Home.html">
<h3>HOME</h3>
</a></td>
<td align="center" style="background-color:skyblue"><a href="Gallery.html">
<h3>GALLERY</h3>
</a></td>
<td align="center" style="background-color:skyblue"><a href="Contact.html">
<h3>CONTACT</h3>
</a></td>
</tr>
</table>
<br>
<table align="center"
style="width:80%; background-color:snow; padding:15px; border:1px solid; font-family: monospace">
<tr>
<td>
<h1>Kittipong Naktia</h1>
<h2>Student</h2>
<h3><a href="mailto:bang_dekdee@hotmail.co.th">bang_dekdee@hotmial.co.th</a></h3>
<h3>(+66)-329-61951</h3>
</td>
<td align="center">
<img src="http://useast.mymarkettoolkit.com/90/gallery/large/snowyowllaffs_36022.jpg" alt=""
width=200px />
</td>
</tr>
</table>
<br>
<table align="center" width=80% style="background-image:url(https://media.giphy.com/media/VapauFsEHWCt2/giphy.gif)">
<tr>
<td align=center>
<h2 style="color:snow; font-family:cursive">GALLERY</h2>
</td>
</tr>
</table>
<br>
<table width='80%' align="center" border="1px" style="padding: 5px; border:1px solid; background-color:powderblue">
<tr align="center">
<td><img src="http://3.bp.blogspot.com/-cZ-wg_Apc1g/UIYy_zVPRvI/AAAAAAAAAis/-QdxtTxoPAs/s1600/Own+New+Funny+Pic.jpg"
alt="" height="200px" width="200px"></td>
<td><img src="https://i.ytimg.com/vi/XQfuPIF56aw/maxresdefault.jpg" alt="" height="200px" width="200px">
</td>
<td><img src="https://static.boredpanda.com/blog/wp-content/uploads/2016/04/smiling-animals-6-570e0c171eee1__605.jpg"
alt="" height="200px" width="200px"></td>
<td><img src="https://cache.desktopnexus.com/thumbseg/1246/1246706-bigthumbnail.jpg" alt="" height="200px"
width="200px"></td>
</tr>
<tr align="center">
<td>
<h3>OWL</h3>
</td>
<td>
<h3>OWL</h3>
</td>
<td>
<h3>OWL</h3>
</td>
<td>
<h3>OWL</h3>
</td>
</tr>
<tr align="center">
<td><img src="https://i.pinimg.com/originals/50/3f/e9/503fe90c68d6eda5a629ac885208fc6b.jpg" alt=""
height="200px" width="200px"></td>
<td><img src="https://i.ytimg.com/vi/1sp6eYZ1xjo/maxresdefault.jpg" alt="" height="200px" width="200px">
</td>
<td><img src="https://static.boredpanda.com/blog/wp-content/uploads/2014/12/owl-photography-2__880.jpg"
alt="" height="200px" width="200px"></td>
<td><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSeELSiBhhtihIoudK9jd37H1Qd_Lo8MY0IosniLoyWCxqFB2vWWA"
alt="" height="200px" width="200px"></td>
</tr>
<tr align="center">
<td>
<h3>OWL</h3>
</td>
<td>
<h3>OWL</h3>
</td>
<td>
<h3>OWL</h3>
</td>
<td>
<h3>OWL</h3>
</td>
</tr>
<tr align="center">
<td><img src="https://www.ninenik.com/demo/slide/photo/owl1.jpg" alt="" height="200px" width="200px"></td>
<td><img src="https://files.brightside.me/files/news/part_11/112505/355305-qtgEQ-650-6ad5117f5c-1478518566.jpg"
alt="" height="200px" width="200px">
</td>
<td><img src="https://www.lipstiq.com/wp-content/uploads/2015/03/e1pnoirhndynahlr6wid.jpg" alt=""
height="200px" width="200px"></td>
<td><img src="https://keyassets.timeincuk.net/inspirewp/live/wp-content/uploads/sites/8/2017/09/C60X5B_127991092_192913722.jpg"
alt="" height="200px" width="200px"></td>
</tr>
<tr align="center">
<td>
<h3>OWL</h3>
</td>
<td>
<h3>OWL</h3>
</td>
<td>
<h3>OWL</h3>
</td>
<td>
<h3>OWL</h3>
</td>
</tr>
</table>
</body>
</html>