-
Notifications
You must be signed in to change notification settings - Fork 0
/
products.html
93 lines (92 loc) · 5.01 KB
/
products.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Products</title>
<style>
a{
text-decoration: none;
font-weight: bold;
font-size: 18px;
color: #40513B;
text-shadow: 1px 1px rgba(126, 232, 114, 0.845);
}
</style>
</head>
<body>
<table align="center" width="100%" height="100%" cellspacing="0" cellpadding="10">
<tr height="168">
<td colspan="6" bgcolor="#EDF1D6" style="color: #557153; background-image:url(./pictures/9.jpg); background-repeat: no-repeat; background-size: 100% 100%;"><h1 align="center" style="text-shadow: 2px 2px rgb(237, 237, 34); ">🌱 PRODUCTS PAGE 🌱</h1></td>
</tr>
<tr align="center" bgcolor="#9DC08B" height="70">
<td><a href="./media.html">MEDIA</a></td>
<td><a href="./resume.html">RESUME</a></td>
<td><a href="./contact.html">CONTACTS</a></td>
<td><a href="./aboutus.html">ABOUT US</a></td>
<td><a href="#" style="color:#7C4789">PRODUCTS</a></td>
<td><a href="./index.html">HOME</a></td>
</tr>
<div>
<tr align="center" bgcolor="#6B7A53" style="font-weight: bold; box-shadow: 2px 2px yellow;">
<td colspan="2">FLOWER</td>
<td colspan="2" align="center">PRICE</td>
<td colspan="2">ABOUT</td>
</tr>
<tr style="color: #6B7A53;">
<td colspan="2" align="center">
<figure>
<img src="./pictures/22.jpg" alt="" width="240">
<figcaption><pre style="font-weight: bold;"> Weeping fig </pre></figcaption>
</figure>
</td>
<td colspan="2" align="center" style="font-weight: bold;">$54,95</td>
<td colspan="2"><pre style="box-shadow: 2px 3px 3px 3px #c5f676;">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam, fugiat,
sit cum itaque reprehenderit officia, natus adipisci reiciendis laboriosam deleniti nesciunt.
Quos quo distinctio accusantium, tenetur veniam dolore maxime perferendis.
Vitae saepe quam quisquam recusandae velit dicta tempora sapiente itaque,
aliquam accusantium repudiandae quas commodi culpa autem blanditiis similique eos debitis
possimus porro placeat. Quos maxime in animi distinctio quis.
</pre></td>
</tr>
<tr style="color: #6B7A53;" >
<td colspan="2" align="center">
<figure>
<img src="./pictures/25.jpg" alt="" width="240">
<figcaption><pre style="font-weight: bold;"> Marigold </pre></figcaption>
</figure>
</td>
<td colspan="2" align="center" style="font-weight: bold;">$74,95</td>
<td colspan="2"><pre style="box-shadow: 2px 3px 3px 3px #c5f676;">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam, fugiat,
sit cum itaque reprehenderit officia, natus adipisci reiciendis laboriosam deleniti nesciunt.
Quos quo distinctio accusantium, tenetur veniam dolore maxime perferendis.
Vitae saepe quam quisquam recusandae velit dicta tempora sapiente itaque,
aliquam accusantium repudiandae quas commodi culpa autem blanditiis similique eos debitis
possimus porro placeat. Quos maxime in animi distinctio quis.
</pre></td>
</tr>
<tr style="color: #6B7A53;">
<td colspan="2" align="center">
<figure>
<img src="./pictures/24.jpg" alt="" width="240">
<figcaption><pre style="font-weight: bold;">Lavender </pre></figcaption>
</figure></td>
<td colspan="2" align="center" style="font-weight: bold;">$11,95</td>
<td colspan="2"><pre style="box-shadow: 2px 3px 3px 3px #c5f676;">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam, fugiat,
sit cum itaque reprehenderit officia, natus adipisci reiciendis laboriosam deleniti nesciunt.
Quos quo distinctio accusantium, tenetur veniam dolore maxime perferendis.
Vitae saepe quam quisquam recusandae velit dicta tempora sapiente itaque,
aliquam accusantium repudiandae quas commodi culpa autem blanditiis similique eos debitis
possimus porro placeat. Quos maxime in animi distinctio quis.
</pre></td>
</tr>
</div>
<tr>
<td colspan="6" align="center" bgcolor="40513B" style="background-image: url(./pictures/4.jpg); color: #3e4607; font-weight: bold; background-repeat: no-repeat; background-size: 100% 100%;" height="100"> © 2023 Copyright | by NILOOFAR </td>
</tr>
</body>
</html>