end

Tynab · May 3, 2022 · 1b89562 · 1b89562
1 parent dfb45b2
commit 1b89562
Show file tree

Hide file tree

Showing 6 changed files with 105 additions and 0 deletions.
diff --git a/exercise_2/coffee/coffee.html b/exercise_2/coffee/coffee.html
@@ -36,6 +36,46 @@ <h3>List of coffee</h3>
             flavor.<br>
             Roasted beans are ground and brewed with near-boiling water to produce coffee as a beverage.<br>
         </p>
+        <table style="text-align: center;" width="800" height="500" border="1" align="center" cellpadding="5">
+            <tr>
+                <td colspan="2"><b>Name</b></td>
+                <td><b>Type</b></td>
+                <td><b>Price</b></td>
+            </tr>
+            <tr style="text-align: left;">
+                <td style="text-align: center;" rowspan="4">Traditional Coffee</td>
+                <td style="background-color: violet;" rowspan="2">Vietnamese Coffee Phin</td>
+                <td style="background-color: tomato">Hot</td>
+                <td style="background-color: tomato;">28.000 VNĐ</td>
+            </tr>
+            <tr>
+                <td style="text-align: right; background-color: dodgerblue;">Cold</td>
+                <td style="text-align: right; background-color: dodgerblue;">30.000 VNĐ</td>
+            </tr>
+            <tr style="text-align: right;">
+                <td style="background-color: green;" rowspan="2">Vietnamese Coffee with Milk<br>Bac Xiu - Vietnamese
+                    Coffee with (much) Milk</td>
+                <td style="text-align: left; background-color: tomato">Hot</td>
+                <td style="text-align: left; background-color: tomato;">28.000 VNĐ</td>
+            </tr>
+            <tr>
+                <td style="background-color: dodgerblue;">Cold</td>
+                <td style="background-color: dodgerblue;">30.000 VNĐ</td>
+            </tr>
+            <tr>
+                <td rowspan="3">Espresso</td>
+                <td style="background-color: gold;">Traditional Espresso</td>
+                <td style="background-color: orange;" rowspan="3">Hot (only)</td>
+                <td style="background-color: darkorange;">40.000 VNĐ</td>
+            </tr>
+            <tr>
+                <td style="text-align: left; background-color: violet;">Espresso Machiato</td>
+                <td style="background-color: chocolate;" rowspan="2">45.000 VNĐ</td>
+            </tr>
+            <tr>
+                <td style="text-align: right; background-color: green;">Cappuccino</td>
+            </tr>
+        </table>
     </div>
 </body>
 

diff --git a/exercise_2/img/black tea.jpg b/exercise_2/img/black tea.jpg
diff --git a/exercise_2/img/green tea.jpg b/exercise_2/img/green tea.jpg
diff --git a/exercise_2/tea/tea.html b/exercise_2/tea/tea.html
@@ -40,6 +40,42 @@ <h3>List of tea</h3>
             varying degrees, depending on the desired flavor. Roasted beans are ground and brewed with near-boiling
             water to produce coffee as a beverage.
         </p>
+        <table style="text-align: center;" width="800" height="500" border="1" align="center" cellpadding="5">
+            <tr>
+                <td colspan="2"><b>Name</b></td>
+                <td><b>Type</b></td>
+                <td><b>Price</b></td>
+            </tr>
+            <tr>
+                <td style="text-align: right;" rowspan="2" colspan="2" background="../img/green tea.jpg"> Green Tea</td>
+                <td style="text-align: left;">Hot</td>
+                <td rowspan="2">25.000 VNĐ</td>
+            </tr>
+            <tr>
+                <td style="text-align: right;">Cold</td>
+            </tr>
+            <tr>
+                <td rowspan="2" colspan="2" background="../img/black tea.jpg"> Black Tea</td>
+                <td style="text-align: left;">Hot</td>
+                <td rowspan="2">28.000 VNĐ</td>
+            </tr>
+            <tr>
+                <td style="text-align: right;">Cold</td>
+            </tr>
+            <tr>
+                <td rowspan="3" background="../img/fruit.jpg">Fruit Tea</td>
+                <td style="text-align: left;">Lemon Tea</td>
+                <td rowspan="3">Cold (only)</td>
+                <td>30.000 VNĐ</td> 
+            </tr>
+            <tr>
+                <td style="text-align: left;">Apple Tea</td>
+                <td rowspan="2">35.000 VNĐ</td> 
+            </tr>
+            <tr>
+                <td style="text-align: left;">Peach Tea</td>
+            </tr>
+        </table>
     </div>
 </body>
 

diff --git a/exercise_summary/img/bg.jpg b/exercise_summary/img/bg.jpg
diff --git a/exercise_summary/index.html b/exercise_summary/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+
+<head>
+    <title>Bài Tập Tổng Hợp</title>
+</head>
+
+<body>
+    <div style="padding-top: 10px;">
+        <div style="text-align: justify; width: 340px; margin: auto; background-color: blue;">
+            <img src=".\img\bg.jpg" width="340px">
+            <div style="padding: 10px;">
+                <div style="color: red;">
+                    <h1>Tiêu đề</h1>
+                </div>
+                <div style="font-size: x-large; color: white;">
+                    <p>
+                        GF interior design tự hào mang đến hàng loạt các thiết kế công trình văn phòng xuất sắc tại Việt
+                        Nam
+                    </p>
+                </div>
+                <div style="color: green;">
+                    <h2>Chi tiết</h2>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>